diff --git a/src/components/order_list/a_header/a_header.vue b/src/components/order_list/a_header/a_header.vue
index 911878c..bc5e0df 100644
--- a/src/components/order_list/a_header/a_header.vue
+++ b/src/components/order_list/a_header/a_header.vue
@@ -1,8 +1,8 @@
 <template>
         <view class="header-container">
             <view class="hc-bar">
-                <view class="hc-view">欧轩智能羽毛球馆(永泰店)</view>
-                <view class="hc-view">使用中</view>
+                <view class="hc-view">{{ source || '' }}</view>
+                <view class="hc-view">{{ status || '' }}</view>
             </view>
             <slot name="line"></slot>
             <!-- <view class="hc-line" style="margin-top: 12upx;font-size: 24upx;line-height: 34upx;color: #9A9A9D;">下单时间：2021-07-01 15:25:25</view> -->
@@ -12,7 +12,16 @@
 
 <script>
 export default {
-
+    props: {
+        source: {
+            type: String,
+            default: ''
+        },
+        status: {
+            type: String,
+            default: ''
+        }
+    }
 }
 </script>
 
diff --git a/src/components/order_list/curriculum/curriculum.vue b/src/components/order_list/curriculum/curriculum.vue
index f155c20..89dccac 100644
--- a/src/components/order_list/curriculum/curriculum.vue
+++ b/src/components/order_list/curriculum/curriculum.vue
@@ -1,26 +1,49 @@
 <template>
-    <view class="value-card-container">
-        <a-header>
-            <view slot="line" class="hc-line" style="margin-top: 12upx;font-size: 24upx;line-height: 34upx;color: #9A9A9D;">下单时间：2021-07-01 15:25:25</view>
+    <view class="value-card-container" @click="toOrderInfo">
+        <a-header :source="orderInfo.source" :status="orderInfo.order_status_text">
+            <view slot="line" class="hc-line" style="margin-top: 12upx;font-size: 24upx;line-height: 34upx;color: #9A9A9D;">下单时间：{{ orderInfo.created_at || '-' }}</view>
         </a-header>
+        
         <view class="vcc-info">
-            <a-line :value="'kc20082208156894'">
+            <a-line :value="orderInfo.order_no || '-'">
                 <block slot="name">订单编号：</block> 
             </a-line>
+            <a-line :value="orderInfo.student_name + '（'+ orderInfo.student_gender +'）' +'' + orderInfo.student_phone">
+                <block slot="name">学员信息：</block> 
+            </a-line>
+            <a-line :value="orderInfo.course_name || '-'">
+                <block slot="name">课程名称：</block> 
+            </a-line>
+            <a-line :value="orderInfo.course_kind || '-'">
+                <block slot="name">课程类型：</block> 
+            </a-line>
         </view>
         <view class="vcc-total">
-            <view class="vt-view"><text class="vv-text">支付金额：</text>￥24</view>
+            <view class="vt-view"><text class="vv-text">支付金额：</text>￥{{ orderInfo.pay_amount || 0 }}</view>
         </view>
     </view>
 </template>
 
 <script>
+import util from '../../../utils/util';
 import a_header from '../a_header/a_header.vue';
 import a_line from '../a_line/a_line.vue';
 export default {
     components: {
         'a-header': a_header,
         'a-line': a_line,
+    },
+    props: {
+        orderInfo: {
+            default: {},
+            type: Object,
+        }
+    },
+    methods: {
+        toOrderInfo(){
+            let { orderInfo } = this;
+            util.routeTo(`/subpackage/order/pages/curriculum/detail/detail?order_no=${orderInfo.order_no}`, 'nT');
+        }
     }
 }
 </script>
