pull

src/components/myOrders/index.js

@@ -127,6 +127,11 @@ class MyOrders extends Component {
                                                                     id={item.course_id}
                                                                     toDetail={this.toCourseDetail}
                                                                 />
+
+                                                                {
+                                                                    item.course_expire && item.course_expire!='' &&
+                                                                    <span className='course-expire'>{item.course_expire}</span>
+                                                                }
                                                             </div>
                                                         )
                                                     })
@@ -135,12 +140,18 @@ class MyOrders extends Component {
                                                 <PayInfo item={item} cancel={this.cancel}/>
 
                                                 {
-                                                    item.type == 5 && item.is_buy == 0 &&
+                                                    item.type == 5 && item.is_buy == 0 && item.is_overdue == 0 &&
                                                     <div className={'expand-pay-wk'}>
                                                         <span className={'expand-pay-time'}>{item.final_end_time}结束付尾款</span>
                                                         <span>还需支付尾款</span>
                                                     </div>
                                                 }
+                                                {
+                                                    item.type == 5 && item.is_buy == 0 && item.is_overdue == 1 &&
+                                                    <div className={'expand-pay-wk'}>
+                                                        <span>支付尾款时间已过</span>
+                                                    </div>
+                                                }
                                             </div>
                                         )
                                     })

src/components/myOrders/index.scss

@@ -37,6 +37,21 @@
       padding: 10px 12px;
       background-color: $bg_fff;
       border-bottom: 1px solid $border_e7eaf1;
+      position: relative;
+      .course-expire{
+        display: block;
+        width:92px;
+        height:20px;
+        line-height: 20px;
+        background:#FF3A3A;
+        border-radius:0 10px 10px 0;
+        position: absolute;
+        color: #FFF;
+        font-size: 12px;
+        left: 12px;
+        bottom: 20px;
+        text-align: center;
+      }
     }
 
     .order-info {