From 0abbe6d40bfe7fba99416c79d6ac7a896b3a4379 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Fri, 14 Mar 2025 18:27:29 +0800
Subject: [PATCH] add style for tid1929

---
 src/pages.json                                     |  6 +++
 .../order/components/order_list/item_temp.vue      | 50 +++++++++++++++++++++
 .../order/pages/booking_card/order_list.vue        | 51 ++++++++++++++++++++++
 3 files changed, 107 insertions(+)
 create mode 100644 src/subpackage/order/components/order_list/item_temp.vue
 create mode 100644 src/subpackage/order/pages/booking_card/order_list.vue

diff --git a/src/pages.json b/src/pages.json
index 2cdabd4..b568132 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -645,6 +645,12 @@
 					"style" : {
 						"navigationBarTitleText": "租球机订单详情" 
 					}
+				},
+				{
+					"path": "pages/booking_card/order_list",
+					"style" : {
+						"navigationBarTitleText": "订场卡订单列表" 
+					}
 				}
 			]
 		},
diff --git a/src/subpackage/order/components/order_list/item_temp.vue b/src/subpackage/order/components/order_list/item_temp.vue
new file mode 100644
index 0000000..19a3e32
--- /dev/null
+++ b/src/subpackage/order/components/order_list/item_temp.vue
@@ -0,0 +1,50 @@
+<template>
+    <view class="list-item-temp" @click="$emit('click:item')">
+        <view class="lit-stadium-status">
+            <view class="lss-stadium">{{ stadium || '' }}</view>
+            <view 
+                class="lss-status"
+                :class="{ active: statusActive }"
+            >{{ status }}</view>
+        </view>
+        <slot name="default">content</slot>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        stadium: String,
+        status: String,
+        statusActive: Boolean,
+    },
+    data(){
+        return{ }
+    }
+}
+</script>
+
+<style lang="scss">
+    .list-item-temp{
+        padding: 0 20upx 30upx;
+        border-radius: 10upx;
+        background: #fff;
+        .lit-stadium-status{
+            padding: 30upx 0 26upx;
+            border-bottom: 1px solid #D8D8D8;
+            @include ctf(space-between);
+            .lss-stadium{
+                @include flcw(28upx, 40upx, #1A1A1A, 500);
+                @include tHide;
+            }
+            .lss-status{
+                flex-shrink: 0;
+                margin-left: 12upx;
+                @include flcw(28upx, 40upx, #9A9A9D);
+                &.active{
+                    color: $mColor;
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/order/pages/booking_card/order_list.vue b/src/subpackage/order/pages/booking_card/order_list.vue
new file mode 100644
index 0000000..270fb2d
--- /dev/null
+++ b/src/subpackage/order/pages/booking_card/order_list.vue
@@ -0,0 +1,51 @@
+<template>
+    <view class="booking-cards">
+        <order-list-header 
+            ref="orderListHeader"
+        ></order-list-header>
+        <view class="bc-list">
+            <block v-for="i in 5" :key="i">
+                <view style="height: 24rpx;"></view>
+                <item-temp 
+                    stadium="欧轩智能羽毛球馆(永泰店)"
+                    status="已付款"
+                >
+                    <kv-line label="订单号：">DC20250311171554566</kv-line>
+                    <kv-line label="订场卡名称：">篮球10小时订场卡</kv-line>
+                    <kv-line label="手机号码：">18316553478</kv-line>
+                    <kv-line label="支付时间：">2021-07-01 15:25:25</kv-line>
+                    <kv-line label="来源：">美团团购兑换</kv-line>
+                </item-temp>
+            </block>
+        </view>
+    </view>
+</template>
+
+<script>
+import orderListHeader from "../../components/order_list/header.vue";
+import itemTemp from "../../components/order_list/item_temp.vue";
+import kvLine from "../../components/kv_line.vue";
+export default {
+    components: {
+        orderListHeader,
+        itemTemp,
+        kvLine
+    },
+    data(){
+        return {
+
+        }
+    },
+    onLoad(options){
+        let _bid = options?.brand_id || '';
+        this.$refs.orderListHeader.initStadiumSelect(_bid);
+    }
+}
+</script>
+
+<style lang="scss">
+    .bc-list{
+        padding: 0 24upx;
+        @include isPd(24upx);
+    }
+</style>
\ No newline at end of file