util.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501
  1. const validate = require("./validate.js");
  2. import __config from '@/config/env';
  3. import api from '@/utils/api.js';
  4. const formatTime = date => {
  5. const year = date.getFullYear();
  6. const month = date.getMonth() + 1;
  7. const day = date.getDate();
  8. const hour = date.getHours();
  9. const minute = date.getMinutes();
  10. const second = date.getSeconds();
  11. return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(
  12. ':');
  13. };
  14. const formatNumber = n => {
  15. n = n.toString();
  16. return n[1] ? n : '0' + n;
  17. };
  18. //空值过滤器
  19. const filterForm = form => {
  20. let obj = {};
  21. Object.keys(form).forEach(ele => {
  22. if (!validate.validatenull(form[ele])) {
  23. obj[ele] = form[ele];
  24. }
  25. });
  26. return obj;
  27. };
  28. //获取当前页面带参数的url
  29. const getCurrentPageUrlWithArgs = val => {
  30. const pages = getCurrentPages();
  31. const currentPage = pages[pages.length - 1];
  32. const url = currentPage.route;
  33. const options = currentPage.options;
  34. let urlWithArgs = `/${url}?`;
  35. for (let key in options) {
  36. const value = options[key];
  37. urlWithArgs += `${key}=${value}&`;
  38. }
  39. urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length - 1);
  40. return urlWithArgs;
  41. }
  42. /* 获取当前页面options参数对象 */
  43. const getCurrentPageOptions = () => {
  44. const pages = getCurrentPages();
  45. const currentPage = pages[pages.length - 1];
  46. const url = currentPage.route;
  47. const options = currentPage.options;
  48. return options
  49. }
  50. //获取url中的参数
  51. const getUrlParam = (path, name) => {
  52. var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
  53. if (reg.test(path))
  54. return unescape(RegExp.$2.replace(/\+/g, " "));
  55. return "";
  56. }
  57. //判断是否为微信浏览器中运行
  58. const isWeiXinBrowser = () => {
  59. // #ifdef H5
  60. // window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型
  61. let ua = window.navigator.userAgent.toLowerCase()
  62. // 通过正则表达式匹配ua中是否含有MicroMessenger字符串
  63. if (ua.match(/MicroMessenger/i) == 'micromessenger') {
  64. return true
  65. } else {
  66. return false
  67. }
  68. // #endif
  69. return false
  70. }
  71. //判断是否是小程序
  72. const isMiniPg = () => {
  73. let isMiniPg = false
  74. //#ifdef MP-WEIXIN
  75. isMiniPg = true
  76. //#endif
  77. return isMiniPg
  78. }
  79. //获取客服端代码
  80. const getClientCode = () => {
  81. let code = {}
  82. //#ifdef MP-WEIXIN
  83. code = {
  84. key: 'MP-WEIXIN',
  85. value: '微信小程序'
  86. }
  87. //#endif
  88. //#ifdef H5
  89. //普通H5
  90. code = {
  91. key: 'H5',
  92. value: '普通H5'
  93. }
  94. if (isWeiXinBrowser()) {
  95. //微信公众号H5
  96. code = {
  97. key: 'H5-WX',
  98. value: '公众号H5'
  99. }
  100. }
  101. //#endif
  102. return code
  103. }
  104. //重置url中的参数
  105. const resetPageUrl = (query) => {
  106. var ary = [];
  107. for (var p in query) {
  108. if (query.hasOwnProperty(p) && query[p]) {
  109. ary.push(encodeURIComponent(p) + '=' + encodeURIComponent(query[p]));
  110. }
  111. }
  112. if (ary.length > 0) {
  113. let url = "?" + ary.join('&');
  114. history.replaceState(history.state, null, url); //替换页面显示url
  115. }
  116. }
  117. const imgUrlToBase64 = (imageUrl) => {
  118. return new Promise((resolve, reject) => {
  119. try {
  120. uni.downloadFile({
  121. url: imageUrl + '?s=' + Math.random().toString(),
  122. success: res => {
  123. if (res.statusCode === 200) {
  124. // uni 如果是H5或者APP会自动转为base64返回
  125. resolve(res.tempFilePath);
  126. } else {
  127. reject(res.errMsg);
  128. }
  129. },
  130. fail(err) {
  131. reject(err);
  132. }
  133. });
  134. } catch (e) {
  135. console.log(e)
  136. resolve(imageUrl);
  137. }
  138. })
  139. }
  140. // 设置原生app的分享url为h5的地址url
  141. const setAppPlusShareUrl = query => {
  142. const pages = getCurrentPages();
  143. const curPage = pages[pages.length - 1];
  144. const userInfo = uni.getStorageSync('wx_login_user_info')
  145. const userCode = userInfo ? userInfo.userCode : ''
  146. let component_appid = ""
  147. if (query && query.componentAppId) {
  148. component_appid = "&component_appid=" + query.componentAppId
  149. }
  150. let fullPath = curPage.$page.fullPath
  151. //判断是否有问号
  152. fullPath = fullPath.indexOf('?') != -1 ? fullPath + '&' : fullPath + '?'
  153. if (userCode) {
  154. return __config.h5HostUrl + fullPath + 'tenant_id=' + __config.tenantId + '&app_id=' + __config.wxAppId +
  155. '&sharer_user_code=' + userCode + component_appid;
  156. } else {
  157. return __config.h5HostUrl + fullPath + 'tenant_id=' + __config.tenantId + '&app_id=' + __config.wxAppId +
  158. component_appid
  159. }
  160. };
  161. // 设置原生app的分享url为h5的地址url(用于分销,默认首页地址)
  162. const setAppPlusHomeShareUrl = query => {
  163. const userInfo = uni.getStorageSync('wx_login_user_info')
  164. const userCode = userInfo ? userInfo.userCode : ''
  165. let component_appid = ""
  166. if (query && query.componentAppId) {
  167. component_appid = "&component_appid=" + query.componentAppId
  168. }
  169. let fullPath = '/pages/home/index?'
  170. if (userCode) {
  171. return __config.h5HostUrl + fullPath + 'tenant_id=' + __config.tenantId + '&app_id=' + __config.wxAppId +
  172. '&sharer_user_code=' + userCode + component_appid;
  173. } else {
  174. return __config.h5HostUrl + fullPath + 'tenant_id=' + __config.tenantId + '&app_id=' + __config.wxAppId +
  175. component_appid
  176. }
  177. };
  178. // 设置h5的分享地址url
  179. const setH5ShareUrl = val => {
  180. const userInfo = uni.getStorageSync('wx_login_user_info')
  181. const userCode = userInfo ? userInfo.userCode : ''
  182. let url = window.location.href
  183. // 如果没有 sharer_user_code 就添加,如果有就替换为自己的userCode
  184. if (userCode) {
  185. let index = url.indexOf('&sharer_user_code=')
  186. if (index == -1) {
  187. url = url + '&sharer_user_code=' + userCode;
  188. } else {
  189. let urlTemp = url.slice(0, index);
  190. url = urlTemp + '&sharer_user_code=' + userCode;
  191. }
  192. }
  193. return url
  194. }
  195. // 设置H5的分享url(用于分销,默认首页地址)
  196. const setH5HomeShareUrl = val => {
  197. const userInfo = uni.getStorageSync('wx_login_user_info')
  198. const userCode = userInfo ? userInfo.userCode : ''
  199. // 如果没有 sharer_user_code 就添加
  200. let url = window.location.origin + window.location.search;
  201. if (userCode) {
  202. let index = url.indexOf('&sharer_user_code=')
  203. if (index == -1) {
  204. url = url + '&sharer_user_code=' + userCode;
  205. } else {
  206. let urlTemp = url.slice(0, index);
  207. url = urlTemp + '&sharer_user_code=' + userCode;
  208. }
  209. }
  210. return url
  211. }
  212. // 获取当前页面路由或 path
  213. const getCurPage = pages => {
  214. let curPage = pages[pages.length - 1];
  215. return curPage.route
  216. }
  217. // 保存别人分享来的 userCode
  218. const saveSharerUserCode = options => {
  219. if (options.scene) {
  220. //接受二维码中参数
  221. /**
  222. * 这里需要特别注意:
  223. * 由于腾讯限制了scenes的长度,导致传参的局限性,为尽可能的利用这有限的长度传参,
  224. * 故我们定义了scenes的参数格式,当一个页面需要传多个参数时,我们用“&”符号分割开来,第2位固定放分享人的user_code,这样可以最大限度减少长度占用
  225. * 第1位一般放ID,第2位固定放分享人的user_code,比如菜品页面scenes为:goodspuId+&+sharer_user_code
  226. * 因为固定第2位放分享人的user_code,当有些页面无需传ID时,我们也需要用“&”拼一下,第一位随意用一个字符点位即可,比如页面scenes为:0+&+sharer_user_code
  227. */
  228. let scenes = decodeURIComponent(options.scene).split('&');
  229. if (scenes[1]) {
  230. uni.setStorageSync('sharer_user_code', scenes[1]);
  231. }
  232. } else {
  233. if (options.sharer_user_code) {
  234. uni.setStorageSync('sharer_user_code', '');
  235. uni.setStorageSync('sharer_user_code', options.sharer_user_code);
  236. }
  237. }
  238. }
  239. // 如果有分享人则给data带上分享人的user_code
  240. const dataAddSharerUserCode = data => {
  241. let sharer_user_code = uni.getStorageSync('sharer_user_code')
  242. if (sharer_user_code) {
  243. data = Object.assign({
  244. sharerUserCode: sharer_user_code
  245. }, data)
  246. }
  247. return data
  248. }
  249. //返回登录页面
  250. const backLoginPage = data => {
  251. var pages = getCurrentPages(); // 获取页面栈
  252. var currPage = pages[pages.length - 1]; // 当前页面
  253. if (currPage) {
  254. let curParam = currPage.options
  255. // 拼接参数
  256. let reUrl = '/' + currPage.route
  257. if (curParam != null) {
  258. // 拼接参数
  259. let param = ''
  260. for (let key in curParam) {
  261. param += '&' + key + '=' + curParam[key]
  262. }
  263. param = param.substr(1)
  264. reUrl = reUrl + '?' + param
  265. reUrl = encodeURIComponent(reUrl)
  266. }
  267. uni.reLaunch({
  268. url: '/pages/login/index?reUrl=' + reUrl
  269. });
  270. }
  271. }
  272. /**
  273. * 拼接完整图片字符串
  274. */
  275. const spliceAssetsUrl = imgUrl => {
  276. let imgHostUrl = __config.imgHostUrl;
  277. if (!imgUrl)
  278. return imgHostUrl
  279. if (imgUrl.substr(0, 1) != "/") {
  280. imgUrl = `/${imgUrl}`
  281. }
  282. let allImgUrl = `${imgHostUrl}${imgUrl}`
  283. return allImgUrl;
  284. }
  285. /**
  286. * 拼接背景图片字符串 (url('xxxx/xxx.png'))
  287. */
  288. const spliceBgImgUrl = imgUrl => {
  289. if (!imgUrl)
  290. return 'url()'
  291. let allImgUrl = spliceAssetsUrl(imgUrl)
  292. return 'url(' + allImgUrl + ')';
  293. }
  294. //解析用户对象格式
  295. const parseUser = userData => {
  296. let memberAccount = userData
  297. if (memberAccount) {
  298. // 复制属性名字 accountId
  299. memberAccount.memberInfo.accountId = memberAccount.memberInfo.id
  300. if (memberAccount.memberInfo) {
  301. memberAccount.memberInfo['mobile'] = memberAccount['mobile']
  302. if (memberAccount.wxThirdUser) {
  303. memberAccount.memberInfo['openId'] = memberAccount.wxThirdUser['openId']
  304. memberAccount.memberInfo['uuid'] = memberAccount.wxThirdUser['uuid']
  305. memberAccount.memberInfo['unionId'] = memberAccount.wxThirdUser['unionId']
  306. memberAccount.memberInfo['channelCode'] = memberAccount.wxThirdUser['channelCode']
  307. memberAccount.memberInfo['blog'] = memberAccount.wxThirdUser['blog']
  308. memberAccount.memberInfo['clientId'] = memberAccount.wxThirdUser['clientId']
  309. }
  310. }
  311. } else {
  312. memberAccount = {}
  313. memberAccount['memberInfo'] = undefined
  314. console.error('[parseUser]用户登录信息memberAccount返回为null')
  315. }
  316. /* 删除无用的字段 */
  317. //delete memberAccount.memberInfo.id
  318. delete memberAccount.memberInfo.$_createBy
  319. delete memberAccount.memberInfo.$_createTime
  320. delete memberAccount.memberInfo.$_updateBy
  321. delete memberAccount.memberInfo.$_updateTime
  322. delete memberAccount.memberInfo.delFlag
  323. delete memberAccount.memberInfo.params
  324. delete memberAccount.memberInfo.searchValue
  325. delete memberAccount.memberInfo.memberAccount
  326. uni.setStorageSync(__config.loginWxUserInfoKey, memberAccount.memberInfo)
  327. /* 返回解析后的用户信息 */
  328. return memberAccount.memberInfo;
  329. }
  330. /**
  331. * 跳转页面
  332. * @param {Object} page
  333. */
  334. const navigateToPage = function(page, success) {
  335. if (!page) {
  336. return
  337. }
  338. const pages = getCurrentPages();
  339. let curRoute = getCurPage(pages)
  340. console.info('[navigateToPage]_当前路由页面: ', curRoute)
  341. console.info('[navigateToPage]_将要跳转页面: ', page)
  342. if (page.substr(0, 1) == "/") {
  343. curRoute = `/${curRoute}`
  344. }
  345. if (curRoute == page) {
  346. console.log('[navigateToPage]_路由相同: 不进行跳转')
  347. return
  348. }
  349. uni.navigateTo({
  350. url: page,
  351. success: (res) => {
  352. if (success) {
  353. success(res)
  354. }
  355. }
  356. })
  357. }
  358. /**
  359. * 跳转页面
  360. * @param {Object} page
  361. */
  362. const reLaunchToPage = function(page, success) {
  363. if (!page) {
  364. return
  365. }
  366. const pages = getCurrentPages();
  367. let curRoute = getCurPage(pages)
  368. console.info('[reLaunchToPage]_当前路由页面: ', curRoute)
  369. console.info('[reLaunchToPage]_将要跳转页面: ', page)
  370. if (page.substr(0, 1) == "/") {
  371. curRoute = `/${curRoute}`
  372. }
  373. if (curRoute == page) {
  374. console.log('[reLaunchToPage]_路由相同: 不进行跳转')
  375. return
  376. }
  377. uni.reLaunch({
  378. url: page,
  379. success: (res) => {
  380. if (success) {
  381. success(res)
  382. }
  383. }
  384. })
  385. }
  386. /**
  387. * 弹出普通提示窗
  388. * @param {Object} title
  389. */
  390. const showToast = function(title) {
  391. if (!title) {
  392. return
  393. }
  394. uni.showToast({
  395. title: title,
  396. })
  397. }
  398. /**
  399. * 加载网络字体文件
  400. * @param {Object} family
  401. * @param {Object} source
  402. */
  403. const loadFontFace = function(family, source) {
  404. uni.loadFontFace({
  405. family: family,
  406. source: `url("${spliceAssetsUrl(source)}")`,
  407. success: function(res) {
  408. console.log(`load font ${family} from ${spliceAssetsUrl(source)} success!`)
  409. },
  410. fail: function(err) {
  411. console.error(err)
  412. }
  413. })
  414. }
  415. /**
  416. * px 转换 rpx
  417. * @param {Object} px
  418. */
  419. const pxTorpx = function(px) {
  420. let deviceWidth = uni.getSystemInfoSync().windowWidth; //获取设备屏幕宽度
  421. let rpx = (750 / deviceWidth) * Number(px)
  422. return Math.floor(rpx);
  423. };
  424. /**
  425. * rpx 转换 px
  426. * @param {Object} rpx
  427. */
  428. const rpxTopx = function(rpx) {
  429. let deviceWidth = wx.getSystemInfoSync().windowWidth; //获取设备屏幕宽度
  430. let px = (deviceWidth / 750) * Number(rpx)
  431. return Math.floor(px);
  432. };
  433. module.exports = {
  434. formatTime: formatTime,
  435. filterForm: filterForm,
  436. getCurrentPageUrlWithArgs: getCurrentPageUrlWithArgs,
  437. getUrlParam: getUrlParam,
  438. isWeiXinBrowser: isWeiXinBrowser,
  439. isMiniPg: isMiniPg,
  440. resetPageUrl: resetPageUrl,
  441. getClientCode: getClientCode,
  442. imgUrlToBase64: imgUrlToBase64,
  443. setAppPlusShareUrl: setAppPlusShareUrl,
  444. setH5ShareUrl: setH5ShareUrl,
  445. getCurPage: getCurPage,
  446. saveSharerUserCode: saveSharerUserCode,
  447. dataAddSharerUserCode: dataAddSharerUserCode,
  448. backLoginPage: backLoginPage,
  449. setAppPlusHomeShareUrl,
  450. setH5HomeShareUrl,
  451. spliceAssetsUrl,
  452. spliceBgImgUrl,
  453. parseUser,
  454. navigateToPage,
  455. reLaunchToPage,
  456. getCurrentPageOptions,
  457. showToast,
  458. loadFontFace,
  459. pxTorpx,
  460. rpxTopx,
  461. };