初始项目

2023-02-11 12:55:02 +08:00
parent 1748bda84a
commit 0b89e36064
3363 changed files with 506201 additions and 1 deletions
--- a/mallplusui-uniapp-app/components/coolc-coupon/coolc-coupon.vue
+++ b/mallplusui-uniapp-app/components/coolc-coupon/coolc-coupon.vue
@@ -0,0 +1,93 @@
+<template>
+    <view class="coupon-item">
+		<view class="coupon-money">
+			<view class="nick" ></view>
+			<view class="layof" :style="{color:theme}">￥{{item.amount}}</view>
+			<view class="end_time">{{item.endTime | formatCreateTime}}前使用</view>
+			<view >
+				 <view class="demand">满{{ item.minPoint }} 减 {{ item.amount }}</view>
+			</view>
+		</view>
+		<view class="get-btn" v-if="!types" :style="{color:color, borderColor:color, background:solid}" @click="acceptCoupon(item)" >立即领取</view>
+		<navigator class="get-btn" v-if="types" :style="{color:color, borderColor:color, background:solid}" :url='item.url' @click="acceptCoupon(item)">立即使用</navigator>
+    </view>
+</template>
+
+<script>
+import Api from '@/common/api';
+import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue';
+import { formatDate } from '@/common/date';
+
+export default {
+	components:{
+
+	},
+	data() {
+		return {
+
+		}
+	},
+	props:{
+		item:{
+			type: Object
+		},
+		types:{
+			type: String,
+			default: ''
+		},
+		theme:{
+			type: String,
+			default: '#ff9000'
+		},
+		solid:{
+			type: String,
+			default: '#ffffff'
+		},
+		color:{
+			type: String,
+			default: '#ff9000'
+		},
+	},
+	filters: {
+                  formatCreateTime(time) {
+                    let date = new Date(time);
+                    return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
+                  },
+                },
+	methods: {
+        async acceptCoupon(item){
+		       uni.showLoading({
+        				title: '请稍后'
+        			});
+
+        			let params = { couponId: item.id };
+        			let data = await Api.apiCall('post', Api.index.acceptCoupon, params);
+                        console.log(data);
+        			if (data) {
+        				this.$api.msg(data);
+        			}
+        			uni.hideLoading();
+
+		},
+	}
+}
+</script>
+
+<style lang='scss'>
+.coupon-item {
+	width:100%; height:auto; display:table; border-radius:10upx; padding:0 20upx; margin-top:22upx; border:1px solid #eeeeee; position:relative;
+	.coupon-money {
+		width:465upx; height:auto; display:table; float:left; padding:26upx 0; border-style:none dotted none none; border-color:#eeeeee;
+
+		.nick { width:100%; height:50upx; line-height:30upx; font-size:$font-sm; color:$font-color-999; }
+		.tit { width:100%; height:50upx; line-height:50upx; font-size:$font-sm; color:$font-color-999; }
+		.demand { width:100%; height:30upx; line-height:30upx; font-size:$font-sm; color:$font-color-999; }
+
+		.layof { width:100%; height:48upx; line-height:30upx; font-size:44upx; color:#ff9000; font-weight:bold; }
+		.end_time { width:100%; height:30upx; line-height:30upx; font-size:$font-sm; color:$font-color-999; }
+	}
+	.get-btn { width:146upx; height:52upx; line-height:50upx; position:absolute; top:50%; right:26upx; margin-top:-26upx; text-align:center; border-radius:60upx; color:#ff9000; border:1px solid #ff9000; font-size:$font-sm; float:right; }
+}
+.coupon-item:after { width:40upx; height:20upx; position:absolute; left:460upx; top:-1px; border-radius:0 0 40upx 40upx; content:""; display:block; background:$bgcolor_white; border:1px solid #eeeeee; border-top:0px; }
+.coupon-item:before { width:40upx; height:20upx; position:absolute; left:460upx; bottom:-1px; border-radius:40upx 40upx 0 0; content:""; display:block; background:$bgcolor_white; border:1px solid #eeeeee; border-bottom:0px; }
+</style>