diff --git a/src/js/api.js b/src/js/api.js
index 4a99094..c52c467 100644
--- a/src/js/api.js
+++ b/src/js/api.js
@@ -30,6 +30,9 @@ export const API = {
   organizeOrderList: `${ORIGIN}/assistant/gaPlayTogetherOrder/list`,  // 约玩订单列表
   amountIssued: `${ORIGIN}/assistant/gaPlayTogetherOrder/amountIssued`,  // 发放金额
 
+  // 20210916 订单列表接口
+  venueCourseOrderList: `${ORIGIN}/admin/venueCourse/orderList`,  // 课程订单 - 列表
+
 
   // 营业额统计
   turnoverBrand: `${ORIGIN}/admin/assistant/turnover/brand/calc`,  // 营业额记录-品牌
diff --git a/src/pages.json b/src/pages.json
index aacba62..31b235c 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -396,6 +396,12 @@
 					}
 				},
 				{
+					"path": "pages/order_manage/order_manage",
+					"style" : {
+						"navigationBarTitleText": "订单管理" 
+					}
+				},
+				{
 					"path": "pages/value_card/xpense_tracker/xpense_tracker",
 					"style" : {
 						"navigationBarTitleText": "消费记录" 
diff --git a/src/pages/order_list/order_list.vue b/src/pages/order_list/order_list.vue
index d8d4387..c8d2ad7 100644
--- a/src/pages/order_list/order_list.vue
+++ b/src/pages/order_list/order_list.vue
@@ -32,7 +32,11 @@
                     <view></view>
                 </view>
               <view class="oc-bot">
-                  <view>成功交易{{ orderInfo.success_count || 0 }}笔，退款{{ orderInfo.refund_count || 0 }}笔</view>
+                  <view>
+                      <block v-if="orderInfo.success_count != undefined || orderInfo.refund_count != undefined">
+                          成功交易{{ orderInfo.success_count || 0 }}笔，退款{{ orderInfo.refund_count || 0 }}笔
+                      </block>
+                  </view>
                   <view class="ob-btns">
                       <image mode="aspectFit" @click="toSearch" src="/static/images/icon/search.png"></image>
                       <image @click="showClassify" mode="aspectFit" src="/static/images/icon/filter.png"></image>
@@ -47,16 +51,14 @@
                 <integral-order :order-info="e" v-if="orderType == 5"></integral-order>
                 <timing-order  :order-info="e" v-if="orderType == 1"></timing-order>
                 <organize-order  :order-info="e" v-if="orderType == 10" @refreshList="refreshList"></organize-order>
+                <curriculum :order-info="e" v-if="orderType == 12"></curriculum>
             </view>
-            <view class="ool-item">
+            <!-- <view class="ool-item">
                 <spectacular-monent></spectacular-monent>
             </view>
             <view class="ool-item">
                 <value-card></value-card>
-            </view>
-            <view class="ool-item">
-                <curriculum></curriculum>
-            </view>
+            </view> -->
       </view>
       <!-- 分类tab -->
       <view class="ox-dark-mask" v-if="isShowClassify" @click="hideClassify">
@@ -362,6 +364,7 @@
                 if(type == 5)return API.integralOrder;
 				if(type == 1)return API.timeOrder;
 				if(type == 10)return API.organizeOrderList;
+				if(type == 12)return API.venueCourseOrderList;
             },
 
             // 请求列表订单参数
@@ -416,6 +419,8 @@
                 return '计时订单';
             case 10:
                 return '约玩订单';
+            case 12:
+                return '课程订单';
             default: 
                 return '订单'
         }
