wxapp_shuibei/utils/util.js

import { TOKENNAME, HTTP_REQUEST_URL } from "../config/app.js";
import { HTTP_ADMIN_URL, BASE_OSS_URL } from "@/config/app.js";
import { useAppStore } from "@/stores/app.js";
import { pathToBase64 } from "@/plugin/image-tools/index.js";
import { useToast } from "@/hooks/useToast";
export default {
  /**
   * 移除数组中的某个数组并组成新的数组返回
   * @param array array 需要移除的数组
   * @param int index 需要移除的数组的键值
   * @param string | int 值
   * @return array
   *
   */
  ArrayRemove: function (array, index, value) {
    const valueArray = [];
    if (array instanceof Array) {
      for (let i = 0; i < array.length; i++) {
        if (typeof index == "number" && array[index] != i) {
          valueArray.push(array[i]);
        } else if (typeof index == "string" && array[i][index] != value) {
          valueArray.push(array[i]);
        }
      }
    }
    return valueArray;
  },
  /**
   * 生成海报获取文字
   * @param string text 为传入的文本
   * @param int num 为单行显示的字节长度
   * @return array
   */
  textByteLength: function (text, num) {
    let strLength = 0;
    let rows = 1;
    let str = 0;
    let arr = [];
    for (let j = 0; j < text.length; j++) {
      if (text.charCodeAt(j) > 255) {
        strLength += 2;
        if (strLength > rows * num) {
          strLength++;
          arr.push(text.slice(str, j));
          str = j;
          rows++;
        }
      } else {
        strLength++;
        if (strLength > rows * num) {
          arr.push(text.slice(str, j));
          str = j;
          rows++;
        }
      }
    }
    arr.push(text.slice(str, text.length));
    return [strLength, arr, rows]; //  [处理文字的总字节长度，每行显示内容的数组，行数]
  },

  /**
   * 获取分享海报
   * @param array arr2 海报素材
   * @param string store_name 素材文字
   * @param string price 价格
   * @param string ot_price 原始价格
   * @param function successFn 回调函数
   *
   *
   */
  PosterCanvas: function (arr2, store_name, price, ot_price, successFn) {
    let that = this;
    const { Toast } = useToast();
    const ctx = uni.createCanvasContext("firstCanvas");
    ctx.clearRect(0, 0, 0, 0);
    /**
     * 只能获取合法域名下的图片信息,本地调试无法获取
     *
     */
    ctx.fillStyle = "#fff";
    ctx.fillRect(0, 0, 750, 1150);
    uni.getImageInfo({
      src: arr2[0],
      success: function (res) {
        const WIDTH = res.width;
        const HEIGHT = res.height;
        // ctx.drawImage(arr2[0], 0, 0, WIDTH, 1050);
        ctx.drawImage(arr2[1], 0, 0, WIDTH, WIDTH);
        ctx.save();
        let r = 110;
        let d = r * 2;
        let cx = 480;
        let cy = 790;
        ctx.arc(cx + r, cy + r, r, 0, 2 * Math.PI);
        // ctx.clip();
        ctx.drawImage(arr2[2], cx, cy, d, d);
        ctx.restore();
        const CONTENT_ROW_LENGTH = 20;
        let [contentLeng, contentArray, contentRows] = that.textByteLength(
          store_name,
          CONTENT_ROW_LENGTH
        );
        if (contentRows > 2) {
          contentRows = 2;
          let textArray = contentArray.slice(0, 2);
          textArray[textArray.length - 1] += "……";
          contentArray = textArray;
        }
        ctx.setTextAlign("left");
        ctx.setFontSize(36);
        ctx.setFillStyle("#000");
        // let contentHh = 36 * 1.5;
        let contentHh = 36;
        for (let m = 0; m < contentArray.length; m++) {
          // ctx.fillText(contentArray[m], 50, 1000 + contentHh * m,750);
          if (m) {
            ctx.fillText(contentArray[m], 50, 1000 + contentHh * m + 18, 1100);
          } else {
            ctx.fillText(contentArray[m], 50, 1000 + contentHh * m, 1100);
          }
        }
        ctx.setTextAlign("left");
        ctx.setFontSize(72);
        ctx.setFillStyle("#DA4F2A");
        ctx.fillText("￥" + price, 40, 820 + contentHh);

        ctx.setTextAlign("left");
        ctx.setFontSize(36);
        ctx.setFillStyle("#999");
        ctx.fillText("￥" + ot_price, 50, 876 + contentHh);

        var underline = function (
          ctx,
          text,
          x,
          y,
          size,
          color,
          thickness,
          offset
        ) {
          var width = ctx.measureText(text).width;
          switch (ctx.textAlign) {
            case "center":
              x -= width / 2;
              break;
            case "right":
              x -= width;
              break;
          }

          y += size + offset;

          ctx.beginPath();
          ctx.strokeStyle = color;
          ctx.lineWidth = thickness;
          ctx.moveTo(x, y);
          ctx.lineTo(x + width, y);
          ctx.stroke();
        };
        underline(ctx, "￥" + ot_price, 55, 865, 36, "#999", 2, 0);
        ctx.setTextAlign("left");
        ctx.setFontSize(28);
        ctx.setFillStyle("#999");
        ctx.fillText("长按或扫描查看", 490, 1030 + contentHh);
        ctx.draw(true, function () {
          uni.canvasToTempFilePath({
            canvasId: "firstCanvas",
            fileType: "png",
            destWidth: WIDTH,
            destHeight: HEIGHT,
            success: function (res) {
              // uni.hideLoading();
              successFn && successFn(res.tempFilePath);
            },
          });
        });
      },
      fail: function (err) {
        console.log("失败", err);
        uni.hideLoading();
        Toast({
          title: "无法获取图片信息",
        });
      },
    });
  },
  /**
   * 绘制文字自动换行
   * @param array arr2 海报素材
   * @param Number x , y 绘制的坐标
   * @param Number maxWigth 绘制文字的宽度
   * @param Number lineHeight 行高
   * @param Number maxRowNum 最大行数
   */
  canvasWraptitleText(canvas, text, x, y, maxWidth, lineHeight, maxRowNum) {
    if (
      typeof text != "string" ||
      typeof x != "number" ||
      typeof y != "number"
    ) {
      return;
    }
    // canvas.font = '20px Bold PingFang SC'; //绘制文字的字号和大小
    // 字符分隔为数组
    var arrText = text.split("");
    var line = "";
    var rowNum = 1;
    for (var n = 0; n < arrText.length; n++) {
      var testLine = line + arrText[n];
      var metrics = canvas.measureText(testLine);
      var testWidth = metrics.width;
      if (testWidth > maxWidth && n > 0) {
        if (rowNum >= maxRowNum) {
          var arrLine = testLine.split("");
          arrLine.splice(-9);
          var newTestLine = arrLine.join("");
          newTestLine += "...";
          canvas.fillText(newTestLine, x, y);
          //如果需要在省略号后面添加其他的东西，就在这个位置写（列如添加扫码查看详情字样）
          //canvas.fillStyle = '#2259CA';
          //canvas.fillText('扫码查看详情',x + maxWidth-90, y);
          return;
        }
        canvas.fillText(line, x, y);
        line = arrText[n];
        y += lineHeight;
        rowNum += 1;
      } else {
        line = testLine;
      }
    }
    canvas.fillText(line, x, y);
  },
  /**
   * 获取活动分享海报
   * @param array arr2 海报素材
   * @param string storeName 素材文字
   * @param string price 价格
   * @param string people 人数
   * @param string count 剩余人数
   * @param function successFn 回调函数
   */
  activityCanvas: function (
    arrImages,
    storeName,
    price,
    people,
    count,
    num,
    successFn
  ) {
    let that = this;
    let rain = 2;
    const { Toast } = useToast();
    const context = uni.createCanvasContext("activityCanvas");
    context.clearRect(0, 0, 0, 0);
    /**
     * 只能获取合法域名下的图片信息,本地调试无法获取
     *
     */
    context.fillStyle = "#fff";
    context.fillRect(0, 0, 594, 850);
    uni.getImageInfo({
      src: arrImages[0],
      success: function (res) {
        context.drawImage(arrImages[0], 0, 0, 594, 850);
        context.setFontSize(14 * rain);
        context.setFillStyle("#333333");
        that.canvasWraptitleText(
          context,
          storeName,
          110 * rain,
          110 * rain,
          230 * rain,
          30 * rain,
          1
        );
        context.drawImage(
          arrImages[2],
          68 * rain,
          194 * rain,
          160 * rain,
          160 * rain
        );
        context.save();

        context.setFontSize(14 * rain);
        context.setFillStyle("#fc4141");
        context.fillText("￥", 157 * rain, 145 * rain);

        context.setFontSize(24 * rain);
        context.setFillStyle("#fc4141");
        context.fillText(price, 170 * rain, 145 * rain);

        context.setFontSize(10 * rain);
        context.setFillStyle("#fff");
        context.fillText(people, 118 * rain, 143 * rain);

        context.setFontSize(12 * rain);
        context.setFillStyle("#666666");
        context.setTextAlign("center");
        context.fillText(count, (167 - num) * rain, 166 * rain);

        that.handleBorderRect(
          context,
          27 * rain,
          94 * rain,
          75 * rain,
          75 * rain,
          6 * rain
        );
        context.clip();
        context.drawImage(
          arrImages[1],
          27 * rain,
          94 * rain,
          75 * rain,
          75 * rain
        );
        context.draw(true, function () {
          uni.canvasToTempFilePath({
            canvasId: "activityCanvas",
            fileType: "png",
            destWidth: 594,
            destHeight: 850,
            success: function (res) {
              // uni.hideLoading();
              successFn && successFn(res.tempFilePath);
            },
          });
        });
      },
      fail: function (err) {
        console.log("失败", err);
        uni.hideLoading();
        Toast({
          title: "无法获取图片信息",
        });
      },
    });
  },

  /**
   * 图片圆角设置
   * @param string x x轴位置
   * @param string y y轴位置
   * @param string w 图片宽
   * @param string y 图片高
   * @param string r 圆角值
   */
  handleBorderRect(ctx, x, y, w, h, r) {
    ctx.beginPath();
    // 左上角
    ctx.arc(x + r, y + r, r, Math.PI, 1.5 * Math.PI);
    ctx.moveTo(x + r, y);
    ctx.lineTo(x + w - r, y);
    ctx.lineTo(x + w, y + r);
    // 右上角
    ctx.arc(x + w - r, y + r, r, 1.5 * Math.PI, 2 * Math.PI);
    ctx.lineTo(x + w, y + h - r);
    ctx.lineTo(x + w - r, y + h);
    // 右下角
    ctx.arc(x + w - r, y + h - r, r, 0, 0.5 * Math.PI);
    ctx.lineTo(x + r, y + h);
    ctx.lineTo(x, y + h - r);
    // 左下角
    ctx.arc(x + r, y + h - r, r, 0.5 * Math.PI, Math.PI);
    ctx.lineTo(x, y + r);
    ctx.lineTo(x + r, y);

    ctx.fill();
    ctx.closePath();
  },

  /*
   * 单图上传
   * @param object opt
   * @param callable successCallback 成功执行方法 data
   * @param callable errorCallback 失败执行方法
   */
  uploadImageOne: function (opt, successCallback, errorCallback) {
    let that = this;
    const { Toast } = useToast();
    if (typeof opt === "string") {
      let url = opt;
      opt = {};
      opt.url = url;
    }
    let count = opt.count || 1,
      sizeType = opt.sizeType || ["compressed"],
      sourceType = opt.sourceType || ["album", "camera"],
      is_load = opt.is_load || true,
      uploadUrl = opt.url || "",
      inputName = opt.name || "pics",
      pid = opt.pid,
      model = opt.model;

    uni.chooseImage({
      count: count, //最多可以选择的图片总数
      sizeType: sizeType, // 可以指定是原图还是压缩图，默认二者都有
      sourceType: sourceType, // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        //启动上传等待中...
        uni.showLoading({
          title: "图片上传中",
        });
        let urlPath =
          HTTP_ADMIN_URL +
          "/api/admin/upload/image" +
          "?model=" +
          model +
          "&pid=" +
          pid;
        let localPath = res.tempFilePaths[0];
        const TOKEN = useAppStore.token;
        uni.uploadFile({
          url: urlPath,
          filePath: localPath,
          name: inputName,

          header: {
            // #ifdef MP
            "Content-Type": "multipart/form-data",
            // #endif
            [TOKENNAME]: TOKEN,
          },
          success: function (res) {
            uni.hideLoading();
            if (res.statusCode == 403) {
              Toast({
                title: res.data,
              });
            } else {
              let data = res.data ? JSON.parse(res.data) : {};
              if (data.code == 200) {
                data.data.localPath = localPath;
                successCallback && successCallback(data);
              } else {
                errorCallback && errorCallback(data);
                Toast({
                  title: data.message,
                });
              }
            }
          },
          fail: function (res) {
            uni.hideLoading();
            Toast({
              title: "上传图片失败",
            });
          },
        });
        // pathToBase64(res.tempFilePaths[0])
        // 	.then(imgBase64 => {
        // 		console.log(imgBase64);

        // 	})
        // 	.catch(error => {
        // 		console.error(error)
        // 	})
      },
    });
  },
  /**
   * 处理服务器扫码带进来的参数
   * @param string param 扫码携带参数
   * @param string k 整体分割符 默认为：&
   * @param string p 单个分隔符 默认为：=
   * @return object
   *
   */
  // #ifdef MP
  getUrlParams: function (param, k, p) {
    if (typeof param != "string") return {};
    k = k ? k : "&"; //整体参数分隔符
    p = p ? p : "="; //单个参数分隔符
    var value = {};
    if (param.indexOf(k) !== -1) {
      param = param.split(k);
      for (var val in param) {
        if (param[val].indexOf(p) !== -1) {
          var item = param[val].split(p);
          value[item[0]] = item[1];
        }
      }
    } else if (param.indexOf(p) !== -1) {
      var item = param.split(p);
      value[item[0]] = item[1];
    } else {
      return param;
    }
    return value;
  },
  /**根据格式组装公共参数
   * @param {Object} value
   */
  formatMpQrCodeData(value) {
    let values = value.split(",");
    let result = {};
    if (values.length === 2) {
      let v1 = values[0].split(":");
      if (v1[0] === "pid") {
        result.spread = v1[1];
      } else {
        result.id = v1[1];
      }
      let v2 = values[1].split(":");
      if (v2[0] === "pid") {
        result.spread = v2[1];
      } else {
        result.id = v2[1];
      }
    } else {
      result = values[0].split(":")[1];
    }
    return result;
  },
  // #endif
  /*
   * 合并数组
   */
  SplitArray(list, sp) {
    if (!Array.isArray(list)) return [];
    return [...sp, ...list];
  },
  trim(str) {
    return String.prototype.trim.call(str);
  },
  $h: {
    //除法函数，用来得到精确的除法结果
    //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。
    //调用：$h.Div(arg1,arg2)
    //返回值：arg1除以arg2的精确结果
    Div: function (arg1, arg2) {
      arg1 = parseFloat(arg1);
      arg2 = parseFloat(arg2);
      var t1 = 0,
        t2 = 0,
        r1,
        r2;
      try {
        t1 = arg1.toString().split(".")[1].length;
      } catch (e) {}
      try {
        t2 = arg2.toString().split(".")[1].length;
      } catch (e) {}
      r1 = Number(arg1.toString().replace(".", ""));
      r2 = Number(arg2.toString().replace(".", ""));
      return this.Mul(r1 / r2, Math.pow(10, t2 - t1));
    },
    //加法函数，用来得到精确的加法结果
    //说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
    //调用：$h.Add(arg1,arg2)
    //返回值：arg1加上arg2的精确结果
    Add: function (arg1, arg2) {
      arg2 = parseFloat(arg2);
      var r1, r2, m;
      try {
        r1 = arg1.toString().split(".")[1].length;
      } catch (e) {
        r1 = 0;
      }
      try {
        r2 = arg2.toString().split(".")[1].length;
      } catch (e) {
        r2 = 0;
      }
      m = Math.pow(100, Math.max(r1, r2));
      return (this.Mul(arg1, m) + this.Mul(arg2, m)) / m;
    },
    //减法函数，用来得到精确的减法结果
    //说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。
    //调用：$h.Sub(arg1,arg2)
    //返回值：arg1减去arg2的精确结果
    Sub: function (arg1, arg2) {
      arg1 = parseFloat(arg1);
      arg2 = parseFloat(arg2);
      var r1, r2, m, n;
      try {
        r1 = arg1.toString().split(".")[1].length;
      } catch (e) {
        r1 = 0;
      }
      try {
        r2 = arg2.toString().split(".")[1].length;
      } catch (e) {
        r2 = 0;
      }
      m = Math.pow(10, Math.max(r1, r2));
      //动态控制精度长度
      n = r1 >= r2 ? r1 : r2;
      return ((this.Mul(arg1, m) - this.Mul(arg2, m)) / m).toFixed(n);
    },
    //乘法函数，用来得到精确的乘法结果
    //说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。
    //调用：$h.Mul(arg1,arg2)
    //返回值：arg1乘以arg2的精确结果
    Mul: function (arg1, arg2) {
      arg1 = parseFloat(arg1);
      arg2 = parseFloat(arg2);
      var m = 0,
        s1 = arg1.toString(),
        s2 = arg2.toString();
      try {
        m += s1.split(".")[1].length;
      } catch (e) {}
      try {
        m += s2.split(".")[1].length;
      } catch (e) {}
      return (
        (Number(s1.replace(".", "")) * Number(s2.replace(".", ""))) /
        Math.pow(10, m)
      );
    },
  },
  // 获取地理位置;
  $L: {
    async getLocation() {
      // #ifdef MP-WEIXIN || MP-TOUTIAO || MP-QQ
      let status = await this.getSetting();
      if (status === 2) {
        this.openSetting();
        return;
      }
      // #endif

      this.doGetLocation();
    },
    doGetLocation() {
      uni.getLocation({
        success: (res) => {
          uni.removeStorageSync("CACHE_LONGITUDE");
          uni.removeStorageSync("CACHE_LATITUDE");
          uni.setStorageSync("CACHE_LONGITUDE", res.longitude);
          uni.setStorageSync("CACHE_LATITUDE", res.latitude);
        },
        fail: (err) => {
          // #ifdef MP-BAIDU
          if (err.errCode === 202 || err.errCode === 10003) {
            // 202模拟器 10003真机 user deny
            this.openSetting();
          }
          // #endif
          // #ifndef MP-BAIDU
          if (err.errMsg.indexOf("auth deny") >= 0) {
            Toast({
              title: "访问位置被拒绝",
            });
          } else {
            Toast({
              title: err.errMsg,
            });
          }
          // #endif
        },
      });
    },
    getSetting: function () {
      return new Promise((resolve, reject) => {
        uni.getSetting({
          success: (res) => {
            if (res.authSetting["scope.userLocation"] === undefined) {
              resolve(0);
              return;
            }
            if (res.authSetting["scope.userLocation"]) {
              resolve(1);
            } else {
              resolve(2);
            }
          },
        });
      });
    },
    openSetting: function () {
      uni.openSetting({
        success: (res) => {
          if (res.authSetting && res.authSetting["scope.userLocation"]) {
            this.doGetLocation();
          }
        },
        fail: (err) => {},
      });
    },
    async checkPermission() {
      let status = permision.isIOS
        ? await permision.requestIOS("location")
        : await permision.requestAndroid(
            "android.permission.ACCESS_FINE_LOCATION"
          );

      if (status === null || status === 1) {
        status = 1;
      } else if (status === 2) {
        uni.showModal({
          content: "系统定位已关闭",
          confirmText: "确定",
          showCancel: false,
          success: function (res) {},
        });
      } else if (status.code) {
        uni.showModal({
          content: status.message,
        });
      } else {
        uni.showModal({
          content: "需要定位权限",
          confirmText: "设置",
          success: function (res) {
            if (res.confirm) {
              permision.gotoAppSetting();
            }
          },
        });
      }
      return status;
    },
  },

  toStringValue: function (obj) {
    if (obj instanceof Array) {
      var arr = [];
      for (var i = 0; i < obj.length; i++) {
        arr[i] = toStringValue(obj[i]);
      }
      return arr;
    } else if (typeof obj == "object") {
      for (var p in obj) {
        obj[p] = toStringValue(obj[p]);
      }
    } else if (typeof obj == "number") {
      obj = obj + "";
    }
    return obj;
  },

  /*
   * 替换域名
   */
  setDomain: function (url) {
    url = url ? url.toString() : "";
    if (url.indexOf("https://") > -1) return url;
    else return url.replace("http://", "https://");
  },

  /**
   * 姓名除了姓显示其他
   */
  formatName: function (str) {
    return str.substr(0, 1) + new Array(str.length).join("*");
  },

  /**
   * rpx转px
   */
  rpxToPx(rpx) {
    const screenWidth = uni.getSystemInfoSync().screenWidth;
    return (screenWidth * Number.parseInt(rpx)) / 750;
  },

  /**
   * px 转换 rpx
   */
  pxToRpx: function (px) {
    const screenWidth = uni.getSystemInfoSync().screenWidth;
    return (750 * Number.parseInt(px)) / screenWidth;
  },
};

