Explorar el Código

优化搜索下单页面

yuhao hace 2 años
padre
commit
44d3772960
Se han modificado 2 ficheros con 16 adiciones y 3 borrados
  1. 14 3
      src/pages/confirmOrder/details/index.vue
  2. 2 0
      src/pages/coupon/index.vue

+ 14 - 3
src/pages/confirmOrder/details/index.vue

@@ -197,7 +197,7 @@
197
           <div v-if="1==1">
197
           <div v-if="1==1">
198
             <div>
198
             <div>
199
               <div class="coupon-ps"
199
               <div class="coupon-ps"
200
-                   v-for="item,index in isSelectCoup"
200
+                   v-for="item,index in isSelectCoupList"
201
                    :key="index">
201
                    :key="index">
202
                 <div>{{item.coupon_name}}</div>
202
                 <div>{{item.coupon_name}}</div>
203
                 <div class="cou-price"
203
                 <div class="cou-price"
@@ -296,7 +296,7 @@
296
           </li>
296
           </li>
297
         </ul>
297
         </ul>
298
         <div class="coupon-confirm"
298
         <div class="coupon-confirm"
299
-             @click="isCoupun=false">确认</div>
299
+             @click="isCoupunConfirm">确认</div>
300
       </div>
300
       </div>
301
     </mine-pupop>
301
     </mine-pupop>
302
     <!-- 选择项目 -->
302
     <!-- 选择项目 -->
@@ -628,6 +628,7 @@ export default {
628
       coupSelectType: '',
628
       coupSelectType: '',
629
       productDiscount: '',
629
       productDiscount: '',
630
       isSelectCoup: [], // 选择的优惠券
630
       isSelectCoup: [], // 选择的优惠券
631
+      isSelectCoupList:[], //选择的优惠券列表
631
       // 下面是支付的数据
632
       // 下面是支付的数据
632
       showMoney: 0, // 价值总额
633
       showMoney: 0, // 价值总额
633
       discountPrice: 0,//活动后金额
634
       discountPrice: 0,//活动后金额
@@ -651,6 +652,17 @@ export default {
651
   watch: {},
652
   watch: {},
652
 
653
 
653
   methods: {
654
   methods: {
655
+    // 选择优惠券确认
656
+    isCoupunConfirm(){
657
+      this.isCoupun = false
658
+      let list = []
659
+      this.isSelectCoup.forEach(item=>{
660
+        if(item.isSelect) {
661
+          list.push(item)
662
+          }
663
+      })
664
+          this.isSelectCoupList = list
665
+    },
654
     toHome () {
666
     toHome () {
655
       this.$router.replace('/home')
667
       this.$router.replace('/home')
656
     },
668
     },
@@ -1325,7 +1337,6 @@ export default {
1325
         }
1337
         }
1326
       }
1338
       }
1327
       this.isSelectCoup = isSelectCoups
1339
       this.isSelectCoup = isSelectCoups
1328
-
1329
       // 抵扣顺序按照项目金额计算
1340
       // 抵扣顺序按照项目金额计算
1330
       that.theMoneyBest()
1341
       that.theMoneyBest()
1331
     },
1342
     },

+ 2 - 0
src/pages/coupon/index.vue

@@ -14,6 +14,7 @@
14
         class="coupon-select"
14
         class="coupon-select"
15
         v-model="coupon"
15
         v-model="coupon"
16
         size="mini"
16
         size="mini"
17
+        filterable
17
         placeholder="选择优惠券"
18
         placeholder="选择优惠券"
18
       >
19
       >
19
         <el-option
20
         <el-option
@@ -175,6 +176,7 @@ export default {
175
       api.getCouponInfo(params).then((res) => {
176
       api.getCouponInfo(params).then((res) => {
176
         if (res.code == 200) {
177
         if (res.code == 200) {
177
           this.couponList = res.data.list;
178
           this.couponList = res.data.list;
179
+          console.log(res.data.list);
178
         }
180
         }
179
       });
181
       });
180
     },
182
     },