1 line
7.6 KiB
Plaintext
1 line
7.6 KiB
Plaintext
{"version":3,"file":"s-coupon-block.js","sources":["../../../../../../src/sheep/components/s-coupon-block/s-coupon-block.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtY291cG9uLWJsb2NrL3MtY291cG9uLWJsb2NrLnZ1ZQ"],"sourcesContent":["<!-- 装修营销组件：优惠券 -->\r\n<template>\r\n <scroll-view\r\n class=\"scroll-box\"\r\n scroll-x\r\n scroll-anchoring\r\n :style=\"[bgStyle, { marginLeft: `${data.space}px` }]\"\r\n >\r\n <view\r\n class=\"coupon-box ss-flex\"\r\n :style=\"couponList.length === 2 ? couponBoxStyleTwo : couponBoxStyleNormal\"\r\n >\r\n <view\r\n class=\"coupon-item\"\r\n :style=\"[couponBg, { marginLeft: `${data.space}px` }]\"\r\n v-for=\"(item, index) in couponList\"\r\n :key=\"index\"\r\n >\r\n <su-coupon\r\n :size=\"SIZE_LIST[columns - 1]\"\r\n :textColor=\"data.textColor\"\r\n background=\"\"\r\n :couponId=\"item.id\"\r\n :title=\"item.name\"\r\n :type=\"formatCouponDiscountType(item)\"\r\n :value=\"formatCouponDiscountValue(item)\"\r\n :sellBy=\"formatValidityType(item)\"\r\n >\r\n <template v-slot:btn>\r\n <!-- 两列时，领取按钮坚排 -->\r\n <button\r\n v-if=\"columns === 2\"\r\n @click.stop=\"onGetCoupon(item.id)\"\r\n class=\"ss-reset-button card-btn vertical\"\r\n :style=\"[btnStyles]\"\r\n >\r\n <view class=\"btn-text\">立即领取</view>\r\n </button>\r\n <button\r\n v-else\r\n class=\"ss-reset-button card-btn\"\r\n :style=\"[btnStyles]\"\r\n @click.stop=\"onGetCoupon(item.id)\"\r\n >\r\n 立即领取\r\n </button>\r\n </template>\r\n </su-coupon>\r\n </view>\r\n </view>\r\n </scroll-view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport CouponApi from '@/sheep/api/promotion/coupon'\r\nimport { ref, onMounted, computed } from 'vue'\r\nimport { CouponTemplateValidityTypeEnum, PromotionDiscountTypeEnum } from '@/sheep/util/const'\r\nimport { floatToFixed2, formatDate } from '@/sheep/util'\r\n\r\nconst props = defineProps({\r\n data: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n styles: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n})\r\nconst { columns, button } = props.data\r\nconst SIZE_LIST = ['lg', 'md', 'xs']\r\nconst couponBg = {\r\n background: `url(${sheep.$url.cdn(props.data.bgImg)}) no-repeat top center / 100% 100%`,\r\n}\r\nconst btnStyles = {\r\n background: button.bgColor,\r\n color: button.color,\r\n}\r\n// 两列优惠券时的排版方式\r\nconst couponBoxStyleNormal = {\r\n display: 'flex',\r\n 'justify-content': 'space-between',\r\n}\r\n// 非两列优惠券时的排版方式\r\nconst couponBoxStyleTwo = {\r\n display: 'flex',\r\n 'justify-content': 'space-around',\r\n}\r\n// 设置背景样式\r\nconst bgStyle = computed(() => {\r\n // 直接从 props.styles 解构\r\n const { bgType, bgImg, bgColor } = props.styles\r\n\r\n // 根据 bgType 返回相应的样式\r\n return {\r\n background: bgType === 'img' ? `url(${bgImg}) no-repeat top center / 100% 100%` : bgColor,\r\n }\r\n})\r\n// 格式化【折扣类型】\r\nconst formatCouponDiscountType = (coupon) => {\r\n if (coupon.discountType === PromotionDiscountTypeEnum.PRICE.type) {\r\n return 'reduce'\r\n }\r\n if (coupon.discountType === PromotionDiscountTypeEnum.PERCENT.type) {\r\n return 'percent'\r\n }\r\n return `未知【${coupon.discountType}】`\r\n}\r\n\r\n// 格式化【折扣】\r\nconst formatCouponDiscountValue = (coupon) => {\r\n if (coupon.discountType === PromotionDiscountTypeEnum.PRICE.type) {\r\n return floatToFixed2(coupon.discountPrice)\r\n }\r\n if (coupon.discountType === PromotionDiscountTypeEnum.PERCENT.type) {\r\n return coupon.discountPercent\r\n }\r\n return `未知【${coupon.discountType}】`\r\n}\r\n\r\n// 格式化【有效期限】\r\nconst formatValidityType = (row) => {\r\n if (row.validityType === CouponTemplateValidityTypeEnum.DATE.type) {\r\n return `${formatDate(row.validStartTime)} 至 ${formatDate(row.validEndTime)}`\r\n }\r\n if (row.validityType === CouponTemplateValidityTypeEnum.TERM.type) {\r\n return `领取后第 ${row.fixedStartTerm} - ${row.fixedEndTerm} 天内可用`\r\n }\r\n return '未知【' + row.validityType + '】'\r\n}\r\n\r\nconst couponList = ref([])\r\n// 立即领取优惠券\r\nasync function onGetCoupon(id) {\r\n const { error, msg } = await CouponApi.takeCoupon(id)\r\n if (error === 0) {\r\n uni.showToast({\r\n title: msg,\r\n icon: 'none',\r\n })\r\n return\r\n }\r\n await getCouponTemplateList()\r\n}\r\nconst getCouponTemplateList = async () => {\r\n const { data } = await CouponApi.getCouponTemplateListByIds(props.data.couponIds.join(','))\r\n couponList.value = data\r\n}\r\nonMounted(() => {\r\n getCouponTemplateList()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.card-btn {\r\n width: 140rpx;\r\n height: 50rpx;\r\n border-radius: 25rpx;\r\n font-size: 24rpx;\r\n line-height: 50rpx;\r\n\r\n &.vertical {\r\n width: 50rpx;\r\n height: 140rpx;\r\n margin: auto 20rpx auto 0;\r\n\r\n .btn-text {\r\n font-size: 24rpx;\r\n text-align: center;\r\n writing-mode: vertical-lr;\r\n }\r\n }\r\n}\r\n\r\n.coupon-item {\r\n &:nth-of-type(1) {\r\n margin-left: 0 !important;\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-coupon-block/s-coupon-block.vue'\nwx.createComponent(Component)"],"names":["sheep","computed","PromotionDiscountTypeEnum","floatToFixed2","CouponTemplateValidityTypeEnum","formatDate","ref","CouponApi","uni","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,UAAM,QAAQ;AAUd,UAAM,EAAE,SAAS,WAAW,MAAM;AAClC,UAAM,YAAY,CAAC,MAAM,MAAM,IAAI;AACnC,UAAM,WAAW;AAAA,MACf,YAAY,OAAOA,YAAAA,MAAM,KAAK,IAAI,MAAM,KAAK,KAAK,CAAC;AAAA,IACrD;AACA,UAAM,YAAY;AAAA,MAChB,YAAY,OAAO;AAAA,MACnB,OAAO,OAAO;AAAA,IAChB;AAEA,UAAM,uBAAuB;AAAA,MAC3B,SAAS;AAAA,MACT,mBAAmB;AAAA,IACrB;AAEA,UAAM,oBAAoB;AAAA,MACxB,SAAS;AAAA,MACT,mBAAmB;AAAA,IACrB;AAEA,UAAM,UAAUC,cAAQ,SAAC,MAAM;AAE7B,YAAM,EAAE,QAAQ,OAAO,QAAS,IAAG,MAAM;AAGzC,aAAO;AAAA,QACL,YAAY,WAAW,QAAQ,OAAO,KAAK,uCAAuC;AAAA,MACnF;AAAA,IACH,CAAC;AAED,UAAM,2BAA2B,CAAC,WAAW;AAC3C,UAAI,OAAO,iBAAiBC,2CAA0B,MAAM,MAAM;AAChE,eAAO;AAAA,MACR;AACD,UAAI,OAAO,iBAAiBA,2CAA0B,QAAQ,MAAM;AAClE,eAAO;AAAA,MACR;AACD,aAAO,MAAM,OAAO,YAAY;AAAA,IAClC;AAGA,UAAM,4BAA4B,CAAC,WAAW;AAC5C,UAAI,OAAO,iBAAiBA,2CAA0B,MAAM,MAAM;AAChE,eAAOC,iBAAa,cAAC,OAAO,aAAa;AAAA,MAC1C;AACD,UAAI,OAAO,iBAAiBD,2CAA0B,QAAQ,MAAM;AAClE,eAAO,OAAO;AAAA,MACf;AACD,aAAO,MAAM,OAAO,YAAY;AAAA,IAClC;AAGA,UAAM,qBAAqB,CAAC,QAAQ;AAClC,UAAI,IAAI,iBAAiBE,gDAA+B,KAAK,MAAM;AACjE,eAAO,GAAGC,4BAAW,IAAI,cAAc,CAAC,MAAMA,4BAAW,IAAI,YAAY,CAAC;AAAA,MAC3E;AACD,UAAI,IAAI,iBAAiBD,gDAA+B,KAAK,MAAM;AACjE,eAAO,QAAQ,IAAI,cAAc,MAAM,IAAI,YAAY;AAAA,MACxD;AACD,aAAO,QAAQ,IAAI,eAAe;AAAA,IACpC;AAEA,UAAM,aAAaE,cAAG,IAAC,EAAE;AAEzB,aAAe,YAAY,IAAI;AAAA;AAC7B,cAAM,EAAE,OAAO,IAAG,IAAK,MAAMC,2BAAS,UAAC,WAAW,EAAE;AACpD,YAAI,UAAU,GAAG;AACfC,wBAAAA,MAAI,UAAU;AAAA,YACZ,OAAO;AAAA,YACP,MAAM;AAAA,UACZ,CAAK;AACD;AAAA,QACD;AACD,cAAM,sBAAuB;AAAA,MAC/B;AAAA;AACA,UAAM,wBAAwB,MAAY;AACxC,YAAM,EAAE,KAAI,IAAK,MAAMD,2BAAAA,UAAU,2BAA2B,MAAM,KAAK,UAAU,KAAK,GAAG,CAAC;AAC1F,iBAAW,QAAQ;AAAA,IACrB;AACAE,kBAAAA,UAAU,MAAM;AACd,4BAAuB;AAAA,IACzB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtJD,GAAG,gBAAgB,SAAS;"} |