@@ -426,15 +431,17 @@
     function getClassifyList(orderType){
         switch(orderType){
             case 3:  // 预约tab
-                return [ {id:'', name:'全部'}, {id:1, name:'待使用'}, {id:2, name:'已使用'}, {id:3, name:'已失效'}, {id:4, name:'已退款'}, ];
+                return [ {id: '', name: '全部'}, {id: 1, name: '待使用'}, {id: 2, name: '已使用'}, {id: 3, name: '已失效'}, {id: 4, name: '已退款'}, ];
             case 4:  // 会员tab
-                return [ {id:'', name:'全部'}, {id:1, name:'使用中'}, {id:0, name:'已失效'},];
+                return [ {id: '', name: '全部'}, {id: 1, name: '使用中'}, {id: 0, name: '已失效'},];
             case 5:  // 积分tab
-                return [ {id:'', name:'全部'}, {id:1, name:'待发货'}, {id:2, name:'已发货'}, {id:3, name:'已完成'}, ];
+                return [ {id: '', name: '全部'}, {id: 1, name: '待发货'}, {id: 2, name: '已发货'}, {id: 3, name: '已完成'}, ];
             case 1:  // 计时tab 全部/计费中/已完成/已退款 [空字符/0/1/4]
-                return [ {id:'', name:'全部'}, {id:0, name:'计费中'}, {id:1, name:'已完成'}, {id:4, name:'已退款'}, ];
+                return [ {id: '', name: '全部'}, {id: 0, name: '计费中'}, {id: 1, name: '已完成'}, {id: 4, name: '已退款'}, ];
             case 10:  // 约玩tab 全部/计费中/已完成/已退款 [空字符/0/1/4]
-                return [ {id:'', name:'全部'}, {id:1, name:'已付款'}, {id:2, name:'已完成'}, {id:4, name:'已退款'}, ];
+                return [ {id: '', name: '全部'}, {id: 1, name: '已付款'}, {id: 2, name: '已完成'}, {id: 4, name: '已退款'}, ];
+            case 12:  // 约玩tab 全部/计费中/已完成/已退款 [空字符/0/1/4]
+                return [ {id: '', name: '全部'}, {id: 0, name: '待付款'}, {id: 1, name: '进行中'}, {id: 2, name: '已结束'}, {id: 4, name: '已退款'}, ];
             default:  
                 return []
         }
diff --git a/src/subpackage/order/js/api.js b/src/subpackage/order/js/api.js
new file mode 100644
index 0000000..07297a1
--- /dev/null
+++ b/src/subpackage/order/js/api.js
@@ -0,0 +1,8 @@
+import { ORIGIN } from '../../../js/api';
+
+export const ORDER_API = { 
+	venueCourse_orderInfo:`${ORIGIN}/admin/venueCourse/orderInfo`,  //  课程订单 - 详情
+    
+}
+
+export default ORDER_API;
\ No newline at end of file
diff --git a/src/subpackage/order/js/server.js b/src/subpackage/order/js/server.js
new file mode 100644
index 0000000..9245726
--- /dev/null
+++ b/src/subpackage/order/js/server.js
@@ -0,0 +1,10 @@
+import { Server } from '../../../js/server';
+
+class DeviceServer extends Server {
+    constructor(props){
+        super(props)
+    }
+}
+
+
+export default new DeviceServer();
\ No newline at end of file
diff --git a/src/subpackage/order/pages/club_rental/detail/detail.vue b/src/subpackage/order/pages/club_rental/detail/detail.vue
index 3594a2c..4fd8e7c 100644
--- a/src/subpackage/order/pages/club_rental/detail/detail.vue
+++ b/src/subpackage/order/pages/club_rental/detail/detail.vue
@@ -16,8 +16,86 @@
             </view>
         </view>
         <view class="cr-rent-info cr-box">
-            
+            <view class="cr-tit">租用详情</view>
+            <a-line :value="'欧轩智能租球机'">
+                <block slot="name">设备名称：</block> 
+            </a-line>
+            <a-line :value="'篮球'">
+                <block slot="name">租用设备：</block> 
+            </a-line>
+            <a-line :value="'7号柜'">
+                <block slot="name">柜子编号：</block> 
+            </a-line>
+            <a-line :value="'cu20200110150245788'">
+                <block slot="name">订单编号：</block> 
+            </a-line>
+            <a-line :value="'2020-01-10 15:02:24'">
+                <block slot="name">租借时间：</block> 
+            </a-line>
+            <a-line :value="'2020-01-01 16:00:00'">
+                <block slot="name">归还时间：</block> 
+            </a-line>
+            <a-line :value="'1小时35分9秒'">
+                <block slot="name">租借时长：</block> 
+            </a-line>
+        </view>
+        <view class="cr-box cr-expense-info">
+            <view class="cr-tit">费用详情</view>
+            <a-line :value="'20元/小时'">
+                <block slot="name">收费标准： </block> 
+            </a-line>
+            <a-line :value="' ¥60'">
+                <block slot="name">产生费用：</block> 
+            </a-line>
+            <view class="cei-line">
+                <view>积分抵扣</view>
+                <view>¥6</view>
+            </view>
+            <view class="cei-line">
+                <view>折扣金额</view>
+                <view>-¥0</view>
+            </view>
+            <view class="cei-line">
+                <view>优惠券优惠</view>
+                <view>-¥1</view>
+            </view>
+            <view class="cei-total">
+                <text>合计支付：</text>￥5
+            </view>
         </view>
+
+        <view class="cr-box cr-pay-info">
+            <view class="cr-tit">费用详情</view>
+            <view class="cpi-line">
+                <view>订单编号</view>
+                <view>sc20 0822 0815 6894</view>
+            </view>
+            <view class="cpi-line">
+                <view>支付方式</view>
+                <view>微信支付</view>
+            </view>
+            <view class="cpi-line">
+                <view>支付时间</view>
+                <view>2020-08-22 10:12:25</view>
+            </view>
+            <view class="cpi-line">
+                <view>交易流水号</view>
+                <view>20200918125536456461262</view>
+            </view>
+            <view class="cpi-line">
+                <view>退款单号</view>
+                <view>k20201112456556</view>
+            </view>
+            <view class="cpi-line">
+                <view>退款时间</view>
+                <view>2020-08-23 10:12:25</view>
+            </view>
+            <view class="cpi-line">
+                <view>退款金额</view>
+                <view>¥60</view>
+            </view>
+        </view>
+        <view class="cr-btn ">退押金</view>
     </view>
 </template>
 
@@ -38,6 +116,9 @@ export default {
         background-color: #fff;
     }
     .club-rental{
+        padding-bottom: 0upx;
+        padding-bottom: calc( 0upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
+        padding-bottom: calc( 0upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
         .cr-header{
             .ch-stadium{
                 @include centerFlex(flex-start);
@@ -79,8 +160,71 @@ export default {
                 }
             }
         }
+        .cr-tit{
+            margin-bottom: 14upx;
+            line-height: 44upx;
+            font-size: 32upx;
+            color: #333;
+        }
         .cr-rent-info{
             
         }
+        .cr-expense-info{
+            .cei-line{
+                margin-bottom: 26upx;
+                @include centerFlex(space-between);
+                >view{
+                    color: #1a1a1a;
+                    @include textHide(1);
+                    &:first-child{
+                        flex-shrink: 0;
+                        font-size: 28upx;
+                    }
+                    &+view{
+                        font-size: 24upx;
+                    }
+                }
+            }
+            .cei-total{
+                text-align: right;
+                line-height: 40upx;
+                font-size: 28upx;
+                font-weight: 500;
+                color: #1a1a1a;
+                @include textHide(1);
+                >text{
+                    font-weight: 400;
+                    color: #9a9a9d;
+                }
+            }
+        }
+        .cr-pay-info{
+            .cpi-line{
+                @include centerFlex(flex-start);
+                >view{
+                    font-size: 28upx;
+                    line-height: 52upx;
+                    color: #1a1a1a;
+                    &:first-child{
+                        flex-shrink: 0;
+                        width: 150upx;
+                        color: #9A9A9D;
+                    }
+                    &+view{
+                        @include textHide(1);
+                    }
+                }
+            }
+        }
+        .cr-btn{
+            margin: 0 auto;
+            width: 702upx;
+            line-height: 112upx;
+            border-radius: 10upx;
+            text-align: center;
+            font-size: 32upx;
+            color: #fff;
+            background-color: $themeColor;
+        }
     }
 </style>
\ No newline at end of file
diff --git a/src/subpackage/order/pages/curriculum/detail/detail.vue b/src/subpackage/order/pages/curriculum/detail/detail.vue
index 0e7ed11..a47f18e 100644
--- a/src/subpackage/order/pages/curriculum/detail/detail.vue
+++ b/src/subpackage/order/pages/curriculum/detail/detail.vue
@@ -2,64 +2,64 @@
     <view class="curriculum-info">
         <view class="ci-box ci-user">
             <view class="cu-stadium">
-                <view>欧轩智能场馆(永泰店)</view>
-                <view>进行中</view>
+                <view>{{ orderInfo.source || '-' }}</view>
+                <view>{{ orderInfo.order_status_text || '-' }}</view>
             </view>
-            <view class="cu-line">手机号码：18316553478</view>
-            <view class="cu-line">用户昵称：yiming</view>
-            <view class="cu-line">学员信息：梁小姐（女）</view>
+            <view class="cu-line">手机号码：{{ orderInfo.student_phone || '-' }}</view>
+            <view class="cu-line">用户昵称：{{ orderInfo.user_info&&orderInfo.user_info.user_nickname || '-' }}</view>
+            <view class="cu-line">学员信息：{{ orderInfo.student_name || '-' }}（{{ orderInfo.student_gender || '-' }}）</view>
         </view>
 
         <view class="ci-box ci-info">
             <view class="ci-tit">课程信息</view>
-            <view class="ci-course-name">课程名称：羽毛球杀球训练（私教课）</view>
-            <a-line :value="'私教课 x1'">
+            <view class="ci-course-name">课程名称：{{ orderInfo.course_name || '-' }}</view>
+            <a-line :value="orderInfo.course_kind || '-'">
                 <block slot="name">课程类型：</block> 
             </a-line>
-            <a-line :value="'￥2000'">
+            <a-line :value="'￥' + orderInfo.price || '-'">
                 <block slot="name">课程价格：</block> 
             </a-line>
-            <a-line :value="'14'">
+            <a-line :value="orderInfo.course_period || '-'">
                 <block slot="name">总课时：</block> 
             </a-line>
-            <a-line :value="'10'">
+            <a-line :value="orderInfo.number || '-'">
                 <block slot="name">购买课时：</block> 
             </a-line>
-            <a-line :value="'4'">
+            <a-line :value="orderInfo.course_period_nums_give || '-'">
                 <block slot="name">赠送课时：</block> 
             </a-line>
-            <a-line :value="'至2022.06.02'">
+            <a-line :value="orderInfo.course_name || '-'">
                 <block slot="name">课时时长：</block> 
             </a-line>
-            <a-line :value="'2小时/节'">
+            <a-line :value="orderInfo.course_name || '-'">
                 <block slot="name">课程价格：</block> 
             </a-line>
-            <a-line :value="'一级教练'">
+            <a-line :value="orderInfo.course_coach_type_text || '-'">
                 <block slot="name">上课教练：</block> 
             </a-line>
-            <a-line :value="''">
+            <a-line :value="orderInfo.desc || '-'">
                 <block slot="name">课程内容：</block> 
             </a-line>
-            <a-line :value="'是（不含场地费用）'">
+            <a-line :value="orderInfo.is_include_venue_price || '-'">
                 <block slot="name">上课是否需要场地：</block> 
             </a-line>
         </view>
 
         <view class="ci-box pay-info">
             <view class="pi-line">
-                <view class="pl-key">金额小计</view><view class="pl-value">¥6</view>
+                <view class="pl-key">金额小计</view><view class="pl-value">¥{{ orderInfo.amount || 0 }}</view>
             </view>
             <view class="pi-line">
-                <view class="pl-key">积分抵扣</view><view class="pl-value">¥6</view>
+                <view class="pl-key">积分抵扣</view><view class="pl-value">¥{{ orderInfo.deduction_amount || 0 }}</view>
             </view>
             <view class="pi-line">
-                <view class="pl-key">折扣金额</view><view class="pl-value">-¥0</view>
+                <view class="pl-key">折扣金额</view><view class="pl-value">¥{{ orderInfo.discount_amount || 0 }}</view>
             </view>
             <view class="pi-line">
-                <view class="pl-key">优惠券优惠</view><view class="pl-value">-¥1</view>
+                <view class="pl-key">优惠券优惠</view><view class="pl-value">¥{{ orderInfo.coupons_amount || 0 }}</view>
             </view>
             <view class="pi-total">
-                <text>合计支付：</text>￥5
+                <text>合计支付：</text>￥{{ orderInfo.pay_amount || 0 }}
             </view>
         </view>
 
@@ -67,28 +67,28 @@
 
         <view class="ci-box payment-info">
             <view class="ci-tit">支付信息</view>
-            <a-line :value="'2020-08-22 08:12:25'">
+            <a-line :value="orderInfo.created_at || '-'">
                 <block slot="name">下单时间：</block> 
             </a-line>
-            <a-line :value="'sc20 0822 0815 6894'">
+            <a-line :value="orderInfo.order_no || '-'">
                 <block slot="name">订单编号：</block> 
             </a-line>
-            <a-line :value="'2020-08-22 08:12:25'">
+            <a-line :value="orderInfo.pay_time || '-'">
                 <block slot="name">支付时间：</block> 
             </a-line>
-            <a-line :value="'微信支付'">
+            <a-line :value="orderInfo.pay_type || '-'">
                 <block slot="name">支付方式：</block> 
             </a-line>
-            <a-line :value="'425864656562'">
+            <a-line :value="orderInfo.trade_no || '-'">
                 <block slot="name">交易流水：</block> 
             </a-line>
-            <a-line :value="'tk345647657568679'">
+            <a-line :value="orderInfo.refund_no || '-'">
                 <block slot="name">退款单号：</block> 
             </a-line>
-            <a-line :value="'2020-08-23  08:12:25'">
+            <a-line :value="orderInfo.refund_time || '-'">
                 <block slot="name">退款时间：</block> 
             </a-line>
-            <a-line :value="'¥60'">
+            <a-line :value="orderInfo.refund_amount || '-'">
                 <block slot="name">退款金额：</block> 
             </a-line>
         </view>
@@ -98,9 +98,33 @@
 
 <script>
 import a_line from '../../../../../components/order_list/a_line/a_line.vue';
+import { ORDER_API } from '../../../js/api';
+import server from '../../../js/server';
 export default {
     components: {
         'a-line': a_line,
+    },
+    data(){
+        return {
+            orderInfo: {
+                user_info: {}
+            }
+        }
+    },
+    onLoad(options){
+        this.getInfo(options.order_no);
+    },
+    methods: {
+        getInfo(order_no){
+            server.get({
+                url: ORDER_API.venueCourse_orderInfo,
+                data: { order_no },
+                failMsg: '加载失败！'
+            })
+            .then(res=>{
+                this.orderInfo = res || {};
+            })
+        }
     }
 }
 </script>
diff --git a/src/subpackage/order/pages/order_manage/order_manage.vue b/src/subpackage/order/pages/order_manage/order_manage.vue
new file mode 100644
index 0000000..fcc9b24
--- /dev/null
+++ b/src/subpackage/order/pages/order_manage/order_manage.vue
@@ -0,0 +1,141 @@
+<template>
+    <view class="order-manage">
+        <view class="om-section-list" v-for="(e, i) in tabList" :key="i">
+            <view class="osl-item">
+                <view class="oi-title">{{ e.title }}</view>
+                <view class="oi-list">
+                    <view class="ol-item" @click="tabClick(v)" v-for="(v, j) in e.tabArr" :key="j">
+                        <image mode="aspectFit" :src="getIconPath(v.iconName)"></image>
+                        <view>{{ v.name }}</view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import util from '../../../../utils/util'
+export default {
+    data(){
+        return {
+            tabList: getTabList()
+        }
+    },
+    methods: {
+        getIconPath(iconName){
+            return `../../static/images/order_manage/${iconName}.png`
+        },
+        tabClick(ele){
+            if(!this.isFinish(ele.key))return util.showNone('待开放中！');
+
+            if(ele.orderType === 3){ // 订场&次卡订单入口拆分
+                let _type = ele.key - 1;  // 0 -> 订场 / 1 -> 次卡
+                let _path = getTabRoutePath() + `?order_type=${ele.orderType}&type=${_type}`;
+                return util.routeTo(_path, 'nT');
+            }
+            
+            util.routeTo(getTabRoutePath() + `?order_type=${ele.orderType}`,'nT');
+        },
+        isFinish(key){
+            let _endKeyArr = [1, 2, 3, 4, 5, 7, 9, 10, 11, ]
+            return _endKeyArr.includes(key);
+        }
+    }
+}
+
+function getTabRoutePath(ele){
+    return `/pages/order_list/order_list`;
+}
+
+function getTabList(){
+    let _tabAry = [];
+    // orderType 为兼容之前逻辑
+    _tabAry[0] = {
+        id: 1,
+        title: '服务订单',
+        tabArr: [
+            { id: 1, name: '订场订单', key: 1, iconName: 'order_14', orderType: 3 },
+            { id: 2, name: '次卡订单', key: 2, iconName: 'order_2', orderType: 3 },
+            { id: 3, name: '计时订单', key: 3, iconName: 'order_6', orderType: 1 },
+            { id: 4, name: '储值卡订单', key: 4, iconName: 'order_1', orderType: 4 },
+            { id: 5, name: '课程订单', key: 5, iconName: 'order_8', orderType: 12 },
+            { id: 6, name: '赛事订单', key: 6, iconName: 'order_9', orderType: 14 },
+            { id: 7, name: '约玩订单', key: 7, iconName: 'order_15', orderType: 10 },
+            { id: 8, name: '商城订单', key: 8, iconName: 'order_4', orderType: 2 },
+            { id: 9, name: '积分兑换订单', key: 9, iconName: 'order_5', orderType: 5 },
+        ]
+    }
+
+    _tabAry[1] = {
+        id: 2,
+        title: '智能订单',
+        tabArr: [
+            { id: 1, name: '高光时刻', key: 10, iconName: 'order_3', orderType: 15 },
+            { id: 2, name: '租球机订单', key: 11, iconName: 'order_16', orderType: 16 },
+            { id: 3, name: '租售柜订单', key: 12, iconName: 'order_17', orderType: 8 },
+            { id: 4, name: '储物柜订单', key: 13, iconName: 'order_0', orderType: 7 },
+            { id: 5, name: '售货柜订单', key: 14, iconName: 'order_10', orderType: 6 },
+            { id: 6, name: '咖啡机订单', key: 15, iconName: 'order_7', orderType: 9 },
+            { id: 7, name: '浴室订单', key: 16, iconName: 'order_13', orderType: 11 },
+        ]
+    }
+
+    _tabAry[2] = {
+        id: 3,
+        title: '售后维权订单',
+        tabArr: [
+            { id: 1, name: '售后维权', key: 17, iconName: 'order_12', orderType: 17 },
+        ]
+    }
+
+    return _tabAry;
+}
+</script>
+
+<style lang="scss">
+    @import '~style/public.scss';
+    .order-manage{
+        padding-bottom: 0upx;
+        padding-bottom: calc( 0upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
+        padding-bottom: calc( 0upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
+    }
+    .om-section-list{
+        .osl-item{
+            margin-bottom: 24upx;
+            padding: 60upx 40upx 40upx;
+            background-color: #fff;
+            .oi-title{
+                margin-bottom: 56upx;
+                font-size: 32upx;
+                line-height: 44upx;
+                font-weight: 500;
+            }
+            .oi-list{
+                display: flex;
+                align-content: flex-start;
+                flex-wrap: wrap;
+                .ol-item{
+                    flex-shrink: 0;
+                    flex-grow: 0;
+                    margin-bottom: 40upx;
+                    width: 25%;
+                    >image{
+                        margin: 0 auto 18upx;
+                        display: block;
+                        width: 60upx;
+                        height: 60upx;
+                    }
+                    >view{
+                        text-align: center;
+                        font-size: 22upx;
+                        line-height: 32upx;
+                        color: #1a1a1a;
+                        @include textHide(1);
+                    }
+                }
+            }
+
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/order/static/images/order_manage/order_0.png b/src/subpackage/order/static/images/order_manage/order_0.png
new file mode 100644
index 0000000..d2fe7af
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_0.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_1.png b/src/subpackage/order/static/images/order_manage/order_1.png
new file mode 100644
index 0000000..063a900
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_1.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_10.png b/src/subpackage/order/static/images/order_manage/order_10.png
new file mode 100644
index 0000000..2702a58
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_10.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_12.png b/src/subpackage/order/static/images/order_manage/order_12.png
new file mode 100644
index 0000000..67d1e5b
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_12.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_13.png b/src/subpackage/order/static/images/order_manage/order_13.png
new file mode 100644
index 0000000..7aeff47
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_13.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_14.png b/src/subpackage/order/static/images/order_manage/order_14.png
new file mode 100644
index 0000000..054fe66
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_14.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_15.png b/src/subpackage/order/static/images/order_manage/order_15.png
new file mode 100644
index 0000000..7e1bcf9
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_15.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_16.png b/src/subpackage/order/static/images/order_manage/order_16.png
new file mode 100644
index 0000000..5e505ea
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_16.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_17.png b/src/subpackage/order/static/images/order_manage/order_17.png
new file mode 100644
index 0000000..7f7c188
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_17.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_2.png b/src/subpackage/order/static/images/order_manage/order_2.png
new file mode 100644
index 0000000..c49e233
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_2.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_3.png b/src/subpackage/order/static/images/order_manage/order_3.png
new file mode 100644
index 0000000..a7a14c0
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_3.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_4.png b/src/subpackage/order/static/images/order_manage/order_4.png
new file mode 100644
index 0000000..59b359b
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_4.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_5.png b/src/subpackage/order/static/images/order_manage/order_5.png
new file mode 100644
index 0000000..8f61ebd
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_5.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_6.png b/src/subpackage/order/static/images/order_manage/order_6.png
new file mode 100644
index 0000000..1f608ed
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_6.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_7.png b/src/subpackage/order/static/images/order_manage/order_7.png
new file mode 100644
index 0000000..9c83b57
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_7.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_8.png b/src/subpackage/order/static/images/order_manage/order_8.png
new file mode 100644
index 0000000..04c623f
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_8.png differ
diff --git a/src/subpackage/order/static/images/order_manage/order_9.png b/src/subpackage/order/static/images/order_manage/order_9.png
new file mode 100644
index 0000000..7bdd3a0
Binary files /dev/null and b/src/subpackage/order/static/images/order_manage/order_9.png differ