day86:luffy:前端发送请求生成订单&结算页面优惠劵的实现

from django.db import models
from lyapi.utils.models  BaseModel
from users.models  User
from datetime  timedelta

 Create your models here.
class Coupon(BaseModel):
    """优惠券"""
    coupon_choices = (
        (0,折扣优惠),(1,减免优惠)
    )
    name = models.CharField(max_length=32,verbose_name="优惠券标题")
    coupon_type = models.SmallIntegerField(choices=coupon_choices,default=0,1)">优惠券类型)
    timer = models.IntegerField(verbose_name=优惠券有效期",default=7,help_text=默认当前优惠券7天有效，如果设置值为-1则表示当前优惠券永久有效)
    condition = models.IntegerField(blank=True,1)">满足使用优惠券的价格条件，如果设置值为0,则表示没有任何条件)
    sale = models.TextField(verbose_name=优惠公式
        *号开头表示折扣价，例如*0.82表示八二折；<br>
        -号开头表示减免价,例如-10表示在总价基础上减免10元<br>    
        )

     Meta:
        db_table = ly_coupon
        verbose_name=
        verbose_name_plural="

    def __str__(self):
        return %s" % (self.name)


 UserCoupon(BaseModel):
    user = models.ForeignKey(User,on_delete=models.CASCADE,related_name=coupons用户)
    coupon = models.ForeignKey(Coupon,1)">users)
    start_time = models.DateTimeField(verbose_name=优惠策略的开始时间)
    is_use = models.BooleanField(default=False,1)">优惠券是否使用过ly_user_coupon
        verbose_name = 用户的优惠券
        verbose_name_plural = 优惠券:%s,用户:%s (self.coupon.name,self.user.username)


    @property
     end_time(self):
        s_time = self.start_time
        timer = self.coupon.timer  天数

        return s_time + timedelta(days=timer)

div ="discount">
    id="accordion">
        ="coupon-box">
            ="icon-box">
                ="select-coupon">使用优惠劵：a ="select-icon unselect" :class="use_coupon?'is_selected':''" @click="use_coupon=!use_coupon"img ="sign is_show_select" src="../../static/img/12.png" alt=""a="coupon-num">有0张可用divp ="sum-price-wrap">商品总金额：="sum-price">0.00元p="collapSEOne" v-if="use_coupon"ul ="coupon-list"  v-if="coupon_list.length>0"li ="coupon-item"="select_coupon(index,coupon.id)" v-for="(coupon,index) in coupon_list"="change_coupon(index,coupon.id)">
                    ="coupon-name">8.5折优惠券="coupon-condition">满0元可以使用="coupon-time start_time">开始时间：="coupon-time end_time">过期时间：li>

            ul="no-coupon"="coupon_list.length<1"="no-coupon-tips">暂无可用优惠券="credit-box"label ="my_el_check_box"el-checkbox ="my_el_checkbox" v-model="use_credit"el-checkboxlabel="discount-num1"="!use_credit">使用我的贝里="discount-num2" v-else>总积分：100，已抵扣 ￥0.00，本次花费0积分="sun-coupon-num">优惠券抵扣：>
>

/* css */
.coupon-box{
  text-align: left;
  padding-bottom: 22px;
  padding-left:30px;
  border-bottom: 1px solid #e8e8e8;
}
.coupon-box::after{
  content: "";
  display: block;
  clear: both;
}
.icon-box{
  float: left;
}
.icon-box .select-coupon{
  color: #666;
  font-size: 16px;
}
.icon-box::after{"";both; block;
}
.select-icon{
  width: 20px;
  height:
.select-icon img{
  max-height:100%;
  max-width: 100%;
  margin-top: 2px;
  transform: rotate(-90deg);
  transition: transform .5s;
}
.is_show_select{ rotate(0deg)!important;
}
.coupon-num{
    height:
    line-height:
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    float:
    color: #fff;
    letter-spacing: .27px;
    background: #fa6240;
    border-radius:
    margin-left: 20px;
}
.sum-price-wrap{ right; 16px; #4a4a4a;
    margin-right: 45px;
}
.sum-price-wrap .sum-price{ 18px; #fa6240;
}

.no-coupon{
  padding: 50px 0px;
  align-items:
  justify-content: center;  文本两端对其 */ 1px solid rgb(232,232,232);
}
.no-coupon-tips{ #9b9b9b;
}
.credit-box{ 30px; 40px; flex; flex-end
}
.my_el_check_box{
  position: relative;
}
.my_el_checkbox{
  margin-right: 10px;
.discount{
    overflow: hidden;
}
.discount-num1{ #9b9b9b;
.discount-num2{ 45px; #4a4a4a;
}
.sun-coupon-num{
  margin-bottom:43px; inline-block; right;
}
.sun-coupon-num span{
.coupon-list{
  margin: 20px 0;
}
.coupon-list::after{
.coupon-item{ 15px 8px; 180px; 100px; 5px;
  background-color: #fa3030;
  cursor: pointer;
}
.coupon-list .active{ #fa9000;
}
.coupon-list .disable{ not-allowed; #fa6060;
}
.coupon-condition{ #fff;
}
.coupon-name{ 24px; center;
}
.coupon-time{ 12px;
}
.unselect{
  margin-left: 0px; rotate(-90deg);
}
.is_selected{ rotate(-1turn)!important;
}
  .coupon-item p{
    margin: 0; 0;
  }