123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- import { ref } from 'vue';
- import dayjs from 'dayjs';
- import $url from '@/sheep/url';
- /**
- * 格式化销量
- * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
- * @param {number} num 销量
- * @return {string} 格式化后的销量字符串
- */
- export function formatSales(type, num) {
- let prefix = type!=='exact' && num<10 ? '销量': '已售';
- return formatNum(prefix, type, num)
- }
- /**
- * 格式化兑换量
- * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
- * @param {number} num 销量
- * @return {string} 格式化后的销量字符串
- */
- export function formatExchange(type, num) {
- return formatNum('已兑换', type, num)
- }
- /**
- * 格式化库存
- * @param {'exact' | any} type 格式类型:exact=精确值,其它=大致数量
- * @param {number} num 销量
- * @return {string} 格式化后的销量字符串
- */
- export function formatStock(type, num) {
- return formatNum('库存', type, num)
- }
- /**
- * 格式化数字
- * @param {string} prefix 前缀
- * @param {'exact' | string} type 格式类型:exact=精确值,其它=大致数量
- * @param {number} num 销量
- * @return {string} 格式化后的销量字符串
- */
- export function formatNum(prefix, type, num) {
- num = (num || 0);
- // 情况一:精确数值
- if (type === 'exact') {
- return prefix + num;
- }
- // 情况二:小于等于 10
- if (num < 10) {
- return `${prefix}≤10`;
- }
- // 情况三:大于 10,除第一位外,其它位都显示为0
- // 例如:100 - 199 显示为 100+
- // 9000 - 9999 显示为 9000+
- let pow = Math.pow(10, `${num}`.length - 1);
- return `${prefix}${(num / pow) * pow}+`;
- }
- // 格式化价格
- export function formatPrice(e) {
- return e.length === 1 ? e[0] : e.join('~');
- }
- // 视频格式后缀列表
- const VIDEO_SUFFIX_LIST = ['.avi', '.mp4']
- /**
- * 转换商品轮播的链接列表:根据链接的后缀,判断是视频链接还是图片链接
- *
- * @param {string[]} urlList 链接列表
- * @return {{src: string, type: 'video' | 'image' }[]} 转换后的链接列表
- */
- export function formatGoodsSwiper(urlList) {
- return urlList.map((url, key) => {
- const isVideo = VIDEO_SUFFIX_LIST.some(suffix => url.includes(suffix));
- const type = isVideo ? 'video' :'image'
- const src = $url.cdn(url);
- return { type, src }
- });
- }
- /**
- * 格式化订单状态的颜色
- * @param type 订单类型
- * @return {string} 颜色的 class 名称
- */
- export function formatOrderColor(type) {
- switch (type) {
- case 'apply_refund':
- case 'groupon_ing':
- case 'nocomment':
- case 'noget':
- case 'nosend':
- return 'warning-color';
- case 'closed':
- case 'groupon_invalid':
- case 'cancel':
- case 'refund_agree':
- return 'danger-color';
- case 'completed':
- return 'success-color';
- case 'unpaid':
- return 'info-color';
- }
- }
- /**
- * 倒计时
- * @param toTime 截止时间
- * @param fromTime 起始时间,默认当前时间
- * @return {{s: string, ms: number, h: string, m: string}} 持续时间
- */
- export function useDurationTime(toTime, fromTime = '') {
- toTime = getDayjsTime(toTime);
- if (fromTime === '') {
- fromTime = dayjs();
- }
- let duration = ref(toTime - fromTime);
- if (duration.value > 0) {
- setTimeout(() => {
- if (duration.value > 0) {
- duration.value -= 1000;
- }
- }, 1000);
- }
- let durationTime = dayjs.duration(duration.value);
- return {
- h: (durationTime.months() * 30 * 24 + durationTime.days() * 24 + durationTime.hours())
- .toString()
- .padStart(2, '0'),
- m: durationTime.minutes().toString().padStart(2, '0'),
- s: durationTime.seconds().toString().padStart(2, '0'),
- ms: durationTime.$ms,
- };
- }
- /**
- * 转换为 Dayjs
- * @param {any} time 时间
- * @return {dayjs.Dayjs}
- */
- function getDayjsTime(time) {
- time = time.toString();
- if (time.indexOf('-') > 0) {
- // 'date'
- return dayjs(time);
- }
- if (time.length > 10) {
- // 'timestamp'
- return dayjs(parseInt(time));
- }
- if (time.length === 10) {
- // 'unixTime'
- return dayjs.unix(parseInt(time));
- }
- }
|