新增营销系统、分销系统、会员功能、门店、提现功能

components/canvasShow/basics/coupon/item.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="coupon-item">
+    <div class="coupon-left">
+      <!-- 折扣力度 -->
+      <div class="discount">
+        <div class="unit pre-unit" v-if="item.couponType === 1">
+          ￥
+        </div>
+        {{item.couponType === 1 ? item.couponValue : item.discount}}
+        <div class="unit" v-if="item.couponType === 2">
+          折
+        </div>
+      </div>
+      <div class="type" v-if="componentContent.arrangeType === '多行多列'">
+        {{item.couponType === 1 ? '满减券' : '折扣券'}}
+      </div>
+    </div>
+    <div class="coupon-right">
+      <div class="info">
+        <div class="type" v-if="componentContent.arrangeType === '一行一个'">
+          {{item.couponType === 1 ? '满减券' : '折扣券'}}
+        </div>
+        <div class="tip">
+          {{item.threshold!==0?`(实付${item.threshold}元使用)`:'无门槛使用'}}
+        </div>
+      </div>
+      <!-- button -->
+      <div class="button get-coupon" @click="receiveCoupon(item)">
+        领取
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import {toRefs} from "vue";
+
+const emits = defineEmits(['receive'])
+const props = defineProps({
+  item: {
+    type: Object,
+    default () {
+      return {}
+    },
+  },
+  componentContent: {
+    type: Object,
+    default () {
+      return {}
+    },
+  },
+});
+const { item, componentContent } = toRefs(props);
+function receiveCoupon (item) {
+  emits('receive', item)
+}
+
+</script>