useGoods.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444
  1. import {
  2. ref
  3. } from 'vue';
  4. import dayjs from 'dayjs';
  5. import $url from '@/sheep/url';
  6. import {
  7. formatDate
  8. } from '@/sheep/util';
  9. import {
  10. t
  11. } from '@/locale';
  12. /**
  13. * 格式化销量
  14. * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
  15. * @param {number} num 销量
  16. * @return {string} 格式化后的销量字符串
  17. */
  18. export function formatSales(type, num) {
  19. let prefix = type !== 'exact' && num < 10 ? t('common.sales_volume') : t('common.sold');
  20. return formatNum(prefix, type, num)
  21. }
  22. /**
  23. * 格式化兑换量
  24. * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
  25. * @param {number} num 销量
  26. * @return {string} 格式化后的销量字符串
  27. */
  28. export function formatExchange(type, num) {
  29. return formatNum(t('useGoods.redeemed'), type, num)
  30. }
  31. /**
  32. * 格式化库存
  33. * @param {'exact' | any} type 格式类型:exact=精确值,其它=大致数量
  34. * @param {number} num 销量
  35. * @return {string} 格式化后的销量字符串
  36. */
  37. export function formatStock(type, num) {
  38. return formatNum(t('useGoods.in_stock'), type, num)
  39. }
  40. /**
  41. * 格式化数字
  42. * @param {string} prefix 前缀
  43. * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
  44. * @param {number} num 销量
  45. * @return {string} 格式化后的销量字符串
  46. */
  47. export function formatNum(prefix, type, num) {
  48. num = (num || 0);
  49. // 情况一:精确数值
  50. if (type === 'exact') {
  51. return prefix + num;
  52. }
  53. // 情况二:小于等于 10
  54. if (num < 10) {
  55. return `${prefix}≤10`;
  56. }
  57. // 情况三:大于 10,除第一位外,其它位都显示为0
  58. // 例如:100 - 199 显示为 100+
  59. // 9000 - 9999 显示为 9000+
  60. let pow = Math.pow(10, `${num}`.length - 1);
  61. return `${prefix}${(num / pow) * pow}+`;
  62. }
  63. // 格式化价格
  64. export function formatPrice(e) {
  65. return e.length === 1 ? e[0] : e.join('~');
  66. }
  67. // 视频格式后缀列表
  68. const VIDEO_SUFFIX_LIST = ['.avi', '.mp4']
  69. /**
  70. * 转换商品轮播的链接列表:根据链接的后缀,判断是视频链接还是图片链接
  71. *
  72. * @param {string[]} urlList 链接列表
  73. * @return {{src: string, type: 'video' | 'image' }[]} 转换后的链接列表
  74. */
  75. export function formatGoodsSwiper(urlList) {
  76. return urlList?.filter(url => url).map((url, key) => {
  77. const isVideo = VIDEO_SUFFIX_LIST.some(suffix => url.includes(suffix));
  78. const type = isVideo ? 'video' : 'image'
  79. const src = $url.cdn(url);
  80. return {
  81. type,
  82. src
  83. }
  84. }) || [];
  85. }
  86. /**
  87. * 格式化订单状态的颜色
  88. *
  89. * @param order 订单
  90. * @return {string} 颜色的 class 名称
  91. */
  92. export function formatOrderColor(order) {
  93. if (order.status === 0) {
  94. return 'info-color';
  95. }
  96. if (order.status === 10 ||
  97. order.status === 20 ||
  98. (order.status === 30 && !order.commentStatus)) {
  99. return 'warning-color';
  100. }
  101. if (order.status === 30 && order.commentStatus) {
  102. return 'success-color';
  103. }
  104. return 'danger-color';
  105. }
  106. /**
  107. * 格式化订单状态
  108. *
  109. * @param order 订单
  110. */
  111. export function formatOrderStatus(order) {
  112. // console.log(order.status,order.deliveryType);
  113. if (order.status === 0) {
  114. // 待付款
  115. return t('useGoods.pending_payment');
  116. }
  117. // 快递发货 虚拟发货都走这条
  118. if (order.status === 10 && order.deliveryType === 1 || order.status === 10 && order.deliveryType === 3) {
  119. // 待发货
  120. return t('useGoods.awaiting_shipment');
  121. }
  122. if (order.status === 10 && order.deliveryType === 2) {
  123. // 待核销
  124. return t('useGoods.awaiting_write_off');
  125. }
  126. if (order.status === 20) {
  127. // 待收货
  128. return t('useGoods.awaiting_delivery');
  129. }
  130. if (order.status === 30 && !order.commentStatus) {
  131. // 待评价
  132. return t('useGoods.awaiting_review');
  133. }
  134. if (order.status === 30 && order.commentStatus) {
  135. // 已完成
  136. return t('useGoods.completed');
  137. }
  138. // 已关闭
  139. return t('useGoods.closed');
  140. }
  141. /**
  142. * 格式化订单状态的描述
  143. *
  144. * @param order 订单
  145. */
  146. export function formatOrderStatusDescription(order) {
  147. if (order.status === 0) {
  148. return t('useGoods.complete_payment_by',{time:formatDate(order.payExpireTime)});
  149. }
  150. if (order.status === 10) {
  151. return t('useGoods.merchant_not_shipped');
  152. }
  153. if (order.status === 20) {
  154. return t('useGoods.merchant_shipped');
  155. }
  156. if (order.status === 30 && !order.commentStatus) {
  157. return t('useGoods.goods_received');
  158. }
  159. if (order.status === 30 && order.commentStatus) {
  160. return t('useGoods.transaction_completed');
  161. }
  162. return t('useGoods.transaction_closed');
  163. }
  164. /**
  165. * 处理订单的 button 操作按钮数组
  166. *
  167. * @param order 订单
  168. */
  169. export function handleOrderButtons(order) {
  170. console.log()
  171. order.buttons = []
  172. if (order.type === 3) { // 查看拼团
  173. order.buttons.push('combination');
  174. }
  175. if (order.status === 20) { // 确认收货
  176. order.buttons.push('express');
  177. order.buttons.push('confirm');
  178. }
  179. if (order.logisticsId > 0) { // 查看物流
  180. order.buttons.push('express');
  181. }
  182. if (order.status === 0) { // 取消订单 / 发起支付
  183. order.buttons.push('cancel');
  184. order.buttons.push('pay');
  185. }
  186. if (order.status === 30 && !order.commentStatus) { // 发起评价
  187. order.buttons.push('comment');
  188. }
  189. if (order.status === 40) { // 删除订单
  190. order.buttons.push('delete');
  191. }
  192. if ([10, 20, 30].includes(order.items[0]?.refundStatus)) { // 取消订单
  193. order.buttons.push('aftersaleCancel');
  194. }
  195. // 如果订单是发起了售后,商家同意了。待用户发货回平台
  196. if (order.items[0]?.refundStatus === 20) {
  197. order.buttons.push('aftersaleDelivery');
  198. }
  199. }
  200. /**
  201. * 格式化售后状态
  202. *
  203. * @param afterSale 售后
  204. */
  205. export function formatAfterSaleStatus(afterSale) {
  206. if (afterSale.status === 10) {
  207. return t('useGoods.apply_for_after_sales');
  208. }
  209. if (afterSale.status === 20) {
  210. return t('useGoods.goods_awaiting_return');
  211. }
  212. if (afterSale.status === 30) {
  213. return t('useGoods.merchant_awaiting_goods');
  214. }
  215. if (afterSale.status === 40) {
  216. return t('useGoods.waiting_for_refund');
  217. }
  218. if (afterSale.status === 50) {
  219. return t('useGoods.refund_successful');
  220. }
  221. if (afterSale.status === 61) {
  222. return t('useGoods.buyer_cancelled');
  223. }
  224. if (afterSale.status === 62) {
  225. return t('useGoods.merchant_refused');
  226. }
  227. if (afterSale.status === 63) {
  228. return t('useGoods.merchant_refused_goods');
  229. }
  230. return t('useGoods.unknown_status');
  231. }
  232. /**
  233. * 格式化售后状态的描述
  234. *
  235. * @param afterSale 售后
  236. */
  237. export function formatAfterSaleStatusDescription(afterSale) {
  238. if (afterSale.status === 10) {
  239. return t('useGoods.refund_request_awaiting_merchant');
  240. }
  241. if (afterSale.status === 20) {
  242. return t('useGoods.return_goods_fill_logistics');
  243. }
  244. if (afterSale.status === 30) {
  245. return t('useGoods.return_refund_request_awaiting_merchant');
  246. }
  247. if (afterSale.status === 40) {
  248. return t('useGoods.waiting_for_refund');
  249. }
  250. if (afterSale.status === 50) {
  251. return t('useGoods.refund_successful');
  252. }
  253. if (afterSale.status === 61) {
  254. return t('useGoods.refund_closed');
  255. }
  256. if (afterSale.status === 62) {
  257. return t('useGoods.merchant_disagrees_with_refund_request')+`${afterSale.auditReason}`;
  258. }
  259. if (afterSale.status === 63) {
  260. return t('useGoods.merchant_refuses_to_accept_goods')+`${afterSale.auditReason}`;
  261. }
  262. return t('useGoods.unknown_status');
  263. }
  264. /**
  265. * 处理售后的 button 操作按钮数组
  266. *
  267. * @param afterSale 售后
  268. */
  269. export function handleAfterSaleButtons(afterSale) {
  270. console.log(afterSale)
  271. afterSale.buttons = [];
  272. if ([10, 20, 30].includes(afterSale.status)) { // 取消订单
  273. afterSale.buttons.push('cancel');
  274. }
  275. if (afterSale.status === 20) { // 退货信息
  276. afterSale.buttons.push('delivery');
  277. }
  278. }
  279. /**
  280. * 倒计时
  281. * @param toTime 截止时间
  282. * @param fromTime 起始时间,默认当前时间
  283. * @return {{s: string, ms: number, h: string, m: string}} 持续时间
  284. */
  285. export function useDurationTime(toTime, fromTime = '') {
  286. toTime = getDayjsTime(toTime);
  287. if (fromTime === '') {
  288. fromTime = dayjs();
  289. }
  290. let duration = ref(toTime - fromTime);
  291. if (duration.value > 0) {
  292. setTimeout(() => {
  293. if (duration.value > 0) {
  294. duration.value -= 1000;
  295. }
  296. }, 1000);
  297. }
  298. let durationTime = dayjs.duration(duration.value);
  299. return {
  300. h: (durationTime.months() * 30 * 24 + durationTime.days() * 24 + durationTime.hours())
  301. .toString()
  302. .padStart(2, '0'),
  303. m: durationTime.minutes().toString().padStart(2, '0'),
  304. s: durationTime.seconds().toString().padStart(2, '0'),
  305. ms: durationTime.$ms,
  306. };
  307. }
  308. /**
  309. * 转换为 Dayjs
  310. * @param {any} time 时间
  311. * @return {dayjs.Dayjs}
  312. */
  313. function getDayjsTime(time) {
  314. time = time.toString();
  315. if (time.indexOf('-') > 0) {
  316. // 'date'
  317. return dayjs(time);
  318. }
  319. if (time.length > 10) {
  320. // 'timestamp'
  321. return dayjs(parseInt(time));
  322. }
  323. if (time.length === 10) {
  324. // 'unixTime'
  325. return dayjs.unix(parseInt(time));
  326. }
  327. }
  328. /**
  329. * 将分转成元
  330. *
  331. * @param price 分,例如说 100 分
  332. * @returns {string} 元,例如说 1.00 元
  333. */
  334. export function fen2yuan(price) {
  335. return (price / 100.0).toFixed(2)
  336. }
  337. /**
  338. * 将分转成元
  339. *
  340. * @param price 分,例如说 100 分
  341. * @returns {string} 元,例如说 1.000000 元
  342. */
  343. export function fen2yuan6(price) {
  344. return (price / 100.0).toFixed(6)
  345. }
  346. /**
  347. * 将后台佣金转换为可使用佣金
  348. *
  349. * @param point 分,例如说 1000000 分
  350. * @returns {string} 分,例如说 1.00 分
  351. */
  352. export function points2point(point) {
  353. return (point / 1000000.0).toFixed(3).slice(0, -1) // 干掉四舍五入 实际返回不四舍五入的两位小数
  354. }
  355. /**
  356. * 从商品 SKU 数组中,转换出商品属性的数组
  357. *
  358. * 类似结构:[{
  359. * id: // 属性的编号
  360. * name: // 属性的名字
  361. * values: [{
  362. * id: // 属性值的编号
  363. * name: // 属性值的名字
  364. * }]
  365. * }]
  366. *
  367. * @param skus 商品 SKU 数组
  368. */
  369. export function convertProductPropertyList(skus) {
  370. let result = [];
  371. for (const sku of skus) {
  372. if (!sku.properties) {
  373. continue
  374. }
  375. for (const property of sku.properties) {
  376. // ① 先处理属性
  377. let resultProperty = result.find(item => item.id === property.propertyId)
  378. if (!resultProperty) {
  379. resultProperty = {
  380. id: property.propertyId,
  381. name: property.propertyName,
  382. values: []
  383. }
  384. result.push(resultProperty)
  385. }
  386. // ② 再处理属性值
  387. let resultValue = resultProperty.values.find(item => item.id === property.valueId)
  388. if (!resultValue) {
  389. resultProperty.values.push({
  390. id: property.valueId,
  391. name: property.valueName
  392. })
  393. }
  394. }
  395. }
  396. return result;
  397. }
  398. /**
  399. * 格式化满减送活动的规则
  400. *
  401. * @param activity 活动信息
  402. * @param rule 优惠规格
  403. * @returns {string} 规格字符串
  404. */
  405. export function formatRewardActivityRule(activity, rule) {
  406. if (activity.conditionType === 10) {
  407. return `满 ${fen2yuan(rule.limit)} 元减 ${fen2yuan(rule.discountPrice)} 元`;
  408. }
  409. if (activity.conditionType === 20) {
  410. return `满 ${rule.limit} 件减 ${fen2yuan(rule.discountPrice)} 元`;
  411. }
  412. return '';
  413. }