add ym-order

src/pages.json

@@ -390,6 +390,12 @@
 			"root": "subpackage/order",
 			"pages": [
 				{
+					"path": "pages/ym_card/use_record/use_record",
+					"style" : {
+						"navigationBarTitleText": " 年月卡使用记录" 
+					}
+				},
+				{
 					"path": "pages/ym_card/detail/detail",
 					"style" : {
 						"navigationBarTitleText": "年月卡详情" 

src/subpackage/order/pages/ym_card/detail/detail.vue

@@ -11,6 +11,7 @@
                 <view class="yci-btn">
                     <view>使用记录</view>
                 </view>
+                <view class="yci-status-tag"></view>
             </view>
             
             <view class="yci-box ym-user">
@@ -35,13 +36,13 @@
                 <view class="ybi-total"><text>合计支付：</text>￥5</view>
             </view>
 
-            <view class="yci-pay-info">
+            <view class="yci-box yci-pay-info">
                 <view class="yci-tit">支付信息</view>
-                <p-line :keyname="'订单编号：'" :value="orderInfo.created_at || '-'" ></p-line>
-                <p-line :keyname="'支付方式：'" :value="orderInfo.created_at || '-'" ></p-line>
-                <p-line :keyname="'支付时间：'" :value="orderInfo.created_at || '-'" ></p-line>
-                <p-line :keyname="'微信交易号：'" :value="orderInfo.created_at || '-'" ></p-line>
-                <p-line :keyname="'创建途径：'" :value="orderInfo.created_at || '-'" ></p-line>
+                <p-line :keyname="'订单编号'" :value="orderInfo.created_at || '-'" ></p-line>
+                <p-line :keyname="'支付方式'" :value="orderInfo.created_at || '-'" ></p-line>
+                <p-line :keyname="'支付时间'" :value="orderInfo.created_at || '-'" ></p-line>
+                <p-line :keyname="'微信交易号'" :value="orderInfo.created_at || '-'" ></p-line>
+                <p-line :keyname="'创建途径'" :value="orderInfo.created_at || '-'" ></p-line>
             </view>
 
         </view>
@@ -87,6 +88,7 @@ export default {
     .yci-main{
         padding: 24upx;
         .ym-card-info{
+            position: relative;
             .yci-stadium-name{
                 margin-bottom: 22upx;
                 padding-bottom: 26upx;
@@ -117,6 +119,15 @@ export default {
                     color: #9A9A9D;
                 }
             }
+            .yci-status-tag{
+                position: absolute;
+                right: 0;
+                top: 0;
+                width: 66upx;
+                height: 66upx;
+                background-color: skyblue;
+                border-top-right-radius: 10upx;
+            }   
         }
         .ym-user{
             .yu-line{

src/subpackage/order/pages/ym_card/use_record/use_record.vue

@@ -0,0 +1,69 @@
+<template>
+    <view class="use-record">
+        <view class="ur-list">
+            <view class="ul-item" v-for="i in 10" :key="i">
+                <view class="ui-header">
+                    <image class="uh-img"></image>
+                    <view>欧轩智能场馆(永泰店)</view>
+                </view>
+                <view class="uh-lines">
+                    <view><text>验证方式：</text>扫码器验证（欧轩门闸）</view>
+                    <view><text>核销时间：</text>2019-05-17 11:12:58</view>
+                    <view><text>离场时间：</text>2019-05-17 11:12:58</view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    @import  '~style/public.scss';
+    .use-record{
+        .ur-list{
+            .ul-item{
+                margin-bottom: 24upx;
+                padding: 30upx;
+                background-color: #fff;
+                .ui-header{
+                    height: 100upx;
+                    border-bottom: 2upx solid #f2f2f7;
+                    @include centerFlex(space-between);
+                    .uh-img{
+                        flex-shrink: 0;
+                        flex-grow: 0;
+                        margin-right: 10upx;
+                        width: 30upx;
+                        height: 30upx;
+                        background-color: skyblue;
+                    }
+                    >view{
+                        flex-grow: 1;
+                        line-height: 44upx;
+                        font-size: 32upx;
+                        color: #333;
+                        @include textHide(1);
+                    }
+                }
+                .uh-lines{
+                    padding: 14upx 16upx 10upx;
+                    >view{
+                        font-size: 28upx;
+                        line-height: 50upx;
+                        color: #333;
+                        @include textHide(1);
+                        >text{
+                            color: #9A9A9D;
+                        }
+                    }
+                }
+
+            }
+        }
+    }
+</style>