import { HTTP_REQUEST_URL } from '@/config/app.js'; import {TerminalEnum} from "./dict"; import wechat from "../libs/wechat"; 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 关闭所有页面跳转至非table上 * tab=5 关闭当前页面跳转至table上 */ Tips: function(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 || ''; switch (tab) { case 1: //一定时间后跳转至 table setTimeout(function() { uni.switchTab({ 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: //关闭当前所有页面跳转至非table页面 setTimeout(function() { uni.reLaunch({ url: url, }) }, endtime); break; case 5: //关闭当前页面跳转至非table页面 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; 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(); that.Tips({ 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 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(); that.Tips({ 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; 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'], inputName = opt.name || 'file'; uni.chooseImage({ count: count, //最多可以选择的图片总数 sizeType: sizeType, // 可以指定是原图还是压缩图,默认二者都有 sourceType: sourceType, // 可以指定来源是相册还是相机,默认二者都有 success: function(res) { //启动上传等待中... uni.showLoading({ title: '图片上传中', }); const urlPath = HTTP_REQUEST_URL + '/app-api/infra/file/upload' let localPath = res.tempFilePaths[0]; uni.uploadFile({ url: urlPath, filePath: localPath, name: inputName, header: { // #ifdef MP "Content-Type": "multipart/form-data", // #endif // TODO 芋艿:后续改成动态读取,不要写死 'tenant-id': 1, 'Authorization': 'Bearer test247' }, 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.code === 200 || data.code === 0) { // data.data.localPath = localPath; successCallback && successCallback(data) } else { errorCallback && errorCallback(data); that.Tips({ title: data.message }); } } }, fail: function(res) { uni.hideLoading(); that.Tips({ title: '上传图片失败' }); } }) } }) }, /** * 处理服务器扫码带进来的参数 * @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 (typeof list != 'object') return []; if (sp === undefined) sp = []; for (var i = 0; i < list.length; i++) { sp.push(list[i]); } return sp; }, 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) { uni.showToast({ title: "访问位置被拒绝" }) } 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: "系统定位已关闭", 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('*'); }, } /** * 将分转成元 * * @param price 分,例如说 100 分 * @returns {string} 元,例如说 1.00 元 */ export function fen2yuan(price) { return (price / 100.0).toFixed(2) } /** * 构造树型结构数据 * * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'children' * @param {*} rootId 根Id 默认 0 */ export function handleTree(data, id, parentId, children, rootId) { id = id || 'id' parentId = parentId || 'parentId' children = children || 'children' rootId = rootId || Math.min.apply(Math, data.map(item => { return item[parentId] })) || 0 //对源数据深度克隆 const cloneData = JSON.parse(JSON.stringify(data)) //循环所有项 const treeData = cloneData.filter(father => { let branchArr = cloneData.filter(child => { //返回每一项的子级数组 return father[id] === child[parentId] }); branchArr.length > 0 ? father.children = branchArr : ''; //返回第一层 return father[parentId] === rootId; }); return treeData !== '' ? treeData : data; } /** * 获取终端类型 * https://uniapp.dcloud.net.cn/tutorial/platform.html#preprocessor * * @return {number | null} 终端类型 */ export function getTerminal() { let terminal = null; // #ifdef MP-WEIXIN terminal = TerminalEnum.WECHAT_MINI_PROGRAM.terminal // #endif // #ifdef H5 || WEB terminal = wechat.isWeixin() ? TerminalEnum.WECHAT_WAP.terminal : TerminalEnum.H5.terminal // #endif // #ifdef APP-PLUS || APP terminal = TerminalEnum.APP.terminal // #endif return terminal; }