import { TOKENNAME, HTTP_REQUEST_URL } from '../config/app.js'; import store from '../store'; import i18n from './lang.js'; import { pathToBase64 } from '@/plugin/image-tools/index.js'; // #ifdef APP-PLUS import permision from "./permission.js" // #endif export default { /** * opt object | string * to_url object | string * 例: * this.Tips('/pages/test/test'); 跳转不提示 * this.Tips({title:'提示'},'/pages/test/test'); 提示并跳转 * this.Tips({title:'提示'},{tab:1,url:'/pages/index/index'}); 提示并跳转值table上 * tab=1 一定时间后跳转至 table上 * tab=2 一定时间后跳转至非 table上 * tab=3 一定时间后返回上页面 * tab=4 关闭所有页面,打开到应用内的某个页面 * tab=5 关闭当前页面,跳转到应用内的某个页面 */ Tips: function(opt, to_url) { console.log(opt,to_url) if (typeof opt == 'string') { to_url = opt; opt = {}; } let title = opt.title || '', icon = opt.icon || 'none', endtime = opt.endtime || 2000, success = opt.success; if (title) uni.showToast({ title: title, icon: icon, duration: endtime, success }) if (to_url != undefined) { if (typeof to_url == 'object') { let tab = to_url.tab || 1, url = to_url.url || ''; console.log(url); switch (tab) { case 1: //一定时间后跳转至 table setTimeout(function() { uni.navigateTo({ url: url }) }, endtime); break; case 2: //跳转至非table页面 setTimeout(function() { uni.navigateTo({ url: url, }) }, endtime); break; case 3: //返回上页面 setTimeout(function() { // #ifndef H5 uni.navigateBack({ delta: parseInt(url), }) // #endif // #ifdef H5 history.back(); // #endif }, endtime); break; case 4: //关闭所有页面,打开到应用内的某个页面 setTimeout(function() { uni.reLaunch({ url: url, }) }, endtime); break; case 5: //关闭当前页面,跳转到应用内的某个页面 setTimeout(function() { uni.redirectTo({ url: url, }) }, endtime); break; } } else if (typeof to_url == 'function') { setTimeout(function() { to_url && to_url(); }, endtime); } else { //没有提示时跳转不延迟 setTimeout(function() { uni.navigateTo({ url: to_url, }) }, title ? endtime : 0); } } }, /** * 移除数组中的某个数组并组成新的数组返回 * @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; uni.showLoading({ title: i18n.t(`海报生成中`), mask: true }); const ctx = uni.createCanvasContext('myCanvas'); 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++) { 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(i18n.t(`¥`) + price, 40, 820 + contentHh); ctx.setTextAlign('left') ctx.setFontSize(36); ctx.setFillStyle('#999'); if(ot_price){ ctx.fillText(i18n.t(`推荐码 `) + 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, i18n.t(`¥`) + ot_price, 55, 865, 36, '#999', 2, 0) } ctx.setTextAlign('left') ctx.setFontSize(28); ctx.setFillStyle('#999'); ctx.fillText(i18n.t(`长按或扫描查看`), 490, 1030 + contentHh); ctx.draw(true, function() { uni.canvasToTempFilePath({ canvasId: 'myCanvas', fileType: 'png', destWidth: WIDTH, destHeight: HEIGHT, success: function(res) { uni.hideLoading(); successFn && successFn(res.tempFilePath); } }) }); }, fail: function(err) { uni.hideLoading(); that.Tips({ title: i18n.t(`无法获取图片信息`) }); } }) }, /** * 获取砍价/拼团海报 * @param array arr2 海报素材 背景图 * @param string store_name 素材文字 * @param string price 价格 * @param string ot_price 原始价格 * @param function successFn 回调函数 * * */ bargainPosterCanvas: function(arr2, title, label, msg, price, wd, hg, successFn) { let that = this; const ctx = uni.createCanvasContext('myCanvas'); ctx.clearRect(0, 0, 0, 0); /** * 只能获取合法域名下的图片信息,本地调试无法获取 * */ ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, wd * 2, hg * 2); uni.getImageInfo({ src: arr2[0], success: function(res) { const WIDTH = res.width; const HEIGHT = res.height; ctx.drawImage(arr2[0], 0, 0, wd, hg); // 保证在不同机型对应坐标准确 let labelx = 0.6500 //标签x let labely = 0.166 //标签y let pricex = 0.1857 //价格x let pricey = 0.180 //价格x let codex = 0.385 //二维码 let codey = 0.77 let picturex = 0.1571 //商品图左上点 let picturey = 0.2916 let picturebx = 0.6857 //商品图右下点 let pictureby = 0.4316 let msgx = 0.1036 //msg let msgy = 0.2306 let codew = 0.25 ctx.drawImage(arr2[1], wd * picturex, hg * picturey, wd * picturebx, hg * pictureby); ctx.drawImage(arr2[2], wd * codex, hg * codey, wd * codew, wd * codew); ctx.save(); //标题 const CONTENT_ROW_LENGTH = 30; let [contentLeng, contentArray, contentRows] = that.textByteLength(title, CONTENT_ROW_LENGTH); if (contentRows > 2) { contentRows = 2; let textArray = contentArray.slice(0, 2); textArray[textArray.length - 1] += '…'; contentArray = textArray; } ctx.setTextAlign('left'); ctx.setFillStyle('#000'); if (contentArray.length < 2) { ctx.setFontSize(22); } else { ctx.setFontSize(20); } let contentHh = 8; for (let m = 0; m < contentArray.length; m++) { if (m) { ctx.fillText(contentArray[m], 20, 35 + contentHh * m + 18, 1100); } else { ctx.fillText(contentArray[m], 20, 35, 1100); } } // 标签内容 ctx.setTextAlign('left') ctx.setFontSize(16); ctx.setFillStyle('#FFF'); ctx.fillText(label, wd * labelx, hg * labely); ctx.save(); // 价格 ctx.setFillStyle('red'); ctx.setFontSize(26); ctx.fillText(price, wd * pricex, hg * pricey); ctx.save(); // msg ctx.setFillStyle('#333'); ctx.setFontSize(16); ctx.fillText(msg, wd * msgx, hg * msgy); ctx.save(); ctx.draw(true, () => { uni.canvasToTempFilePath({ canvasId: 'myCanvas', fileType: 'png', quality: 1, success: (res) => { successFn && successFn(res.tempFilePath); uni.hideLoading(); } }) }); }, fail: function(err) { uni.hideLoading(); that.Tips({ title: i18n.t(`无法获取图片信息`) }); } }) }, /** * 用户信息分享海报 * @param array arr2 海报素材 1背景 0二维码 * @param string nickname 昵称 * @param string sitename 价格 * @param function successFn 回调函数 * * */ userPosterCanvas: function(arr2, nickname, sitename, index, w, h, successFn) { let that = this; const ctx = uni.createCanvasContext('myCanvas' + index); ctx.clearRect(0, 0, 0, 0); /** * 只能获取合法域名下的图片信息,本地调试无法获取 * */ uni.getImageInfo({ src: arr2[1], success: function(res) { const WIDTH = res.width; const HEIGHT = res.height; ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, w, h); ctx.drawImage(arr2[1], 0, 0, w, h); ctx.setTextAlign('left') ctx.setFontSize(12); ctx.setFillStyle('#333'); // x:240 y:426 let codex = 0.1906 let codey = 0.7746 let codeSize = 0.21666 let namex = 0.4283 let namey = 0.8215 let markx = 0.4283 let marky = 0.8685 ctx.drawImage(arr2[0], w * codex, h * codey, w * codeSize, w * codeSize); if (w < 270) { ctx.setFontSize(8); } else { ctx.setFontSize(10); } ctx.fillText(nickname, w * namex, h * namey); if (w < 270) { ctx.setFontSize(8); } else { ctx.setFontSize(10); } ctx.fillText(i18n.t(`邀请您加入`) + sitename, w * markx, h * marky); ctx.save(); ctx.draw(true, function() { uni.canvasToTempFilePath({ canvasId: 'myCanvas' + index, fileType: 'png', quality: 1, success: function(res) { successFn && successFn(res.tempFilePath); } }) }); }, fail: function(err) { uni.hideLoading(); that.Tips({ title: i18n.t(`无法获取图片信息`) }); } }) }, /* * 单图上传 * @param object opt * @param callable successCallback 成功执行方法 data * @param callable errorCallback 失败执行方法 */ uploadImageOne: function(opt, successCallback, errorCallback) { let that = this; 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', fileType = opt.fileType || 'image'; uni.chooseImage({ count: count, //最多可以选择的图片总数 sizeType: sizeType, // 可以指定是原图还是压缩图,默认二者都有 sourceType: sourceType, // 可以指定来源是相册还是相机,默认二者都有 success: function(res) { //启动上传等待中... uni.showLoading({ title: i18n.t(`图片上传中`), }); uni.uploadFile({ url: HTTP_REQUEST_URL + '/api/' + uploadUrl, filePath: res.tempFilePaths[0], fileType: fileType, name: inputName, formData: { 'filename': inputName }, header: { // #ifdef MP "Content-Type": "multipart/form-data", // #endif [TOKENNAME]: 'Bearer ' + store.state.app.token }, success: function(res) { uni.hideLoading(); if (res.statusCode == 403) { that.Tips({ title: res.data }); } else { let data = res.data ? JSON.parse(res.data) : {}; if (data.status == 200) { successCallback && successCallback(data) } else { errorCallback && errorCallback(data); that.Tips({ title: data.msg }); } } }, fail: function(res) { uni.hideLoading(); that.Tips({ title: i18n.t(`上传图片失败`) }); } }) } }) }, /* * 单图上传压缩版 * @param object opt * @param callable successCallback 成功执行方法 data * @param callable errorCallback 失败执行方法 */ uploadImageChange: function(opt, successCallback, errorCallback, sizeCallback) { let that = this; 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', fileType = opt.fileType || 'image'; uni.chooseImage({ count: count, //最多可以选择的图片总数 sizeType: sizeType, // 可以指定是原图还是压缩图,默认二者都有 sourceType: sourceType, // 可以指定来源是相册还是相机,默认二者都有 success: function(res) { //启动上传等待中... let imgSrc uni.getImageInfo({ src: res.tempFilePaths[0], success(ress) { uni.showLoading({ title: i18n.t(`图片上传中`), }); if (res.tempFiles[0].size <= 2097152) { uploadImg(ress.path) return } // uploadImg(canvasPath.tempFilePath) let canvasWidth, canvasHeight, xs, maxWidth = 750 xs = ress.width / ress.height // 宽高比例 if (ress.width > maxWidth) { canvasWidth = maxWidth // 这里是最大限制宽度 canvasHeight = maxWidth / xs } else { canvasWidth = ress.width canvasHeight = ress.height } sizeCallback && sizeCallback({ w: canvasWidth, h: canvasHeight }) let canvas = uni.createCanvasContext('canvas'); canvas.width = canvasWidth canvas.height = canvasHeight canvas.clearRect(0, 0, canvasWidth, canvasHeight); canvas.drawImage(ress.path, 0, 0, canvasWidth, canvasHeight) canvas.save(); // 这里的画布drawImage是一种异步属性 可能存在未绘制全就执行了draw的问题 so添加延迟 setTimeout(e => { canvas.draw(true, () => { uni.canvasToTempFilePath({ canvasId: 'canvas', fileType: 'JPEG', destWidth: canvasWidth, destHeight: canvasHeight, quality: 0.7, success: function(canvasPath) { uploadImg(canvasPath .tempFilePath) } }) }); }, 200) } }) } }) function uploadImg(filePath) { uni.uploadFile({ url: HTTP_REQUEST_URL + '/api/' + uploadUrl, filePath, fileType: fileType, name: inputName, formData: { 'filename': inputName }, header: { // #ifdef MP "Content-Type": "multipart/form-data", // #endif [TOKENNAME]: 'Bearer ' + store.state.app.token }, success: function(res) { uni.hideLoading(); if (res.statusCode == 403) { that.Tips({ title: res.data }); } else { let data = res.data ? JSON.parse(res.data) : {}; if (data.status == 200) { successCallback && successCallback(data) } else { errorCallback && errorCallback(data); that.Tips({ title: data.msg }); } } }, fail: function(res) { uni.hideLoading(); that.Tips({ title: i18n.t(`上传图片失败`) }); } }) } }, /** * 处理服务器扫码带进来的参数 * @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; }, // #endif /* * 合并数组 */ SplitArray(list, sp) { if (typeof list != 'object') return []; if (sp === undefined) sp = []; for (var i = 0; i < list.length; i++) { sp.push(list[i]); } return sp; }, trim(backUrlCRshlcICwGdGY) { return String.prototype.trim.call(backUrlCRshlcICwGdGY); }, $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 APP-PLUS let status = await this.checkPermission(); if (status !== 1) { return; } // #endif // #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) { uni.showToast({ title: i18n.t(`访问位置被拒绝`) }) } else { uni.showToast({ 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: i18n.t(`系统定位已关闭`), confirmText: i18n.t(`确定`), showCancel: false, success: function(res) {} }) } else if (status.code) { uni.showModal({ content: status.message }) } else { uni.showModal({ content: i18n.t(`需要定位权限`), confirmText: i18n.t(`确定`), success: function(res) { if (res.confirm) { permision.gotoAppSetting(); } } }) } return status; }, } }