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; } }