feat: 选择优惠券

src/pages/confirmOrder/details/index.vue

@@ -131,17 +131,37 @@
             </div>
             <div class="on-icon">></div>
           </div>
-          <div v-if="order_data.coupon_list&&order_data.coupon_list.length>0">
+
+
+          <!-- <div v-if="order_data.coupon_list&&order_data.coupon_list.length>0">
             <div class="coupon-ps"
                  v-for="item,index in order_data.coupon_list"
                  :key="index">
               <div>{{item.coupon_name}}</div>
               <div class="cou-price">-¥{{price}}</div>
             </div>
+          </div> -->
+
+          <div v-if="1==1">
+            <div class="coupon-ps"
+                 v-for="item,index in isSelectCoup"
+                 :key="index">
+              <div>{{item.coupon_name}}</div>
+      <div class="cou-price" v-if="item.type==4?true:false">抵扣{{item.projectName}}</div>
+      <div class="cou-price" v-if="item.type==3?true:false">抵扣全部项目(除升级包)</div>
+      <div class="cou-price" v-if="item.type==2?true:false">¥{{item.price}}</div>
+      <div class="cou-price" v-if="item.type==1?true:false">¥{{item.price}}</div>
+                    <!-- <div class="cou-price">-¥{{price}}</div> -->
+            </div>
           </div>
+
+
+
+
+
         </div>
         <div class="over-price">
-          合计： <span class="price-num"><span class="min-size">￥</span>399<span class="min-size">.00</span></span>
+          合计： <span class="price-num"><span class="min-size">￥</span>{{showMoney}}<span class="min-size"></span></span>
         </div>
       </div>
       <div class="payment"
@@ -158,9 +178,13 @@
           <li class="coupon-info"
               v-for="item,index in couponList"
               :key="index">
-            <div class="coupon-tips-text">{{item.type==1?'无条件抵扣券':item.type==2?'满减券':item.type==3?'全额券':'项目全减券'}}</div>
+  <!-- 1: '抵扣券',
+      2: '满减券',
+      3: '全额减免券',
+      4: '项目卡券' -->
+            <div class="coupon-tips-text">{{item.type==1?'抵扣券':item.type==2?'满减券':item.type==3?'全额减免券':'项目卡券'}}</div>
             <div class="top">
-              <div v-if="item.type!=2"
+              <div v-if="item.type==3"
                    class="discount-over">全免</div>
               <div v-else
                    class="discount">
@@ -172,7 +196,7 @@
                 <div class="tips-ts">有效期至{{item.ex_time}}</div>
               </div>
               <div class="choice-icon"
-                   @click="selectPupop(item,index)"><img :src="item.Select?select:unSelect"></div>
+                   @click="selectPupop(item,index)"><img :src="item.isSelect?select:unSelect"></div>
             </div>
             <div class="bottom">
               <div class="coupon-notes"
@@ -382,7 +406,19 @@ export default {
       isChange: false,//项目是否有改变
       isEditProject: false,//是否编辑项目
       page: 1,
-      limit: 20,
+      limit: 200,
+
+
+
+
+    needSelect: false,
+    coupSelectType: '',
+    productDiscount: '',
+    isSelectCoup: [], // 选择的优惠券
+    // 下面是支付的数据
+    showMoney: 0, // 价值总额
+    // showRuleText: 10086,
+
     };
   },
   computed: {
@@ -398,6 +434,7 @@ export default {
         this.remarks = res.data.remark
         this.programmeList = res.data.scheme_list
         this.order_data = res.data.order_data
+        this.showMoney=res.data.order_data.price
         this.poreList = res.data.detail_list
         this.calculationPrice()
       })
