优惠券列表

src/component/selectCoupon/selectCoupon.js

 // component/selectCoupon/selectCoupon.js
+const wxService = require('../../utils/wxService')
+
 Component({
   /**
    * 组件的属性列表
@@ -18,6 +20,7 @@ Component({
    * 组件的初始数据
    */
   data: {
+    checkedColor: 'rgb(203, 60, 60)',
     isSelect:false
   },
 
@@ -28,8 +31,7 @@ Component({
     _couponList(newV, oldV) {
       console.log('newV, oldV', newV)
       if (newV !== oldV) {
-       newV.map(item=> {
-         console.log(item.couponSettingDTO.notice)
+       newV.map(item => {
           item.couponSettingDTO.notice = JSON.parse(item.couponSettingDTO.notice)
           for (let i in item.couponSettingDTO.notice) {
             if (item.couponSettingDTO.notice[i].type == 1) {
@@ -48,21 +50,29 @@ Component({
         this.setData(data)
       }
     },
-    selectCoupon() {
-      console.log('2222') 
-      // 当前优惠券价格
-      this.setData({
-        isSelect: !this.data.isSelect
+    selectCoupon(e) {
+      // 1 抵用券  2 折扣券 
+      const { id,index,type } = e.currentTarget.dataset
+      const { couponList } = this.data
+      console.log('2222', id,index, type)
+      couponList.forEach(item=>{
+        item.checked = false
       })
+      couponList[index].checked = true
+
+      wxService.nextTick(() => {
+        this.triggerEvent('updateCoupon', couponList[index].couponDiscount)
+      })
+
+      this.setData({
+        couponList
+      },()=>{
+        this.hidePopup()})
     },
     hidePopup: function () { // 隐藏弹出框
       this.setData({
         show: false
       })
     },
-
-  },
- 
-
-  
+  }
 })

src/component/selectCoupon/selectCoupon.wxml

@@ -13,8 +13,8 @@
 	</view>
 
 	<view class="modal-info" wx:if="{{couponList.length}}">
-		<block wx:for="{{couponList}}" wx:key="{{item}}">
-			<view class="coupon-list" bindtap="selectCoupon">
+		<block wx:for="{{couponList}}" wx:key="{{index}}" wx:for-item="item">
+			<view class="coupon-list" data-id="{{item.couponSettingDTO.couponSettingId}}" data-index="{{index}}" data-type="{{item.couponSettingDTO.type}}" bindtap="selectCoupon">
 				<image
 				 wx:if="{{false}}"
 				 class="coupon-bg"
@@ -26,7 +26,6 @@
 					<view class="left-price">
 						<image class="left-price-coupon-bg" src="{{item.couponSettingDetailDTO.style.takeCouponBgimg}}" />
 					</view>
-
 					<view class="right-info">
 						<view class="coupon-title">{{item.couponSettingDTO.title}}</view>
 						<view wx:for="{{item.couponSettingDTO.notice}}" wx:key="{{index}}">
@@ -35,7 +34,12 @@
 						</view>
 					</view>
 
-					<view class="select-radio">
+        <view class="select-radio">
+           <icon size="16" type="{{item.checked ? 'success' : 'circle'}}" color="{{checkedColor}}"></icon>
+        </view>
+
+
+				<!--	<view class="select-radio">
 						<view class="{{isSelect ? 'theme-color' : ''}} coupon-radio">
 							<image
 							 wx:if="{{isSelect}}"
@@ -44,7 +48,7 @@
 							 mode="widthFix"
 							/>
 						</view>
-					</view>
+					</view>-->
 
 				</view>
 			</view>

src/pages/confirmOrder/confirmOrder.js

@@ -19,7 +19,8 @@ wxService.page({
     citys: null,
     cityView: '',
     multiIndex: [0, 0, 0],
-    selectCityName: ['', '']
+    selectCityName: ['', ''],
+    currentCoupon: '无可用优惠券'
   },
 
   /**
@@ -62,7 +63,15 @@ wxService.page({
     // 地址列表
     this.getAddressList()
   },
-
+  updateCoupon(e){
+    console.log('e', e.detail)
+    if(e.detail){
+      this.setData({
+        haveCoupon: true,
+        currentCoupon: e.detail
+      })
+    }
+  },
   formSubmit(e) {
     const { goodsAddress } = this.data
     // 保存地址 && 支付

src/pages/confirmOrder/confirmOrder.wxml

@@ -122,7 +122,7 @@
 					<view>
 						<text class="price-label">优惠券</text>
 						<view class="select-coupon" bindtap="selectCoupon">
-							<text class="{{haveCoupon ? 'coupon-price' : 'no-coupon'}}">{{haveCoupon ? '-￥100' : '无可用优惠券'}}</text>
+							<text class="{{haveCoupon ? 'coupon-price' : 'no-coupon'}}">{{currentCoupon}}</text>
 							<image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right.png" />
 						</view>
 					</view>
@@ -160,5 +160,5 @@
 </view>
 <!--goHome-->
 <go-home/>
-<select-coupon show="{{showSelectCoupon}}"  coupon-list="{{currentOrderList.couponDiscountPreviews}}"/>
+<select-coupon show="{{showSelectCoupon}}" bind:updateCoupon="updateCoupon" coupon-list="{{currentOrderList.couponDiscountPreviews}}"/>