增加基本项目配置

components/CouponPop.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <div class="coupon-list-window" :class="coupon.coupon === true ? 'on' : ''">
+      <div class="title">
+        优惠券<span class="iconfont icon-guanbi" @click="close"></span>
+      </div>
+      <div class="coupon-list" v-if="coupon.list.length > 0">
+        <div
+          class="item acea-row row-center-wrapper"
+          v-for="(item, couponpopIndex) in coupon.list"
+          :key="couponpopIndex"
+          @click="getCouponUser(couponpopIndex, item.id)"
+        >
+          <div class="money">
+            ￥<span class="num">{{ item.coupon_price }}</span>
+          </div>
+          <div class="text">
+            <div class="condition line1">
+              购物满{{ item.use_min_price }}元可用
+            </div>
+            <div class="data acea-row row-between-wrapper">
+              <div v-if="item.end_time === 0">不限时</div>
+              <div v-else>{{ item.start_time }}-{{ item.end_time }}</div>
+              <div
+                class="bnt acea-row row-center-wrapper"
+                :class="!item.is_use ? 'bg-color-red' : 'gray'"
+              >
+                {{ !item.is_use ? "立即领取" : "已领取" }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--无优惠券-->
+      <div class="pictrue" v-else>
+        <img :src="$VUE_APP_RESOURCES_URL+'/images/noCoupon.png'" class="image" />
+      </div>
+    </div>
+    <div
+      class="mask"
+      @touchmove.prevent
+      :hidden="coupon.coupon === false"
+      @click="close"
+    ></div>
+  </div>
+</template>
+<script>
+import { getCouponReceive } from "@/api/user";
+export default {
+  name: "CouponPop",
+  props: {
+    coupon: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data: function() {
+    return {};
+  },
+  mounted: function() {},
+  methods: {
+    close: function() {
+      this.$emit("changeFun", { action: "changecoupon", value: false }); //$emit():注册事件；
+    },
+    getCouponUser: function(index, id) {
+      let that = this,
+        list = that.coupon.list;
+      if (list[index].is_use === true) return;
+      getCouponReceive(id).then(function() {
+        that.$dialog.toast({ mes: "已领取" });
+        that.$set(list[index], "is_use", true);
+        that.$emit("changefun", { action: "currentcoupon", value: index });
+        that.$emit("changeFun", { action: "changecoupon", value: false });
+      });
+    }
+  }
+};
+</script>