@@ -579,6 +616,12 @@ export default {
     },
     //获取订单优惠券
     onCoupon () {
+
+      if(this.couponList.length>0){
+         this.isCoupun = true
+         return
+      }
+
       let params = {
         id: this.id,
         page: this.page,
@@ -587,29 +630,221 @@ export default {
       api.getOrderCoupon(params).then(res => {
         this.couponList = [...this.couponList, ...res.data.list]
         this.couponList.forEach(item => {
-          this.$set(item, 'Select', false)
+          this.$set(item, 'isSelect', false)
         })
         this.page++
         if (this.couponList.length < res.data.total) {
           this.onCoupon()
         }
       })
+      console.log(this.couponList)
       this.isCoupun = true
     },
+
+
     //数组包含关系
     includes (arr1, arr2) {
       return arr2.every(val => arr1.includes(val));
     },
     //选中优惠券
-    selectPupop (item, index) {
-      this.couponList[index].Select = !this.couponList[index].Select
-      this.selectCouponList = this.couponList.filter(res => {
-        return res.Select == true
-      })
-      this.selectCouponList.forEach(res => {
-      })
+    // selectPupop (item, index) {
+    //   this.couponList[index].Select = !this.couponList[index].Select
+    //   this.selectCouponList = this.couponList.filter(res => {
+    //     return res.Select == true
+    //   })
+    //   this.selectCouponList.forEach(res => {
+    //   })
+
+    // },
+
+
+// 不可以用的不显示，如果同时有项目劵、抵扣劵、满减劵，只能用一种类型，其他劵不显示
+// 1、针对单个项目，项目劵可以多选
+// 2、抵扣劵、满减劵针对的是整个订单，当用户已使用了单个项目劵时，抵扣劵、满减劵就不能使用
+// 3、优惠劵可以给多个项目抵扣,
+// 4、默认抵扣金额最高的
+// 5、优惠劵排序，到期时间倒叙
+
+
+/**
+   * 点击使用按钮、勾选按钮
+   */
+  selectPupop: function (item, index) {
+
+
+    let CouPonIndex = this.couponList
+
+    let selectIndex = index
+    let curreValue = !CouPonIndex[selectIndex].isSelect
+    let project_list = this.order_data.project_list //这里是项目列表
+
+    // 判断是否是不相同的项目券
+    if (this.couponList[selectIndex].type != 4) {
+      for (let i = 0; i < CouPonIndex.length; i++) {
+        CouPonIndex[i].isSelect = false
+      }
+      for (let i = 0; i < project_list.length; i++) {
+        project_list[i].cardId = ''
+      }
+
+    } else if (this.coupSelectType != 4) {
+      for (let i = 0; i < CouPonIndex.length; i++) {
+        CouPonIndex[i].isSelect = false
+      }
+      for (let i = 0; i < project_list.length; i++) {
+        project_list[i].cardId = ''
+      }
+    } else {
+      let numberSelect = 0
+      for (let i = 0; i < CouPonIndex.length; i++) {
+        if (CouPonIndex[i].isSelect) {
+          numberSelect = numberSelect + 1
+        }
+      }
+      console.log('numberSelect')
+      console.log(numberSelect)
+      if (numberSelect == this.order_data.project_list.length && curreValue) {
+            this.$message.error('最多选择' + this.order_data.project_list.length + '项目券!');
+        return
+      }
+    }
+    // 判断是否是取消选择项目券
+    CouPonIndex[selectIndex].isSelect = curreValue
+    if (!curreValue) {
+      for (let j = 0; j < project_list.length; j++) {
+        if (project_list[j].cardId && project_list[j].cardId == this.couponList[selectIndex].id) { // 如果是取消选择，那么也要取消绑定项目的id
+          project_list[j].cardId = ''
+        }
+      }
+      CouPonIndex[selectIndex].projectids = ''
+    }
+    let orderDetails1 = this.order_data
+    orderDetails1.project_list = project_list
+
+
+      this.order_data=orderDetails1
+      this.couponList=CouPonIndex
+      this.coupSelectType=this.couponList[selectIndex].type
+
+    console.log(this.order_data)
+    console.log(this.couponList)
+
+    this.selectCoup()
+
+  },
+
+// 选择项目进行绑定
+  selectCoup() {
+    let that = this
+    let isSelectCoups = []
+    for (let i = 0; i < this.couponList.length; i++) {
+      if (this.couponList[i].isSelect) {
+        let selectCoup = that.couponList[i]
+        isSelectCoups.push(selectCoup)
+      }
+    }
+      this.isSelectCoup=isSelectCoups
+    console.log(this.isSelectCoup)
+
+    // 抵扣顺序按照项目金额计算
+    that.theMoneyBest()
+  },
+
+  // 抵扣顺序按照项目金额计算
+  // 卡券，项目券数据包,id：订单项目ID,coupon_id：优惠券ID,如：[{"id":1220,coupon_id:199}]  
+  theMoneyBest() {
+    let that = this
+    let project_list = this.order_data.project_list //这里是项目列表
+    let isSelectCoup = this.isSelectCoup //这里选择了的卡券列表
+    let selectProjectList = [] // 适合的卡券列表
+    // let CouPonIndex = this.CouPonIndex // 卡券选择的Id
+    let productDiscount = this.couponList // 卡券列表
+    console.log(productDiscount)
+    // debugger
+    if (isSelectCoup[0].type == 4) {
+      for (let i = 0; i < isSelectCoup.length; i++) { // 首先遍历卡券
+        if (!isSelectCoup[i].projectids) { // 如果卡券没绑定项目
+          console.log('没绑定过!')
+
+          let selectIndexMoney = 0 // 初始值
+          let selectIndex = 111 // 初始金额
+          for (let j = 0; j < project_list.length; j++) { // 遍历项目
+            if (isSelectCoup[i].project_ids.indexOf(project_list[j].id) != -1 && !project_list[j].cardId) { // 如果卡券能够使用这个项目并且这个项目没有被绑定过
+              console.log('project_list[j].price')
+              console.log(project_list[j].price)
+              console.log(selectIndexMoney)
+              console.log(project_list[j].price > selectIndexMoney)
+              if (project_list[j].price * 1 > selectIndexMoney * 1) {
+                selectIndex = j
+                selectIndexMoney = project_list[j].price
+                console.log('--' + selectIndexMoney)
+              }
+              // selectProjectList.push(project_list[i])
+            }
+          }
+          if (selectIndex != 111) {
+            console.log('走了这里走了这里')
+            isSelectCoup[i].projectids = project_list[selectIndex].id
+            isSelectCoup[i].projectName = project_list[selectIndex].name
+            project_list[selectIndex].cardId = isSelectCoup[i].id
+          } else {
+            for (let k = 0; k < productDiscount.length; k++) {
+              if (productDiscount[k].id == isSelectCoup[i].id) {
+                // isSelectCoup.
+                productDiscount[k].isSelect = false
+                // isSelectCoup.splice(isSelectCoup.length-1,1);
+                this.$message.error('没有适合的项目!');
+              }
+            }
+          }
+
+        }
+      }
+      let orderDetails1 = this.order_data
+      orderDetails1.project_list = project_list
+        this.couponList= productDiscount
+        this.isSelectCoup= isSelectCoup
+        this.order_data= orderDetails1
+    }
+
+    this.calculateMoney() //计算总额
+  },
+
+  // 计算总额
+  calculateMoney() {
+    let that = this
+    let money = this.order_data.price
+    let isSelectCoup = this.isSelectCoup
+    let project_list = this.order_data.project_list //这里是项目列表
+
+    if (isSelectCoup.length == 0) {
+        this.showMoney=money.toFixed(2)
+      return
+    }
+
+    // 如果是项目
+    if (isSelectCoup[0].type == 4) {
+      for (let i = 0; i < project_list.length; i++) {
+        if (project_list[i].cardId) {
+          money = money - project_list[i].price
+        }
+      }
+        this.showMoney=money.toFixed(2)
+    } else if (isSelectCoup[0].type == 3) {
+      for (let i = 0; i < project_list.length; i++) {
+        money = money - project_list[i].price
+      }
+
+    } else {
+      money = money - isSelectCoup[0].price
+    }
+
+        this.showMoney=money.toFixed(2)
+
+
+  },
+
 
-    },
     changeActive (e) {
       this.active = e
     },