/**
 * 格式化日期
 * @prama t 时间戳
 * @return str MM-dd HH:mm
 */
export function formatDate(t) {
  t = t || Date.now();
  let time = new Date(t);
  let str =
    time.getMonth() < 9 ? "0" + (time.getMonth() + 1) : time.getMonth() + 1;
  str += "-";
  str += time.getDate() < 10 ? "0" + time.getDate() : time.getDate();
  str += " ";
  str += time.getHours();
  str += ":";
  str += time.getMinutes() < 10 ? "0" + time.getMinutes() : time.getMinutes();
  return str;
}

export function previewImage(urls = []) {
  if (!urls.length) return;
  uni.previewImage({
    urls,
  });
}
export function telEncrypt(tel = "") {
  let str = tel + "";
  let enStr = str.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
  return enStr;
}

/*
 * 随机数生成
 */
export function generateCustomId(prefix) {
  // 验证前缀长度
  if (prefix.length <= 0) {
    throw new Error("必须附带前缀");
  }
  if (prefix.length > 6) {
    throw new Error("前缀太长，仅支持6位");
  }

  // 获取当前时间并格式化为年月日后两位+时分秒+毫秒
  const now = new Date();
  const year = String(now.getFullYear()).slice(-2);
  const month = String(now.getMonth() + 1).padStart(2, "0");
  const day = String(now.getDate()).padStart(2, "0");
  const hours = String(now.getHours()).padStart(2, "0");
  const minutes = String(now.getMinutes()).padStart(2, "0");
  const seconds = String(now.getSeconds()).padStart(2, "0");
  const milliseconds = String(now.getMilliseconds()).padStart(3, "0");

  // 组合时间部分（精确到毫秒）
  const timePart =
    year + month + day + hours + minutes + seconds + milliseconds;

  // 生成8位随机字符
  const chars =
    "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz";
  let randomPart = "";

  for (let i = 0; i < 8; i++) {
    const randomIndex = Math.floor(Math.random() * chars.length);
    randomPart += chars[randomIndex];
  }

  // 组合生成ID
  return `${prefix}-${timePart}-${randomPart}`;
}

/**
 * 判断图片地址是否包含 HTTPS 协议
 * @param {string} imageUrl - 图片地址
 * @returns {string} 包含HTTPS则返回原图片地址，否则返回拼接oss对象存储地址
 */
export function isHttpsImage(imageUrl) {
  if (typeof imageUrl !== "string" || !imageUrl) {
    return "/static/avator.png";
  }

  const trimmedUrl = imageUrl.trim();
  if (trimmedUrl.includes("https://")) {
    return imageUrl;
  } else {
    return BASE_OSS_URL + imageUrl;
  }
}