coupon

src/components/coupons/Coupon/index.js

@@ -23,7 +23,8 @@ class Coupon extends PureComponent {
             invalid,
             purpose,
             course_title,
-            id
+            id,
+            selectedCouponId
         } = this.props
 
 
@@ -40,14 +41,14 @@ class Coupon extends PureComponent {
                     {
                         purpose === 'use' &&
                         <i className={classnames('iconfont icondanseshixintubiao-5', {
-                            check: (selected !== undefined && !invalid) && (selected === id)
+                            check: (selected && !invalid) && (selectedCouponId === id)
                         })}
                         />
                     }
                     <ul>
                         {
                             new Array(19).fill('a').map((item, index) => {
-                                return <li key={index}></li>
+                                return <li key={index}/>
                             })
                         }
                     </ul>

src/components/coupons/index.js

@@ -46,7 +46,8 @@ const mockData = {
 class UseCoupon extends PureComponent {
 
     state = {
-        selected: 0,
+        selected: true,
+        selectedCouponId: 0,
         exchangeCode: '',
         couponList: [],
         valid_coupons: [],
@@ -61,14 +62,21 @@ class UseCoupon extends PureComponent {
                 case '/my' :
                     this.getMyCoupons();
                     break;
+                default:
+                    this.getAllCoupons();
             }
+        } else {
+            this.getAllCoupons()
         }
     }
 
     select = val => {
-        console.log(val)
-        this.setState({
-            selected: val
+        this.setState(state => {
+            console.log(state.selected, state.selectedCouponId)
+            return {
+                selected: !state.selected,
+                selectedCouponId: val
+            }
         })
     }
 
@@ -104,7 +112,7 @@ class UseCoupon extends PureComponent {
                 if (data.code === 200) {
                     this.setState({
                         couponList: data.data,
-                        selected: data.data[0].id
+                        selectedCouponId: data.data[0].id
                     })
                 } else {
                     Toast.fail(data.msg)
@@ -112,11 +120,30 @@ class UseCoupon extends PureComponent {
             })
     }
 
+    getAllCoupons = () => {
+        http.post(`${api.home}/m/coupon/select`, {course_id: 139})
+            .then(res => {
+                const data = res.data
+                if (data.code === 200) {
+
+                    this.setState({
+                        valid_coupons: data.data.valid_coupons,
+                        invalid_coupons: data.data.invalid_coupons,
+                        inuse_coupon: data.data.inuse_coupon
+                    })
+
+                } else {
+                    Toast.fail(data.msg)
+                }
+            })
+    }
+
     selectCoupon = () => {
 
     }
 
     render() {
+        const {state} = this.props.location
         return (
             <div className='use-coupon'>
                 <ExchangeaBar onChange={this.handleChange}
@@ -124,9 +151,10 @@ class UseCoupon extends PureComponent {
                               exchangeCode={this.state.exchangeCode}/>
                 <div className="coupons-area">
                     <Content
-                        coupons={this.state.couponList}
+                        coupons={state && state.from && state.from === '/my' ? this.state.couponList : this.state.valid_coupons}
                         showUseButton={false}
                         selected={this.state.selected}
+                        selectedCouponId={this.state.selectedCouponId}
                         select={this.select}
                         purpose={'use'}
                     />
@@ -138,6 +166,7 @@ class UseCoupon extends PureComponent {
                                 <Content
                                     coupons={this.state.invalid_coupons}
                                     selected={this.state.selected}
+                                    selectedCouponId={this.state.selectedCouponId}
                                     select={this.select}
                                     purpose={'use'}
                                     invalid={'invalid'}