From 4657ec005debd5333d5d9ca979566f0d006b1e67 Mon Sep 17 00:00:00 2001
From: 1019933623 <1019933623@qq.com>
Date: Tue, 2 Mar 2021 14:54:15 +0800
Subject: [PATCH] change style

---
 .hbuilderx/launch.json                             |  11 +
 .../reservation_order/reservation_order.vue        | 104 ++--
 src/components/timing_order/timing_order.vue       | 134 +++++
 src/pages.json                                     |  14 +-
 src/pages/index/index.vue                          |  53 +-
 src/pages/order_list/order_list.vue                |  13 +-
 src/static/images/icon/x_close.png                 | Bin 0 -> 425 bytes
 .../reservation_people/reservation_people.vue      | 546 +++++++++++++++++++++
 .../order/reservation_site/reservation_site.vue    | 261 ++++++++++
 .../reservation_details/reservation_details.vue    |  32 ++
 .../timing_details/timing_details.vue              | 285 +++++++++++
 .../device/pages/order_manage/order_manage.vue     | 110 ++++-
 .../device/static/images/order/tab_0_0.png         | Bin 0 -> 878 bytes
 .../device/static/images/order/tab_0_1.png         | Bin 0 -> 1386 bytes
 .../device/static/images/order/tab_0_10.png        | Bin 0 -> 1790 bytes
 .../device/static/images/order/tab_0_11.png        | Bin 0 -> 1484 bytes
 .../device/static/images/order/tab_0_2.png         | Bin 0 -> 1833 bytes
 .../device/static/images/order/tab_0_3.png         | Bin 0 -> 1423 bytes
 .../device/static/images/order/tab_0_4.png         | Bin 0 -> 2743 bytes
 .../device/static/images/order/tab_0_5.png         | Bin 0 -> 856 bytes
 .../device/static/images/order/tab_0_6.png         | Bin 0 -> 1577 bytes
 .../device/static/images/order/tab_0_7.png         | Bin 0 -> 709 bytes
 .../device/static/images/order/tab_0_8.png         | Bin 0 -> 2319 bytes
 .../device/static/images/order/tab_0_9.png         | Bin 0 -> 1651 bytes
 .../device/static/images/order/tab_1_0.png         | Bin 0 -> 2296 bytes
 src/subpackage/device/static/images/scan_code.png  | Bin 0 -> 553 bytes
 26 files changed, 1497 insertions(+), 66 deletions(-)
 create mode 100644 .hbuilderx/launch.json
 create mode 100644 src/components/timing_order/timing_order.vue
 create mode 100644 src/static/images/icon/x_close.png
 create mode 100644 src/subpackage/device/components/order/reservation_people/reservation_people.vue
 create mode 100644 src/subpackage/device/components/order/reservation_site/reservation_site.vue
 create mode 100644 src/subpackage/device/pages/order_details/reservation_details/reservation_details.vue
 create mode 100644 src/subpackage/device/pages/order_details/timing_details/timing_details.vue
 create mode 100644 src/subpackage/device/static/images/order/tab_0_0.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_1.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_10.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_11.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_2.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_3.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_4.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_5.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_6.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_7.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_8.png
 create mode 100644 src/subpackage/device/static/images/order/tab_0_9.png
 create mode 100644 src/subpackage/device/static/images/order/tab_1_0.png
 create mode 100644 src/subpackage/device/static/images/scan_code.png

diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..501e01c
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,11 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+            "type": "uniCloud",
+            "default": {
+                "launchtype": "remote"
+            }
+        }
+    ]
+}
diff --git a/src/components/reservation_order/reservation_order.vue b/src/components/reservation_order/reservation_order.vue
index 275b1bb..8fb776d 100644
--- a/src/components/reservation_order/reservation_order.vue
+++ b/src/components/reservation_order/reservation_order.vue
@@ -1,8 +1,8 @@
 <template>
-    <view class="reservation-order">
+    <view class="reservation-order" @click="toOrderDetails">
         <view class="ro-header">
             <view class="rh-view">{{orderInfo.stadium_name || '-'}}</view>
-            <text :class="[ 'rh-text', orderInfo.pay_status == 1?'rh-active':'' ]">{{zh_order_status(orderInfo.pay_status)}}</text>
+            <text :class="[ 'rh-text', orderInfo.pay_status == 1?'rh-active':'', orderInfo.pay_status == 4?'rh-red':'' ]">{{zh_order_status(orderInfo.pay_status)}}</text>
         </view>
         <view class="ro-section">
             <view class="rs-line">
@@ -12,49 +12,77 @@
                 </view>
             </view>
             <view class="rs-line">
-                <view class="rl-view">用户昵称：</view>
+                <view class="rl-view">预订项目：</view>
                 <view class="rl-view">
-                    <view class="rv-view">{{orderInfo.nickname || '-'}}</view>
-                </view>
-            </view>
-            <view class="rs-line">
-                <view class="rl-view">支付时间：</view>
-                <view class="rl-view">
-                    <view class="rv-view">{{orderInfo.pay_time || '-'}}</view>
-                </view>
-            </view>
-            <view class="rs-line">
-                <view class="rl-view">预定日期：</view>
-                <view class="rl-view">
-                    <view class="rv-view">{{orderInfo.date || '-'}}</view>
-                </view>
-            </view>
-            <view class="rs-line">
-                <view class="rl-view">预定场次：</view>
-                <view class="rl-view">
-                    <view class="rv-view" v-for="(e,i) in orderInfo.sessions" :key="i">{{e.venue_name}} {{e.duration}}</view>
+                    <view class="rv-view">{{ orderInfo.venue_type_name || '-'}}</view>
                 </view>
             </view>
+			<!-- 场次 -->
+			<block v-if="true">
+				<view class="rs-line" >
+					<view class="rl-view">预订场数：</view>
+					<view class="rl-view">
+						<view class="rv-view">{{ '-'}}</view>
+					</view>
+				</view>
+				<!-- <view class="rs-line">
+				    <view class="rl-view">预定场次：</view>
+				    <view class="rl-view">
+				        <view class="rv-view" v-for="(e,i) in orderInfo.sessions" :key="i">{{e.venue_name}} {{e.duration}}</view>
+				    </view>
+				</view> -->
+				<view class="rs-line">
+					<view class="rl-view">预订时间：</view>
+					<view class="rl-view">
+						<view class="rv-view">{{orderInfo.date || '-'}}等</view>
+					</view>
+				</view>
+			</block>
+			<!-- 人次 -->
+			<block v-if="true">
+				<view class="rs-line">
+				    <view class="rl-view">数量：</view>
+				    <view class="rl-view">
+				        <view class="rv-view">{{ '-'}}</view>
+				    </view>
+				</view>
+				<view class="rs-line">
+				    <view class="rl-view">类型：</view>
+				    <view class="rl-view">
+				        <view class="rv-view">{{ '-'}}</view>
+				    </view>
+				</view>
+				<!-- 人次+随时用 -->
+				<view class="rs-line" v-if="true">
+				    <view class="rl-view">有效期至：</view>
+				    <view class="rl-view">
+				        <view class="rv-view">{{ '-'}}</view>
+				    </view>
+				</view>
+				<!-- 人次+指定日期 -->
+				<view class="rs-line" v-if="true">
+				    <view class="rl-view">使用日期：</view>
+				    <view class="rl-view">
+				        <view class="rv-view">{{ '-'}}</view>
+				    </view>
+				</view>
+			</block>
         </view>
         <view class="ro-bot">
-            <view class="rb-line">
-                <!-- 0微信支付1支付宝支付2会员卡支付 -->
-                <view class="rl-view">支付方式：{{zh_pay_type(orderInfo.pay_type)}}</view>
-                <view class="rl-view">共{{orderInfo.sessions.length || '-'}}场次 合计：¥{{orderInfo.amount || '0'}}</view>
-            </view>
-            <view class="rb-total">实付款 <text class="rt-txt"> ¥{{orderInfo.pay_amount || '0'}}</text>(折扣{{orderInfo.discount_amount || '0'}})</view>
-        </view>
-        <view class="ro-bot-line" v-if="orderInfo.verify_type!=0">核销方式：{{zh_verify_type(orderInfo.verify_type)}} {{orderInfo.verify_time || '-'}}</view>
-        <view class="ro-bot-line" v-if="orderInfo.pay_status == 4">退款时间：{{orderInfo.refund_time || '-'}}</view>
+			<view class="rb-total">实付款 <text class="rt-txt"> ¥{{orderInfo.pay_amount || '0'}}</text></view>
+		</view>
+       <!-- <view class="ro-bot-line" v-if="orderInfo.verify_type!=0">核销方式：{{zh_verify_type(orderInfo.verify_type)}} {{orderInfo.verify_time || '-'}}</view>
+        <view class="ro-bot-line" v-if="orderInfo.pay_status == 4">退款时间：{{orderInfo.refund_time || '-'}}</view> -->
     </view>
 </template>
 
 <script>
+import util from '@/utils/util';
 export default {
     props: {
         orderInfo: {
             type: Object,
-            default: {},
+           	default: ()=>({})
         }
     },
     computed: {
@@ -96,7 +124,13 @@ export default {
                 return _obj[`${status}`] || '-'
             }
         }
-    }
+    },
+	methods:{
+		toOrderDetails(){
+			util.routeTo('/subpackage/device/pages/order_details/reservation_details/reservation_details','nT');
+		}
+	}
+	
 }
 </script>
 
@@ -127,6 +161,9 @@ export default {
             .rh-active{
                 color: $themeColor;
             }
+			.rh-red{
+				color: #EA5061;
+			}
         }
         .ro-section{
             padding-bottom: 20upx;
@@ -179,6 +216,7 @@ export default {
                 color: #9c9c9f;
                 .rt-txt{
                     color: #1A1A1A;
+					margin-left: 10rpx;
                 }
             }
         }
diff --git a/src/components/timing_order/timing_order.vue b/src/components/timing_order/timing_order.vue
new file mode 100644
index 0000000..0fc55f0
--- /dev/null
+++ b/src/components/timing_order/timing_order.vue
@@ -0,0 +1,134 @@
+<template>
+	<view class="timing-order" @click="toOrderDetails">
+		<view class="ro-header">
+		    <view class="rh-view">{{orderInfo.stadium_name || '-'}}</view>
+		    <text :class="[ 'rh-text', orderInfo.pay_status == 0?'rh-active':'' ]">{{zh_order_status(orderInfo.pay_status)}}</text>
+		</view>
+		<view class="ro-section">
+		    <view class="rs-line">
+		        <view class="rl-view">订单编号：</view>
+		        <view class="rl-view">
+		            <view class="rv-view">{{orderInfo.order_no || '-'}}</view>
+		        </view>
+				<image src="/static/images/icon/arrow_b2.png"></image>
+		    </view>
+			<!-- 场次有 人次没有 -->
+			<view class="rs-line" v-if="true">
+			    <view class="rl-view">项目：</view>
+			    <view class="rl-view">
+			        <view class="rv-view">{{'羽毛球(1号馆)' || '-'}}</view>
+			    </view>
+			</view>
+		    <view class="rs-line">
+		        <view class="rl-view">时长：</view>
+		        <view class="rl-view">
+		            <view class="rv-view">{{ '1小时58分46秒' || '-'}}</view>
+		        </view>
+		    </view>
+		</view>
+		<view class="ro-bot">
+			<view class="rb-total">实付款 <text class="rt-txt"> ¥{{orderInfo.pay_amount || '0'}}</text></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import util from '@/utils/util';
+export default {
+	computed: {
+	    zh_order_status(){
+	        // 订单状态 0计费中1已完成
+	        return status =>{
+	            const _obj = {
+	                '0': '计费中',
+	                '1': '已完成',
+	            }
+	            return _obj[`${status}`] || '-'
+	        }
+	    }
+	},
+	data() {
+		return {
+		}
+	},
+	methods:{
+		toOrderDetails(){
+			util.routeTo('/subpackage/device/pages/order_details/timing_details/timing_details','nT');
+		}
+	}
+
+}
+</script>
+
+<style lang="scss" >
+@import '~style/public.scss';
+.timing-order{
+	padding: 0 24upx;
+	border-radius: 10upx;
+	background-color: #fff;
+	.ro-header{
+	    margin-bottom: 18upx;
+	    height: 98upx;
+	    line-height: 96upx;
+	    border-bottom: 2upx solid #D8D8D8;
+	    @include centerFlex(space-between);
+	    .rh-view{
+	        flex-grow: 1;
+	        font-size: 28upx;
+	        color: #1a1a1a;
+	        @include textHide(1);
+	    }
+	    .rh-text{
+	        margin-left: 20upx;
+	        flex-shrink: 0;
+	        font-size: 28upx;
+	        color: #9C9C9F;
+	    }
+	    .rh-active{
+	        color: $themeColor;
+	    }
+	}
+	.ro-section{
+	    padding-bottom: 20upx;
+	    .rs-line{
+	        display: flex;
+	        .rl-view,.rv-view{
+	            line-height: 40upx;
+	            font-size: 24upx;
+	            color: #9c9c9f;
+	        }
+	        .rl-view{
+	            &:first-child{
+	                flex-shrink: 0;
+	            }
+	            &+.rl-view{
+	                flex-grow: 1;
+	                .rv-view{
+	                    @include textHide(1);
+	                }
+	            }
+	        }
+			>image{
+				width: 32rpx;
+				height: 32rpx;
+			}
+	    }
+	
+	}
+	.ro-bot{
+	    padding-top: 20upx;
+	    padding-bottom: 30upx;
+	    border-top: 2upx solid #D8D8D8;
+	    .rb-total{
+	        line-height: 40upx;
+	        text-align: right;
+	        font-size: 24upx;
+	        color: #9c9c9f;
+	        .rt-txt{
+	            color: #1A1A1A;
+				margin-left: 10rpx;
+	        }
+	    }
+	}
+}
+</style>
diff --git a/src/pages.json b/src/pages.json
index 47f829f..66ca532 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -184,7 +184,7 @@
 			}
 		}
 		
-	],
+    ],
 	"subpackages": [
 		{
 			"root": "subpackage/device",
@@ -248,6 +248,18 @@
 					"style" : {
 						"navigationBarTitleText": "售货柜管理"
 					}
+				},
+				{
+					"path": "pages/order_details/reservation_details/reservation_details",
+					"style" : {
+						"navigationBarTitleText": "预约订单详情"
+					}
+				},
+				{
+					"path": "pages/order_details/timing_details/timing_details",
+					"style" : {
+						"navigationBarTitleText": "计时订单详情"
+					}
 				}
 			]
 		  }
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index a72b954..b5cb39d 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -79,30 +79,36 @@
 			serverKey: 1002  // 后端对应权限编号
 		},
 		{
-			id: 2,
-			name: '经营分析',
-			path: '',
-			serverKey: 1003  // 后端对应权限编号
-		},
-		{
 			id: 3,
-			name: '场馆订单',
-			path: '/pages/order_list/order_list',
-			serverKey: 1004  // 后端对应权限编号
-		},
-		{
-			id: 4,
-			name: '会员卡订单',
-			path: '/pages/order_list/order_list',
-			serverKey: 1005  // 后端对应权限编号
-		},
-		{
-			id: 5,
-			name: '积分订单',
-			// path: '/pages/order_list/order_list',
-			path: '',
-			serverKey: 1006  // 后端对应权限编号
+			name: '订单管理',
+			path: '/subpackage/device/pages/order_manage/order_manage',
+			serverKey: 1011  // 后端对应权限编号
 		},
+		// {
+		// 	id: 2,
+		// 	name: '经营分析',
+		// 	path: '',
+		// 	serverKey: 1003  // 后端对应权限编号
+		// },
+		// {
+		// 	id: 3,
+		// 	name: '场馆订单',
+		// 	path: '/pages/order_list/order_list',
+		// 	serverKey: 1004  // 后端对应权限编号
+		// },
+		// {
+		// 	id: 4,
+		// 	name: '会员卡订单',
+		// 	path: '/pages/order_list/order_list',
+		// 	serverKey: 1005  // 后端对应权限编号
+		// },
+		// {
+		// 	id: 5,
+		// 	name: '积分订单',
+		// 	// path: '/pages/order_list/order_list',
+		// 	path: '',
+		// 	serverKey: 1006  // 后端对应权限编号
+		// },
 		{
 			id: 6,
 			name: '员工管理',
@@ -185,6 +191,7 @@
 				let _permission = indexData.permission || {};
 				if(!app.isLogin())return this.showAuthor();
 				if(!tabInfo.path)return util.showNone('暂未开放！');
+				if(tabInfo.id == 3)return util.routeTo(tabInfo.path,'nT');
 				if(!_permission[tabInfo.serverKey])return util.showNone('暂无权限，请联系管理员开启！')
 				if(this.isOrderTab(tabInfo.id))return util.routeTo(tabInfo.path + `?order_type=${tabInfo.id}`,'nT');
 				util.routeTo(tabInfo.path,'nT');
@@ -192,7 +199,7 @@
 			isOrderTab(ID){
 				return	ID == 3 || ID == 4 || ID == 5
 			},
-			getIndexInfo(){
+			getIndexInfo(){	
 				servers.get({
 					url: API.calc,
 					data: {},
diff --git a/src/pages/order_list/order_list.vue b/src/pages/order_list/order_list.vue
index 6dfa18c..cc270f5 100644
--- a/src/pages/order_list/order_list.vue
+++ b/src/pages/order_list/order_list.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="order-list">
       <view class="ol-header">
-          <view class="oh-cur-store" v-if="orderType == 3 || orderType == 4">
+          <view class="oh-cur-store" v-if="orderType == 3 || orderType == 4 || orderType == 1">
               <text>当前门店</text>
               <picker mode="selector" :range="storeList" range-key="name" @change="storeChange">
                 <view class="ocs-store">
@@ -35,6 +35,7 @@
               <reservation-order :order-info="e" v-if="orderType == 3"></reservation-order>
               <membership-order :order-info="e" v-if="orderType == 4"></membership-order>
               <integral-order :order-info="e" v-if="orderType == 5"></integral-order>
+			  <timing-order  :order-info="e" v-if="orderType == 1"></timing-order>
           </view>
       </view>
       <!-- 分类tab -->
@@ -86,6 +87,7 @@
     import reservation_order from '../../components/reservation_order/reservation_order';
     import integral_order from '../../components/integral_order/integral_order';
     import membership_order from '../../components/membership_order/membership_order';
+	import timing_order from '../../components/timing_order/timing_order.vue'
     import util from '../../utils/util';
     import { servers } from '../../js/server';
     import { API } from '../../js/api';
@@ -108,12 +110,18 @@
         {id:2, name:'已发货'},
         {id:3, name:'已完成'},
     ]
+	const timClassify = [   // 计时tab
+	    {id:'', name:'全部'},
+	    {id:1, name:'计费中'},
+	    {id:2, name:'已完成'},
+	]
     export default {
         components: {
             // 'reservation-order': order.reservation,
             'reservation-order': reservation_order,
             'membership-order': membership_order,
             'integral-order': integral_order,
+			'timing-order': timing_order,
         },
         computed:{
             classifyArr(){
@@ -121,6 +129,7 @@
                 if(orderType == 3)return resClassify;
                 if(orderType == 4)return memClassify;
                 if(orderType == 5)return intClassify;
+				if(orderType == 1)return timClassify;
                 return [];
             },
             titleName(){
@@ -128,6 +137,7 @@
                 if(orderType == 3)return '预约订单';
                 if(orderType == 4)return '会员卡订单';
                 if(orderType == 5)return '积分商城订单';
+				if(orderType == 1)return '计时订单';
                 return '订单'
             },
             ...mapState(['brandInfo']),
@@ -298,6 +308,7 @@
                 if(type == 3)return API.reservationOrder;
                 if(type == 4)return API.membershipOrder;
                 if(type == 5)return API.integralOrder;
+				if(type == 1)return ;
             },
             getOrderList({
                 begin='',
diff --git a/src/static/images/icon/x_close.png b/src/static/images/icon/x_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4f8de0511b000369c1e8de601c9e8ef4d646a12
GIT binary patch
literal 425
zcmV;a0apHrP)<h;3K|Lk000e1NJLTq001HY001Hg1^@s6I!6n_0004SNkl<ZSVz^D
zO;W=!427kno#7@Ngbfz}7O)_hrW^uT0f(UJBrIS7T!0M+;U>(qi5Npu8k!$Tbvq(k
zThE`LWyL};@}Ut9unCgq`QB_smx!>B7~GFW=kMEaY&v~7ASy42;A1$%yC{l2YmQ7N
z*$n_)xy6ZS9t6QzlElwGVbU}^Da-N^5eGlIcsm})*ENtd&0dJ;s9M-J%sK=BBEBX`
zd|U%@mKDYP?U&Y{Gffa~qhUBWbSbcwtZf0C91};g@z!txxp~9YYQ4T(fi574MrR$7
z2>k_;#`YF8sh|VW#Potlg*6c0)x>AgX(2=)ea^V?dc~C0Ahsiwb4|MjfMPKoYOAss
zq|KStBi8&HR3H@$5j_FG(uD;~frzKlpXL7sX~~o2>FnfaOeAYpo!Hs+<rFK<oVEhW
zN><4NlDVr;y&xK4O^p3#fM!>lyh-dn6@56NamHplVWz<{({h?=!nyC)ZOr=uP+(p`
T#IPNe00000NkvXXu0mjfj25+=

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/components/order/reservation_people/reservation_people.vue b/src/subpackage/device/components/order/reservation_people/reservation_people.vue
new file mode 100644
index 0000000..4114f91
--- /dev/null
+++ b/src/subpackage/device/components/order/reservation_people/reservation_people.vue
@@ -0,0 +1,546 @@
+<template>
+	<view class="reservation-people">
+		<view class="rp-head">
+			<view class="rh-store">
+				<image></image>
+				<view>欧轩智能场馆(羽毛球永泰店)</view>
+			</view>
+			<view class="rh-line">
+				<view>订单编号：<text>2352534645764747</text></view>
+				<view><text :class="[true?'rl-active':'']">待使用</text></view>
+			</view>
+			<view class="rh-line">
+				<view>创建时间：<text>2019-06-06  12:00:06</text></view>
+			</view>
+			<view class="rh-line">
+				<view>用户昵称：<text>i术生</text></view>
+			</view>
+			<view class="rh-line">
+				<view>创建时间：<text>2019-06-06  12:00:06</text></view>
+			</view>
+			<!-- 待使用 已绑定ic卡 -->
+			<block v-if="false">
+				<view class="rh-line">
+					<view>已绑定IC卡：<text>000000000213</text></view>
+				</view>
+				<view class="rh-line">
+					<view>绑定时间：<text>2019-07-06 12:06:03</text></view>
+				</view>
+			</block>
+			
+			<!-- 待使用 未绑定ic卡 -->
+			<view :class="['rh-ic', false?'rh-ic-untie':'']" @click="isShowBindIC = !isShowBindIC">{{ false?'解绑IC卡':'绑定IC卡' }}</view>
+		</view>
+		<view class="rp-box">
+			<view class="rb-title">验证信息<text>(1张可用)</text></view>
+			<!-- 人次+随时用 -->
+			<view class="rb-time" v-if="true">
+				<view>有效期至：</view>
+				<text>2019年6月18日   10:30:40  </text>
+			</view>
+			<!-- 人次+指定日期 -->
+			<view class="rb-time" v-if="false">
+				<view>使用日期：</view>
+				<text>2020-12-25（周五） 上午场</text>
+			</view>
+			<view class="rb-code">
+				<view class="rc-item" v-for="i in 2" :key="i">
+					<view class="ri-tit">验证码{{i+1}}：</view>
+					<view class="ri-section">
+						<view class="rs-view">1223 5512 4534 (已使用)</view>
+						<view class="rs-view">核销方式：扫码核销</view>
+						<view class="rs-view">核销时间：2019-06-01  13:20</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="rp-box">
+			<view class="rb-title">预订信息</view>
+			<view class="rb-name">
+				<view>单人羽毛球次卡<text>（可随时使用）</text></view>
+			</view>
+			<view class="rb-line">
+				<view>数量：<text>3</text></view>
+			</view>
+			<view class="rb-line">
+				<view>类型：<text>平日+上午场</text></view>
+			</view>
+			<view class="rb-section">
+				<view class="rs-line">
+					<view>金额小计</view>
+					<view>¥6</view>
+				</view>
+				<view class="rs-line">
+					<view>积分抵扣</view>
+					<view>-¥6</view>
+				</view>
+				<view class="rs-line">
+					<view>折扣金额</view>
+					<view>-¥0</view>
+				</view>
+				<view class="rs-line">
+					<view>优惠券优惠</view>
+					<view>-¥1</view>
+				</view>
+			</view>
+			<view class="rb-total">
+				<view>合计支付：<text>￥</text><text>5</text></view>
+			</view>
+		</view>
+		<view class="rp-box">
+			<view class="rb-title">支付信息</view>
+			<view class="rb-line">
+				<view>支付方式：<text>微信支付</text></view>
+			</view>
+			<view class="rb-line">
+				<view>支付时间：<text>2019年6月18日   10:30:40</text></view>
+			</view>
+			<view class="rb-line">
+				<view>微信交易号：<text>424736746998493847989434</text></view>
+			</view>
+		</view>
+		
+		<!-- 弹框 绑定ic卡 -->
+		<view class="ox-dark-mask" v-if="isShowBindIC" @touchmove.stop.prevent="moveHandle">
+			<view class="odm-ic-modal">
+				<view class="oim-close">
+					<image src="/static/images/icon/x_close.png" @click="isShowBindIC = !isShowBindIC"></image>
+				</view>
+				<view class="oim-tit">绑定IC卡</view>
+				<view class="oim-card">
+					<view class="oc-sign">*</view>
+					<view class="oc-depot">仓</view>
+					<input type="number" placeholder="请输入卡号" v-model="icNumber" />
+					<image class="oc-icon" src="/subpackage/device/static/images/scan_code.png"></image>
+				</view>
+				<view class="oim-tips">可直接输入卡号、扫描条码或在已选择仓库下选择卡号</view>
+				<view class="oim-ipt">
+					<input type="text" placeholder="单价" v-model="icPrice"  />
+				</view>
+				<view class="oim-ipt">
+					<input type="text" placeholder="其他费用(选填)" v-model="icOtherFee"  />
+				</view>
+				<view class="oim-ipt">
+					<input type="text" placeholder="备注说明(选填)" v-model="icRemarks"  />
+				</view>
+				<view class="oim-btn" hover-class="hover-active" @click="modalBtn(1)">确认</view>
+			</view>
+		</view>
+		<!-- 弹框 选择ic卡 -->
+		<view class="ox-dark-mask" v-if="isShowSelectIC" @touchmove.stop.prevent="moveHandle">
+			<view class="odm-select-modal">
+				<view class="osm-close">
+					<image src="/static/images/icon/x_close.png" @click="isShowSelectIC = !isShowSelectIC"></image>
+				</view>
+				<view class="osm-tit">筛选卡号</view>
+				<view class="osm-ipt">
+					<input type="text" placeholder="请选择仓库" v-model="icRemarks"  />
+					<image src="/subpackage/device/static/images/arrow_b2.png"></image>
+				</view>
+				<view class="osm-ipt">
+					<input type="text" placeholder="请输入卡号" v-model="icRemarks"  />
+				</view>
+				<view class="osm-btn" hover-class="hover-active" @click="modalBtn(2)">确认</view>
+			</view>
+		</view>
+		<!-- 弹框 ic卡绑定成功 -->
+		<view class="ox-dark-mask" v-if="isShowSuccessIC" @touchmove.stop.prevent="moveHandle">
+			<view class="odm-select-modal">
+				<view class="osm-title">绑定成功</view>
+				<view class="osm-line">
+					<view>卡号：0000023</view>
+					<view>关联订单号：yy202101294566</view>
+					<view>门店名称：广州欧轩智能场馆（永泰店）</view>
+				</view>
+				<view class="osm-line">
+					<view>订单类型：预约订单</view>
+					<view>项目名称：开业优惠卡(10次)</view>
+					<view>购买者昵称：yiming</view>
+				</view>
+				<view class="osm-btn" hover-class="hover-active" @click="isShowSuccessIC = !isShowSuccessIC">好的</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			isShowBindIC: false,
+			isShowSelectIC: false,
+			isShowSuccessIC: false,
+			icNumber: '',
+			icPrice: '',
+			icOtherFee: '',
+			icRemarks: '',
+		};
+	},
+	methods:{
+		moveHandle(){},
+		modalBtn(type){
+			if(type == 1){
+				this.isShowBindIC = false
+				this.isShowSelectIC = true;
+				return;
+			} 
+			if(type == 2){
+				this.isShowSelectIC = false;
+				this.isShowSuccessIC = true;
+				return;
+			} 
+		}
+	}
+
+}
+</script>
+
+<style  lang="scss" >
+@import '~style/public.scss';
+.reservation-people{
+	margin-bottom: 24rpx;
+	.rp-head{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx 10rpx 0px 0px;
+		.rh-store{
+			padding-bottom: 26rpx;
+			margin-bottom: 18rpx;
+			border-bottom: 2rpx solid #D8D8D8;
+			display: flex;
+			justify-content: flex-start;
+			>image{
+				flex-shrink: 0;
+				width: 40rpx;
+				height: 40rpx;
+				background-color: skyblue;
+				
+			}
+			>view{
+				flex-grow: 1;
+				margin-left: 14rpx;
+				color: #333333;
+				font-size: 28rpx;
+			}
+		}
+		.rh-line{
+			margin-top: 8rpx;
+			@include centerFlex(space-between);
+			>view{
+				line-height: 40rpx;
+				font-size: 28rpx;
+				&:first-child{
+					color: #9A9A9D;
+					>text{
+						color: #333333;
+					}
+				}
+				&:nth-child(2){
+					>text{
+						color: #9A9A9D;
+					}
+					.rl-active{
+						color: #009874;
+					}
+				}
+			}
+		}
+		.rh-ic{
+			margin-top: 40rpx;
+			border-radius: 10rpx;
+			background-color: #009874;
+			color: #FFFFFF;
+			font-size: 32rpx;
+			text-align: center;
+			width: 500rpx;
+			// height: 112rpx;
+			// line-height: 112rpx;
+			padding: 34rpx 0rpx;
+			margin-left: 71rpx;
+		}
+		.rh-ic-untie{
+			padding: 32rpx 0rpx;
+			color: #009874;
+			border: 2rpx solid #009874;
+			background-color: #fff;
+		}
+	}
+	.rp-box{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx;
+		.rb-title{
+			color: #9A9A9D;
+			font-size: 28rpx;
+			margin-bottom: 20rpx;
+			>text{
+				color: #333333;
+				font-size: 28rpx;
+				margin-left: 28rpx;
+			}
+		}
+		.rb-time{
+			line-height: 48rpx;
+			display: flex;
+			justify-content: flex-start;
+			>view{
+				color: #9A9A9D;
+				font-size: 28rpx;
+			}
+			>text{
+				color: #333333;
+				font-size: 28rpx;
+			}
+		}
+		.rb-code{
+			.rc-item{
+				display: flex;
+				justify-content: flex-start;
+				margin-top: 24rpx;
+				.ri-tit{
+					color: #9A9A9D;
+					font-size: 28rpx;
+					line-height: 46rpx;
+				}
+				.ri-section{
+					.rs-view{
+						color: #333333;
+						font-size: 28rpx;
+						line-height: 46rpx;
+					}
+				}
+			}
+		}
+		.rb-name{
+			margin-bottom: 8rpx;
+			color: #333333;
+			>view{
+				font-size: 28rpx;
+			}
+			>text{
+				font-size: 24rpx;
+			}
+		}
+		.rb-line{
+			>view{
+				line-height: 52rpx;
+				font-size: 28rpx;
+				color: #9A9A9D;
+				>text{
+					color: #333333;
+				}
+			}
+			
+		}
+		.rb-section{
+			margin: 30rpx 0rpx 24rpx;
+			border-top: 2rpx solid #D8D8D8;
+			.rs-line{
+				margin-top: 26rpx;
+				@include centerFlex(space-between);
+				>view{
+					color: #333333;
+					&:first-child{
+						font-size: 28rpx;
+					}
+					&:nth-child(2){
+						font-size: 24rpx;
+					}
+				}
+			}
+		}
+		.rb-total{
+			@include centerFlex(flex-end);
+			>view{
+				color: #333333;
+				font-size: 28rpx;
+				>text{
+					color: #FF873D;
+					&:first-child{
+						font-size: 28rpx;
+					}
+					&:nth-child(2){
+						font-size: 36rpx;
+					}
+				}
+			}
+		}
+	}
+	.odm-ic-modal {
+		position: absolute;
+		left: 65rpx;
+		top: 10%;
+		background-color: #fff;
+		width: 620rpx;
+		padding: 30rpx 0rpx 80rpx;
+		border-radius: 10rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		.oim-close{
+			width: 100%;
+			@include centerFlex(flex-end);
+			>image{
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 30rpx;
+			}
+		}
+		.oim-tit {
+			color: #333;
+			font-size: 32rpx;
+			font-weight: 700;
+			margin-top: 16rpx;
+		}
+		.oim-card{
+			width: 538rpx;
+			position: relative;
+			padding: 20rpx 0rpx;
+			margin-top: 38rpx;
+			border-radius: 10rpx;
+			border: 2rpx solid #D8D8D8;
+			@include centerFlex(flex-start);
+			.oc-sign{
+				position: absolute;
+				color: #EA5061;
+				font-size: 28rpx;
+				margin-left: -20rpx;
+			}
+			.oc-depot{
+				width: 40rpx;
+				height: 40rpx;
+				color: #fff;
+				font-size: 28rpx;
+				text-align: center;
+				border-radius: 6rpx;
+				background-color: #333333;
+				margin: 0rpx 20rpx;
+			}
+			& input {
+				height: 48rpx;
+				padding: 0rpx 20rpx;
+				font-size: 28rpx;
+				color: #333;
+				flex-grow: 1;
+				border-left: 2rpx solid #D8D8D8;
+			}
+			.oc-icon{
+				flex-shrink: 0;
+				width: 48rpx;
+				height: 48rpx;
+				margin-right: 20rpx;
+			}
+		}
+		.oim-tips{
+			width: 518rpx;
+			color: #9A9A9D;
+			font-size: 24rpx;
+			margin: 12rpx 0rpx 20rpx;
+		}
+		.oim-ipt{
+			width: 538rpx;
+			padding: 20rpx 0rpx;
+			border: 2rpx solid #D8D8D8;
+			border-radius: 10rpx;
+			margin-bottom: 36rpx;
+			& input {
+				flex-grow: 1;
+				height: 48rpx;
+				color: #333;
+				font-size: 28rpx;
+				padding: 0rpx 20rpx;
+			}
+		}
+		.oim-btn{
+			width: 240rpx;
+			height: 88rpx;
+			margin-top: 44rpx;
+			border-radius: 10rpx;
+			background-color: #009874;
+			color: #FFFFFF;
+			font-size: 32rpx;
+			line-height: 88rpx;
+			text-align: center;
+		}
+	}
+	.odm-select-modal{
+		position: absolute;
+		left: 65rpx;
+		top: 16%;
+		background-color: #fff;
+		width: 620rpx;
+		padding: 30rpx 0rpx 80rpx;
+		border-radius: 10rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		.osm-close{
+			width: 100%;
+			@include centerFlex(flex-end);
+			>image{
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 30rpx;
+			}
+		}
+		.osm-tit {
+			color: #333;
+			font-size: 32rpx;
+			font-weight: 700;
+			margin: 16rpx 0rpx 38rpx;
+		}
+		.osm-ipt{
+			width: 538rpx;
+			padding: 20rpx 0rpx;
+			border: 2rpx solid #D8D8D8;
+			border-radius: 10rpx;
+			margin-bottom: 36rpx;
+			@include centerFlex(flex-start);
+			& input {
+				flex-grow: 1;
+				height: 48rpx;
+				color: #333;
+				font-size: 28rpx;
+				padding: 0rpx 20rpx;
+			}
+			>image{
+				flex-shrink: 0;
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 22rpx;
+			}
+		}
+		.osm-btn{
+			width: 240rpx;
+			height: 88rpx;
+			margin-top: 44rpx;
+			border-radius: 10rpx;
+			background-color: #009874;
+			color: #FFFFFF;
+			font-size: 32rpx;
+			line-height: 88rpx;
+			text-align: center;
+		}
+		.osm-title{
+			margin: 48rpx 0rpx 34rpx;
+			color: #333;
+			font-size: 32rpx;
+			font-weight: 700;
+		}
+		.osm-line{
+			width: 504rpx;
+			margin-bottom: 26rpx;
+			>view{
+				color: #333333;
+				font-size: 28rpx;
+				line-height: 48rpx;
+			}
+		}
+	}
+	
+}	
+</style>
diff --git a/src/subpackage/device/components/order/reservation_site/reservation_site.vue b/src/subpackage/device/components/order/reservation_site/reservation_site.vue
new file mode 100644
index 0000000..8c5b495
--- /dev/null
+++ b/src/subpackage/device/components/order/reservation_site/reservation_site.vue
@@ -0,0 +1,261 @@
+<template>
+	<view class="reservation-site">
+		<view class="rs-head">
+			<view class="rh-store">
+				<image></image>
+				<view>欧轩智能场馆(羽毛球永泰店)</view>
+			</view>
+			<view class="rh-line">
+				<view>订单编号：<text>2352534645764747</text></view>
+				<view><text :class="[true?'rl-active':'']">待使用</text></view>
+			</view>
+			<view class="rh-line">
+				<view>创建时间：<text>2019-06-06  12:00:06</text></view>
+			</view>
+			<view class="rh-line">
+				<view>用户昵称：<text>i术生</text></view>
+			</view>
+		</view>
+		<view class="rs-box">
+			<view class="rb-title">验证信息</view>
+			<view class="rb-line">
+				<view class="rl-view">验证码：</view>
+				<view :class="['rl-code1', false?'rl-code2':'', false?'rl-code3':'', false?'rl-code4':'']" >1233  5512  4565<text>(待使用)</text></view>
+			</view>
+			<!-- 已使用 -->
+			<block v-if="true">
+				<view class="rb-line">
+					<view class="rl-view">核销方式：</view>
+					<text class="rl-text">扫码核销</text>
+				</view>
+				<view class="rb-line">
+					<view class="rl-view">核销时间：</view>
+					<text class="rl-text">2019-05-17  11:12:58</text>
+				</view>
+			</block>
+		</view>
+		<view class="rs-box">
+			<view class="rb-title">预订信息</view>
+			<view class="rb-line">
+				<view class="rl-view">预订项目：</view>
+				<text class="rl-text">羽毛球次卡</text>
+			</view>
+			<view class="rb-line">
+				<view class="rl-view">预订日期：</view>
+				<text class="rl-text">2019-05-18(周五)</text>
+			</view>
+			<view class="rb-line">
+				<view class="rl-view">预订场次：</view>
+				<text class="rl-text">1号馆   10:00-12:00（¥80）\n3号馆   11:00-12:00（¥80）</text>
+			</view>
+			<view class="rb-section">
+				<view class="rs-line">
+					<view>金额小计</view>
+					<view>¥6</view>
+				</view>
+				<view class="rs-line">
+					<view>积分抵扣</view>
+					<view>-¥6</view>
+				</view>
+				<view class="rs-line">
+					<view>折扣金额</view>
+					<view>-¥0</view>
+				</view>
+				<view class="rs-line">
+					<view>优惠券优惠</view>
+					<view>-¥1</view>
+				</view>
+			</view>
+			<view class="rb-total">
+				<view>合计支付：<text>￥</text><text>5</text></view>
+			</view>
+		</view>
+		<view class="rs-box">
+			<view class="rb-title">支付信息</view>
+			<view class="rb-line">
+				<view class="rl-view">支付方式：</view>
+				<text class="rl-text">微信支付</text>
+			</view>
+			<view class="rb-line">
+				<view class="rl-view">支付时间：</view>
+				<text class="rl-text">2019年6月18日   10:30:40</text>
+			</view>
+			<view class="rb-line">
+				<view class="rl-view">微信交易号：</view>
+				<text class="rl-text">424736746998493847989434</text>
+			</view>
+			<!-- 已退款 -->
+			<block v-if="true">
+				<view class="rb-line">
+					<view class="rl-view">退款时间：</view>
+					<text class="rl-text">2019年6月18日   10:30:40</text>
+				</view>
+				<view class="rb-line">
+					<view class="rl-view">退款单号：</view>
+					<text class="rl-text">424736746998493847989434</text>
+				</view>
+			</block>
+			<!-- 已失效 -->
+			<view class="rb-line">
+				<view class="rl-view">失效时间：</view>
+				<text class="rl-text">2019年6月18日   10:30:40</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+		}
+	},
+
+}
+</script>
+
+<style  lang="scss" >
+@import '~style/public.scss';
+.reservation-site{
+	margin-bottom: 24rpx;
+	.rs-head{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx 10rpx 0px 0px;
+		.rh-store{
+			padding-bottom: 26rpx;
+			margin-bottom: 18rpx;
+			border-bottom: 2rpx solid #D8D8D8;
+			// @include centerFlex(flex-start);
+			display: flex;
+			// align-items: center;
+			justify-content: flex-start;
+			>image{
+				flex-shrink: 0;
+				width: 40rpx;
+				height: 40rpx;
+				background-color: skyblue;
+				
+			}
+			>view{
+				flex-grow: 1;
+				margin-left: 14rpx;
+				color: #333333;
+				font-size: 28rpx;
+			}
+		}
+		.rh-line{
+			margin-top: 8rpx;
+			@include centerFlex(space-between);
+			>view{
+				line-height: 40rpx;
+				font-size: 28rpx;
+				&:first-child{
+					color: #9A9A9D;
+					>text{
+						color: #333333;
+					}
+				}
+				&:nth-child(2){
+					>text{
+						color: #9A9A9D;
+					}
+					.rl-active{
+						color: #009874;
+					}
+				}
+			}
+		}
+		
+	}
+	.rs-box{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx;
+		.rb-title{
+			color: #9A9A9D;
+			font-size: 28rpx;
+			margin-bottom: 20rpx;
+		}
+		.rb-line{
+			line-height: 48rpx;
+			display: flex;
+			// align-items: center;
+			justify-content: flex-start;
+			.rl-view{
+				color: #9A9A9D;
+				font-size: 28rpx;
+			}
+			.rl-text{
+				color: #333333;
+				font-size: 28rpx;
+			}
+			.rl-code1{
+				color: #009874;
+				font-size: 28rpx;
+				>text{
+					color: #009874;
+					margin-left: 20rpx;
+				}
+			}
+			.rl-code2{
+				color: #333;
+				font-size: 28rpx;
+				>text{
+					color: #333;
+				}
+			}
+			.rl-code3{
+				color: #9A9A9D;
+				font-size: 28rpx;
+				>text{
+					color: #EA5061;
+				}
+			}
+			.rl-code4{
+				color: #9A9A9D;
+				font-size: 28rpx;
+				>text{
+					color: #9A9A9D;
+				}
+			}
+		}
+		.rb-section{
+			margin: 30rpx 0rpx 24rpx;
+			border-top: 2rpx solid #D8D8D8;
+			.rs-line{
+				margin-top: 26rpx;
+				@include centerFlex(space-between);
+				>view{
+					color: #333333;
+					&:first-child{
+						font-size: 28rpx;
+					}
+					&:nth-child(2){
+						font-size: 24rpx;
+					}
+				}
+			}
+		}
+		.rb-total{
+			@include centerFlex(flex-end);
+			>view{
+				color: #333333;
+				font-size: 28rpx;
+				>text{
+					color: #FF873D;
+					&:first-child{
+						font-size: 28rpx;
+					}
+					&:nth-child(2){
+						font-size: 36rpx;
+					}
+				}
+			}
+		}
+		
+	}
+}	
+</style>
diff --git a/src/subpackage/device/pages/order_details/reservation_details/reservation_details.vue b/src/subpackage/device/pages/order_details/reservation_details/reservation_details.vue
new file mode 100644
index 0000000..7d00750
--- /dev/null
+++ b/src/subpackage/device/pages/order_details/reservation_details/reservation_details.vue
@@ -0,0 +1,32 @@
+<template>
+	<view class="reservation-details">
+		<reservation-site v-if="false"></reservation-site>
+		<reservation-people v-if="true"></reservation-people>
+	</view>
+</template>
+
+<script>
+	import reservation_site from '../../../components/order/reservation_site/reservation_site.vue'
+	import reservation_people from '../../../components/order/reservation_people/reservation_people.vue'
+	export default {
+		components: {
+		    'reservation-site': reservation_site,
+			'reservation-people': reservation_people,
+		},
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" >
+@import '~style/public.scss';
+.reservation-details{
+	
+}
+</style>
diff --git a/src/subpackage/device/pages/order_details/timing_details/timing_details.vue b/src/subpackage/device/pages/order_details/timing_details/timing_details.vue
new file mode 100644
index 0000000..d78fcbf
--- /dev/null
+++ b/src/subpackage/device/pages/order_details/timing_details/timing_details.vue
@@ -0,0 +1,285 @@
+<template>
+	<view class="timing-details">
+		<view class="td-head">
+			<view class="th-store">
+				<image></image>
+				<view>欧轩智能场馆(羽毛球永泰店)</view>
+			</view>
+			<view class="th-line">
+				<view>订单编号：<text>2352534645764747</text></view>
+				<view><text :class="[true?'tl-active':'']">计费中</text></view>
+			</view>
+			<view class="th-line">
+				<view>创建时间：<text>2019-06-06  12:00:06</text></view>
+			</view>
+			<view class="th-line">
+				<view>用户昵称：<text>i术生</text></view>
+			</view>
+		</view>
+		<view class="td-box">
+			<view class="tb-title">计时信息</view>
+			<view class="tb-line">
+				<!-- 项目 场次有 人次没有 -->
+				<view v-if="false">项目：<text>羽毛球(1号馆)</text></view>
+				<view>进场时间：<text>2020-01-10 15:02:24</text></view>
+				<!-- 离场时间 已完成显示 -->
+				<view v-if="false">离场时间：<text>2020-01-10 17:20:24</text></view>
+				<view>时长合计：<text>1小时35分9秒</text></view>
+			</view>
+			<view class="tb-section" v-if="false">
+				<view class="ts-line">
+					<view>金额小计</view>
+					<view>¥6</view>
+				</view>
+				<view class="ts-line">
+					<view>积分抵扣</view>
+					<view>-¥0</view>
+				</view>
+				<view class="ts-line">
+					<view>折扣金额</view>
+					<view>-¥0</view>
+				</view>
+				<view class="ts-line">
+					<view>优惠券优惠</view>
+					<view>-¥1</view>
+				</view>
+				<view class="ts-total">
+					<view>合计支付：<text>￥</text><text>5</text></view>
+				</view>
+			</view>
+		</view>
+		<view class="td-box" v-if="false">
+			<view class="tb-title">支付信息</view>
+			<view class="tb-line">
+				<view>支付方式：<text>微信支付</text></view>
+				<view>支付时间：<text>2019年6月18日   10:30:40</text></view>
+				<view>微信交易号：<text>424736746998493847989434</text></view>
+			</view>
+		</view>
+		<view class="td-btn" @click="isShowEnd = !isShowEnd">结束计费</view>
+		
+		<!-- 弹框 结束计费 -->
+		<view class="ox-dark-mask" v-if="isShowEnd" @touchmove.stop.prevent="moveHandle">
+			<view class="odm-end-modal">
+				<view class="oem-close">
+					<image src="/static/images/icon/x_close.png" @click="isShowEnd = false"></image>
+				</view>
+				<view class="oem-tit">结束计费</view>
+				<view class="oem-line">操作人：张三</view>
+				<view class="oem-line">时长合计：<text class="ol-txt1">1小时25分9秒</text></view>
+				<view class="oem-line">金额合计：<text class="ol-txt2">¥100.2</text></view>
+				<view class="oem-tips">*<text>请输入金额</text></view>
+				<view class="oem-ipt"><input type="text" /></view>
+				<view class="oem-btn" hover-class="hover-active" @click="isShowEnd = !isShowEnd">确认</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				isShowEnd: false,
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" >
+@import '~style/public.scss';
+.timing-details{
+	margin-bottom: 24rpx;
+	.td-head{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx 10rpx 0px 0px;
+		.th-store{
+			padding-bottom: 26rpx;
+			margin-bottom: 18rpx;
+			border-bottom: 2rpx solid #D8D8D8;
+			display: flex;
+			justify-content: flex-start;
+			>image{
+				flex-shrink: 0;
+				width: 40rpx;
+				height: 40rpx;
+				background-color: skyblue;
+				
+			}
+			>view{
+				flex-grow: 1;
+				margin-left: 14rpx;
+				color: #333333;
+				font-size: 28rpx;
+			}
+		}
+		.th-line{
+			margin-top: 8rpx;
+			@include centerFlex(space-between);
+			>view{
+				line-height: 40rpx;
+				font-size: 28rpx;
+				&:first-child{
+					color: #9A9A9D;
+					>text{
+						color: #333333;
+					}
+				}
+				&:nth-child(2){
+					>text{
+						color: #9A9A9D;
+					}
+					.tl-active{
+						color: #009874;
+					}
+				}
+			}
+		}
+	}
+	.td-box{
+		margin: 24rpx 24rpx 0rpx;
+		padding: 30rpx;
+		background-color: #FFF;
+		border-radius: 10rpx;
+		.tb-title{
+			color: #9A9A9D;
+			font-size: 28rpx;
+			margin-bottom: 20rpx;
+		}
+		.tb-line{
+			>view{
+				line-height: 52rpx;
+				font-size: 28rpx;
+				color: #9A9A9D;
+				>text{
+					color: #333333;
+				}
+			}
+			
+		}
+		.tb-section{
+			margin-top: 30rpx;
+			border-top: 2rpx solid #D8D8D8;
+			.ts-line{
+				margin-top: 26rpx;
+				@include centerFlex(space-between);
+				>view{
+					color: #333333;
+					&:first-child{
+						font-size: 28rpx;
+					}
+					&:nth-child(2){
+						font-size: 24rpx;
+						margin-right: 8rpx;
+					}
+				}
+			}
+			.ts-total{
+				margin-top: 22rpx;
+				@include centerFlex(flex-end);
+				>view{
+					color: #333333;
+					font-size: 28rpx;
+					>text{
+						color: #FF873D;
+						&:first-child{
+							font-size: 28rpx;
+						}
+						&:nth-child(2){
+							font-size: 36rpx;
+							margin-right: 8rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+	.td-btn{
+		height: 112rpx;
+		margin: 80rpx 24rpx;
+		border-radius: 10rpx;
+		background-color: #009874;
+		color: #FFF;
+		font-size: 32rpx;
+		line-height: 112rpx;
+		text-align: center;
+	}
+	.odm-end-modal{
+		position: absolute;
+		left: 65rpx;
+		top: 12%;
+		background-color: #fff;
+		width: 620rpx;
+		padding: 30rpx 0rpx 80rpx;
+		border-radius: 10rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		.oem-close{
+			width: 100%;
+			@include centerFlex(flex-end);
+			>image{
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 30rpx;
+			}
+		}
+		.oem-tit {
+			color: #333;
+			font-size: 32rpx;
+			font-weight: 700;
+			margin: 16rpx 0rpx 34rpx;
+		}
+		.oem-line{
+			width: 456rpx;
+			color: #333;
+			font-size: 28rpx;
+			line-height: 48rpx;
+			.ol-txt1{
+				color: #009874;
+			}
+			.ol-txt2{
+				color: #FF873D;
+			}
+		}
+		.oem-tips{
+			width: 456rpx;
+			margin: 34rpx 0rpx 8rpx;
+			color: #EA5061;
+			font-size: 28rpx;
+			>text{
+				color: #333333;
+			}
+		}
+		.oem-ipt{
+			width: 456rpx;
+			border: 2rpx solid #D8D8D8;
+			border-radius: 10rpx;
+			& input {
+				flex-grow: 1;
+				height: 88rpx;
+				color: #333;
+				font-size: 28rpx;
+				padding: 0rpx 20rpx;
+			}
+		}
+		.oem-btn{
+			width: 240rpx;
+			height: 88rpx;
+			margin-top: 60rpx;
+			border-radius: 10rpx;
+			background-color: #009874;
+			color: #FFF;
+			font-size: 32rpx;
+			line-height: 88rpx;
+			text-align: center;
+		}
+	}
+}
+</style>
diff --git a/src/subpackage/device/pages/order_manage/order_manage.vue b/src/subpackage/device/pages/order_manage/order_manage.vue
index 930e672..a2ca0d7 100644
--- a/src/subpackage/device/pages/order_manage/order_manage.vue
+++ b/src/subpackage/device/pages/order_manage/order_manage.vue
@@ -1,11 +1,11 @@
 <template>
     <view class="order-manage">
-        <view class="om-section" v-for="k in 2" :key="k">
-            <view class="os-tit">订单管理</view>
+        <view class="om-section" v-for="(e, i) in tabList" :key="e.id">
+            <view class="os-tit">{{e.name}}</view>
             <view class="os-tabs">
-                <view class="ot-item" v-for="i in 9" :key="i">
-                    <image></image>
-                    <view>预约订单</view>
+                <view class="ot-item" v-for="(j, k) in e.itemList" :key="k" @click="toPageInfo(j)">
+                    <image mode="aspectFit" :src="'/subpackage/device/static/images/order/tab_'+ e.id + '_' + k + '.png'"></image>
+                    <view>{{j.name}}</view>
                 </view>
             </view>
         </view>
@@ -15,10 +15,105 @@
 
 <script>
 import store_name from '../../components/store_name/store_name';
+import util from '@/utils/util';
+const tabList = [
+	{
+		id: 0,
+		name: "订单管理",
+		itemList:[
+			{
+				id: 3,
+				name: "预约订单",
+				path: '/pages/order_list/order_list',
+			},
+			{
+				id: 1,
+				name: "计时订单",
+				path: '/pages/order_list/order_list',
+			},
+			{
+				id: 2,
+				name: "商城订单",
+				path: '',
+			},
+			{
+				id: 0,
+				name: "课程订单",
+				path: '',
+			},
+			{
+				id: 10,
+				name: "约玩订单",
+				path: '',
+			},
+			{
+				id: 4,
+				name: "储值卡订单",
+				path: '/pages/order_list/order_list',
+			},
+			{
+				id: 6,
+				name: "售货柜订单",
+				path: '',
+			},
+			{
+				id: 7,
+				name: "储物柜订单",
+				path: '',
+			},
+			{
+				id: 8,
+				name: "租售柜订单",
+				path: '',
+			},
+			{
+				id: 9,
+				name: "咖啡机订单",
+				path: '',
+			},
+			{
+				id: 5,
+				name: "积分兑换订单",
+				path: '/pages/order_list/order_list',
+			},
+			{
+				id: 11,
+				name: "浴室订单",
+				path: '',
+			}
+		],
+	},
+	{
+		id: 1,
+		name: "售后维权订单",
+		itemList:[
+			{
+				id: 0,
+				name: "售后维权",
+				path: '',
+			},
+		],
+	},
+];
 export default {
     components: {
         'store-name': store_name
-    }
+    },
+	data(){
+		return{
+			tabList,
+		}
+	},
+	methods:{
+		toPageInfo(tabInfo){
+			if(!tabInfo.path)return util.showNone('待开放中！');
+			if(this.isOrderTab(tabInfo.id))return util.routeTo(tabInfo.path + `?order_type=${tabInfo.id}`,'nT');
+			util.routeTo(tabInfo.path,'nT');
+		},
+		isOrderTab(ID){
+			return	ID == 3 || ID == 4 || ID == 5 || ID == 1
+		},
+	}
 }
 </script>
 
@@ -33,7 +128,7 @@ export default {
             margin-bottom: 54upx;
             padding: 0 40upx;
             font-size: 32upx;
-            font-weight: 500;
+            font-weight: 700;
             line-height: 44upx;
             color: #333;
         }
@@ -50,7 +145,6 @@ export default {
                     display: block;
                     width: 60upx;
                     height: 60upx;
-                    background-color: skyblue;
                 }
                 >view{
                     padding: 0 20upx;
diff --git a/src/subpackage/device/static/images/order/tab_0_0.png b/src/subpackage/device/static/images/order/tab_0_0.png
new file mode 100644
index 0000000000000000000000000000000000000000..688670e1c3682ad7d41681d388bcdf7f7a85edc3
GIT binary patch
literal 878
zcmV-!1CjiRP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk0009uNkl<ZXhZFq
z&ubGw6vyA&4NDOl^psrcRiuJ9$<-e{=&fEog-CWMR8%TNJ>}-9Sfa@!(bE4wFQNzS
zU639`EA(nF%}Gr~LLhlEkd!5LJ2UAf>2`LG$=f&YGv7D+W@iS$u!e^5LJWM;6^|8;
z6+U4j5T~?E&_<&%-|O}60KftfodbYb*)t*kzlVrF0N{gVS+DZ>{FaV?Wra(nl9NiM
zRsetjfUVQX7;U=%z?;qHa;a46sPv-*EMU{=^gANDrs8zcHi)>fySsZ+1zHK1bN(Cv
zmL?6N+20Gs*j?E(QeZJ>yWQ@Wp)}qGfX9yGe9Yx?d$LZ#{C{n2ZMM_tTnB)s0C3*t
zyKCF_CE1*o0@rG_XGC=0=XiT&W+s!(W`BhVqU&pYef><k-Tvf<M#NRm^Bx@LO9l8F
z5zYIY++vKq(G74M_MG!Y0C+v{jfh*G=UqG!Fz3AGFFlUqBqyE5K>+>q7V!<*9%C$d
zRABNuV2nw#VjOA)`Q)5y#U~A3*Wn~#MPIt{#lXV~>5iZ=3RkPu8;Dp3fVq&NcZkR>
z6bkSE=T}#d&{CRnE*A7*!wwjC7-Ql?<v@#pB~>Ieg^f$;kms$kyQ!tLa)cop#=w)B
z!yyZ&>~3lbkMPnuw7#kmPYrm)IviMEjRoeMKLUW;i1-;1mt5EV>mQ7%DLjsp9^Oks
z#3!ETiLIUeHZ@??6jZef*f?Baj6FPYzyYvL%d#%Jt}E8;(NMTjsmxiHbq@f3w_2^$
zVzGE&$1?~P5wCil_x-4!uc57_RZ^96E&{&Lx7{S7g+ih5bMUM#ta$F&&f!X>a@w}-
z77_Uec^`Td*kcXc4^C{Uimg?D6VRK8m>>GR8I;D6nZxyZ{S*<sC88^mDWC*<>=hOP
zDnKj4Mgmv@tpyty-~n{6*V_PqOh3K<*tVUK9fn1!EDZ-+E|-&uL}J;pth0#t(skXh
zD&;LQFD+dd75j12VY3d?YPFhK$EC&{h#Pn1p<nCFxzr+njk~rqfHvl0n!g?zbM;VV
z5fB9%>5fMfAar7kfptbJing)BQB+MQ=2&5!(Tbw&KV^7nTNcv?ZvX%Q07*qoM6N<$
Ef)Br;@Bjb+

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_1.png b/src/subpackage/device/static/images/order/tab_0_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f9b23e82bd4ec27d6c6b61f41852dbde9baed36
GIT binary patch
literal 1386
zcmV-w1(o`VP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk000FsNkl<ZXhZFq
zPiP)R6u{q`h15T(B1v<z2McM7f?7O?)_U<zgP_ntwDlqczL{Brc*&un9#rfh7m>I#
z`$52qZ4I<wLA2J3TE&B?1*NrM5A7{&5Zg~<13OP9?#gEQzHk4{*EadG*WG#he)Ha&
zdGF02^x1=b#tZAfYu)1O7GAgT8k>Q2m#%BjAPB|~F$93SJIO-)Z=Q*$+wU$C5%+!n
zv${H^$2+&MQtCn;Y#KNZT1vTjRRc4|R_Jex>1ySh9yrgXO8~D9m(Fv)Fbr1&F6Z2N
zSas9ky8g^6vZjH<Fucte^B565j)?aHz$jyE6abPyHpZB90C0|oenrHu7-QdX&i~Hy
zl&bH0VqvZIZez?#i1;i3+?rJ`XIok%qT`IQ4}}n)R|V_1CAt)-wcbNSZvw#mj^v(3
z#J7YH#~jIXQyzw4xWyQw0N_biie==SWQ<A9`R{e**LG>8)C+bk0)RU@D03bFP7u*4
zL_8Bk(S?zbk*oIG`T6;cp66{QqV0&d69AqDfO|T~xdH%ON_nIXbS+@5_1i@BdK(2I
zM4V%c%`_T~@5(6HY&IV;#!M2?H~@HU;{P2X#2aN~I!P_H)*ld&-{!~G{a)dmpRKA?
zynSsm#=PGyOb{^;LcCl>ekBWcu<RmZ>{ZTrvx*{}#)M(mFvh%>UF{LElBG)n$1!_2
zqu@LuJ|l$qArH3MY>p9;jd?&s-e@#(t0ArRLqzl`0E}eh?<*VArGVqr_{YowH9s&g
zuxnys;<r55*j3Zj)J4vDp=xM$c6RI1($d!%=qrq|9c5PUQou^7FETN;h={w2ST>oA
zI;mxBX$zfBW=={epDHrh%U)IV!#Jrpn*N?K#>>WR9pKnQY)mhQMDifw-lEA#VPK`y
z&zTIW)XciDa3Z6Pr=6BkK2XGXg@A2tOhoC$C1Q--S7qy|YvI(E^-Fr6M#QlqxpyJp
zAP9~i;`1pNIxK|PUt~tJ-?#v_GPTx+h-hCTpNKy8ecxt%U7uXw>FMd)2L}f)r56g%
z^BygmLAi8kE6ZkNQ51cfqFZdWTAQY(rvB<ioC~a!viWVgOgk^7+>$qwo!+~$u$8Zr
zvc*I?_ueg~JW&fc2!eMJ@jyz5l2W!yDGSYkW8eS)WXi1%`o8~KEnub8Cjejz`Q?X*
zUi5wcP$9a^N6lt)G>W1X35w@=TN{mr?Ru1cf*{zBh##c}9+y%+R~PsU0BlPM*&(I;
zsjPM}?Dqh0S7z)Vp65MW1zIWfAOP6RFL};NDYw@G)>>a8qTxhH6h*_6lamW&fwk60
ziD*x|afo<K2(h=U%$b>)A<y$JC*u(DvJhfZEnub8KLD^H5i&G1v|)UFe5tH*N~u4)
zGzqRqDeo*Rb8c>KU}0h5T58-iDdjEez^NI?-In^%rTc5qa=k4XV-6D06V}TR@k_?o
zfhsGs9p95}$#vpUc46xFy;7<tiHFnF(lN06)Y5hF;0m~1@xT}x&O4XNU8Un#aaJC>
z0`6IPXcctX0B`{uhN10Q_pSk8m2}nOaRJ=(7Ef$tdoozNiB}gmZp`<-i5FYBcAK^i
z@O5p|T18zn;;RDRkVbrLW!osLeAH3}_=X*|B+B;HVOk2he~wFYENx$}y#w(Cy05N0
zB+z|zsU^MY_RY1W>{gR^F)e3nT0IxjvLJD3xifwB5D|xoXk*;*xJpE}&HDe<!&a+x
sD(`%#%3hv~DO4WT`N7RLw(o%d1?7D;YHjlhj{pDw07*qoM6N<$g6K@5(f|Me

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_10.png b/src/subpackage/device/static/images/order/tab_0_10.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8f3b0a8dbcf76ce1f64fa4a45398594188c10e1
GIT binary patch
literal 1790
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_11.png b/src/subpackage/device/static/images/order/tab_0_11.png
new file mode 100644
index 0000000000000000000000000000000000000000..60ac70191122a8a7829df8e1d3ee7f5339418804
GIT binary patch
literal 1484
zcmV;-1vC1IP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk000G(Nkl<ZXhZFq
ze~1-T6vxk*dB{dTD6AFwMUYs5LX<_nqo_db7wJD@5gWU2?wN;ME?7{cYd?faM67r3
z%u{-y2>nq+_CqKzN~H{msGy93Nb`@xf^69*yE7+l%q-($_wAi|GjG9t^Y6Ro$LF3q
z-+S(zhcL??oMpVw1wPX&-th`cDVHFkuP2t79oKdDbaIkA4y=^=9RMziAde8y<!3rD
zCjp75qm$mzU>Z~@)dlV@=>lgU_a&{Ax}TYc5OFa8oSQNClgxYw5jPXjhZ%iLYL+Xo
zQtD*@cs9=j0bnB$J(riy+<<ju0pNqY5^M7FKwg#34OmLK7ZL9&0+^XUb6xlDJbdQ{
ztd#nv>7Biehz?{)QYm#S0PIiLo+P64viNGY=>j*;NKUGoM{!#DFjn=J6)s41i-vEh
z>Qe$2thz-*PpRrt0vD;eMboxY^;Q+mO?8U~Orz>u;J6yIaY+~1Di*!U(~DMgSTEu*
zP&90|Z7I%bRy7_)mtrRT=hjQ7Nq%^E*y`==y~4KbBaY*YrLk>yY-V83^OiERr>~b0
zk%SN*n<TSi$Bwf{Mn*mdfa?L^w^FHe`@q1!Q4?D|CW@;701;7`#*O`F1xBUR5dgR(
za%6nJETw!D5qBm4HxSXVDR9%h_8&x~@3>F932o&o6R_|5SBGKvW5V%qBI-3s+Vi~C
z%)B)*b}JD*X<{4g9Df49Me%scvaWF)=O<J9Ou(M!^)d6Ci6DE3XsJoi9Dwz!vt(k4
zB0eF6sGG#rV=@6NrD^~$5C>uA^{(r_U=p-lU@7G~MBI>wwT+0%Cb8QA)}nJqVwUd{
zLVRixR4L_X?Mc{f5<;vsv5iFQUS|FzG5!l8y3^D?YlU9{fTyD%$9j5tuI%gUYnTMB
zR;%+Z%lZxg&Wgn59wORnVynm0>-C;Sqwy;MTpZcFN<`0?+Ghf;R;%aOwyp1<OQlk&
z*5BX%i)p|}corh!vLFZ!R4SF^Wu1|m?c2A{A0Hpr%XmBpf{m3*<zFMiEbp-Ad5f8O
z4<gPD!*G}Dx{sL#i^iend7GJeIRNY%9Ubi-8X6i+=>w#cJ1xsv#mpxVafuM(kcp4f
z6;?{U4*(A)oG&7xA54PjF~09F3&U{Y^9eJrab0(dseQac0O0$C&2A!k$izolVBK(>
z0Duc(=eBKMRW6r*HVGDqPFwr1_ED?V76d_XI3aw02_Y^tX+Tl|PttJwO+<4|0>#O-
zyDi19Mf1d)HXx~hYqi?)APC+`RMWWO$Qf9FSU;@+v2A-rxm<pCx|Nm+SShs-0KNqP
zTRXNaOE`}6{~uILA1UR-i1=P&Ij$8#Y%;Zv$N9eRgkc!(=K%m*YoaBofFr@sS3j!&
z;A<k%Vq@I6YkPe(oHuXYHUL<Ti2H&dSea&9Nlc8^lcxaSMgZ7l`gJiCu<!e8!!Yav
zfN#Pu6d4muTg)lP>wdtpEM4X6EX%4pj`P}d&W(Ykls6&bmkEc%M3n4lr;9c5yXSc;
znE4Sz+%JTX#)eG;ecxXnhT+7~l9_LIUH7Y2{)~Z@QqKdx!~p>jUl&3QrcJh5t=?c+
z*1<&6vyzD3PU|Py;<hsL>V)k&B6=||;I@usaS~F>3L?Id5Unjjh&363Qy){)RJg5!
zci!8Q_Lt=%A`S4wUj~`^nCrTird8-@8MfVNC6!uAc@z=jlhd?UO~$}d%4LYC1qPX!
zT-W_5%QBQwK8}cQC6@F{LI|x7nVu*weW}OH>`s@LF>t1ACNZkl>*t?3b?P89FJR{5
zbLPysCGGLDom@H&tdrG;__49EMU6(|@ZjK}{w&+EXGVZKMmI^IF7QmwekWpgE8K}$
mp2-;93eV*1cOv$ztMGr6?37zg4VY5^0000<MNUMnLSTaJ9mu8t

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_2.png b/src/subpackage/device/static/images/order/tab_0_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..44f15659c1c650196e896d48777fb199c4723d0a
GIT binary patch
literal 1833
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
XCqxWtX_Mna00000NkvXXu0mjf0#<UJ

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_3.png b/src/subpackage/device/static/images/order/tab_0_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f2bad0c53a1e40ec1d21fefc2f69f80a2c6c862
GIT binary patch
literal 1423
zcmV;A1#tR_P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk000G6Nkl<ZXhZFq
zTWB0*6vzMP+u1aM;w81Yc&io^>*Yo9MNtYut56>b3dILeNOosdvm!QVZPTU~Q7C9#
z(w&*awt{#e^+8Zj@j(i$Vtw#}XrJthmjq?em@Q2*`yKhhZW-5^$;@_VHk$n)FT3A&
z&iS2l=A83QmaxJWtuS7+f&cFjZ%4Qt;s2Qj+9@4pKnsP!C7Pz?iD*FSVdmEy$0_9V
z`I$KNx@9L4VHfDr0J`hoO3eI9QsA)yF9BK~)I`8z0gecoD0owWLxL_wQc)6-SBlph
z5KF|H0vrX@{j4^6?qUkuMFBU<;AY7Q<A{cU<1#QVxed3aBn(o<#i=J$gyS?IC=KJ#
z8webS!Z6QS{hnsp;R)PK1&sjuooR+${{prw>p^CI-D3odwLeC2OjvLtdQ8{#_XCTT
zX_~(P==U%nmO&s2XalMKt6>;dwt?LqSaB&GcOQ&7g_ZcgN3Y$Mydn^`DmMEfABWyh
zlUB_MaTt)agChaQ4W5KU8v<6~larGjQ&Ur&)t7P?b&-z>Iy5x&*ZBCjmd$1tq87o(
zz~kfNH&!Z@4*^^Y;9VlxJwHD`-3WM8P{(l=y1Ke@0Jf`1kcf8Zy8dz$=*Ym9Wlb{k
z!!9Mt%SSspI`);z<=L>{QC{(sN~QBXJw1a&^gICf<Rljs7W(q}{BL2QBLkbJ`6+;n
z9tzF@7-Qy_9LK4I0Qa-;LLV)aO6Piedmm-y-9)s`>wpkqLpGZ|(+c24oy`0PfP>|7
z`PEgcR;40<yFq9B`}?;^DMta^5Cqe5V3%=IM6{oXCg$emx&pxeF&UYrxfQ@Z0JnyT
zS}TBU09ycD<zwKF0CrDLPru#W-M!lHUoFLA@d4!^0C)JvIS;@lqOHuV3g+TU95|Iq
zZJeE*J>A*a`6LlN3t)|p!QTSdX&A-_?(a?0RQ2EhfV+LpEfz&h(+&&{4*q1C=Jx<L
zv=lg#$(&FI*tUJClyVrrQvg=`0Gwjx9RL=HNP*txv#&x#Z%Qfm=5jfeC5vlW0oRP0
zn3(8w9A_7R41f+VAR=OB_UaN+^>-n}9<S=VEP-9%*E^207r-L`Qb9#XIRJo4_Yqy!
zzwz6<tbuDr+qQjMrBZo82(iT{s-FlUMzY!L7fV&<{{(Oi;_%_acL^b01aNP)XP?wG
zZC9-ZECsu4pW&qpw=C;swMW-=RdFM&mPeR~4oN9b2qDhS&(EL9=ks%s2$tAfEEd-b
zA#PWFo|*fqh48|!2omqZb@t9N^Va}ACZgkpVSE=AespxSv#+mjbM=C<3BcMQ8A$+t
z1YmPWkk3=8)WJ+9^PU>BgU%ERg|+E)`UwE)?~0J};W*Cvp`oF(VfRPAEm@YOGqV|1
zL3Q70A;dG;Z1!aRIor0=QcCp#VI*K!@l*GeVHj!@4RogaaAaV0*tYFWQp!7(fkbo}
zGp}Rjn}iV8`LvzIqD(|biAaI}sXnL{FLl4ZCBT7d@0UdMgOqYAl}eqHQg*0Ynd3O`
zME%KAL%;z;K@Sn#&&=DZX)iqX{!B!VGxOyDj`&2i1mFz-$8}x*tU8oLOe*i~O$BzV
zP|;)NJpk0(k$OF9d{nF6A-@YD_Rq}B92p)SE;og+PDpIPH9e+js#}n?)cux-j%k{<
zePCcfMK`t;JFv1`z2PjCN+Znt900A3Mzt~{m&+ZCjnXAJ5#XA>VzGD+5xoWA>gs1|
zNO`FKjvOa=qQDAdY;0^zI-TArrMw2fA;U0E#R*t1J8|G7;k<OUfm<Dcxb?Rq9JhyC
dEq}#D_;1^~{AxSkPC@_x002ovPDHLkV1l}bq*wp|

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_4.png b/src/subpackage/device/static/images/order/tab_0_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8c568afc16cac5b1bfeaf43f909eee90ddcaef3
GIT binary patch
literal 2743
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_5.png b/src/subpackage/device/static/images/order/tab_0_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..752c5a37c6ccb21da7cf719bf70a1578c93e47dd
GIT binary patch
literal 856
zcmV-e1E>6nP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk0009YNkl<ZXhZFp
z%WD%+6vn@khD3Z+MYJoobs=gM7hSk;p`Z%|Uj-j1rjX7}DT=spH#=7%gmms?l;j`K
zO2LJQg3GQ1(T$=AE+k+<>@KyLBLk^S1DVNmW|C>=W|`b`=KG!RoO>@BLdrgrGF~X)
z&F;8zSUJ4ODzIT%TG#cguInpd>z`=gTCKLX*=*hhP#~gFX8uM*_ccwMUoUtffu)ou
z0Zak703h#%W9F4iCUZ{Hv{&naP7H9RQrVNuW^XZb5x@Z-n2$n;!y6K~TCJX7<|$^r
z3}8#I5JWVlY1)Tg*RQS{h{N@Ieb@5x@=eE0W<Ka6`ZF_IM05tgY1i62LWpvrfephL
zCn9GyCje~q5ZeUs0zg#=@y=Oi7{*;9db}FL%yXqu=~Ci=%jNQLE|<H}p3NgZ0>1)y
zlF#Ssg+k$%d##l6D1i5_?-qp+`v7nd=-67?G|l7f*}O_b+dM@51u)Od)l#YSwi|%1
z>zR>}kwpNzUAYbkAwCTZcy@MnI}u%Lx9u@6Aw=}uw(Y0PT$`SrZuBBrO6i=x=Ur=O
zgb<ZpVk6zOEXx|RZQI#tuLIcOAz+1wUOKbcXf$5yx^4#%YntXgW`5*~c_xIo5+sLb
zOIwyTYTNchW<CXAI7s3?u3aLcH<?W4L9tl;;`iLHzz%Gy)mrG78NYmk{QdXP(9pOa
zbXQ>0G@mo`#X%ATeKrxzX`1GFRCNWGQvOMB8+WV4k`Q92=VsaMM=9l+^Gyg5+YuJj
z$&T|mkWMd$10@P0I!tU(V-)aewS!hJj7wo+gX-+r;V`258SA&#DBx}_-A|XoJWDy;
zQN5m9+OKk9TnQ5!+oq*}!`KpGta8}r3an;W-L%>j=-jjn!#GPsRRH@vMzRH9A(zWd
zOioVzjBs@Sr|R1bODTW&z`FS=LWmg!96<&8=5Xp-Is$VdNzpflBT*Yc5(TU-9&6i3
z-L%qt(@NJL@u_>&lDd~^&Mc?ub!h~5f<&fB<O{MmE2V(rtZou=D~FTdLYx|u!*NzO
i3AvTSNpK-f4gUa?(ydHI(U<1{0000<MNUMnLSTYlkdaRS

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_6.png b/src/subpackage/device/static/images/order/tab_0_6.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5164f70dd21579e79e4143cf18cc009f876bb81
GIT binary patch
literal 1577
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
bWvB4}ofboC(j#^600000NkvXXu0mjfpaJAg

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_7.png b/src/subpackage/device/static/images/order/tab_0_7.png
new file mode 100644
index 0000000000000000000000000000000000000000..36f1ae3915ce11aa38839b38adb411c8fe28ee6f
GIT binary patch
literal 709
zcmV;$0y_PPP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk0007vNkl<ZXhZFq
zJF62x6vzK3fhEno*d>*%#T9HUENpx=qJ@5g5D7a$!AGSw+o+WfP%=v}<QsSk#l}}-
zVPPY9i`!ZyotP#BHb)jVFgLiF9XAQPnb~$`&Ya);&&-~A5G?!1GF~{~ZCBhW>=fRz
z5pW@`6SUXs?agMh8vrgb^Kk$>x;85=9~03p03Rxq%IkK!ePCigv%*0Tc=dYyDF6YW
zYSPIX>qY?NXf(PP1i>^*Kbe4I*hZuAo|!LXF}mqGMD%Gm9A3@>oe5Y<`4Yg*O@kQr
z_euzHOV>sV9M9P(iheAF@gacwp67jRwOV6cC#x*)_xn53>GUFiCjd?;wxepbdP+B^
zwZLH*K4<3Jis8drt#+o_Z2n#)h^ei?U~p_QnS4{BiRgvz`*)Vv$^!h8nfDYU*M$)K
zrVg&7zLfGBfH!m7M0DW${>faxQp!K-ugCMe-A#va8bA`>v48V#EQHw23(TqkA%r$6
z)}dyaO(~_3e_H2F4Q>)P?#t9a2fV0|=?FT7*E|BIf)p~OrIc5g`7RNij>n6czZ20j
zA;i195m-22Ddi&o4^jf-u@K^+T2^X>V`Txn)y#scs?wzf?smJMiRj!iU}pZ(>2%J|
z>y#RJF{=Y`HUayZmQ9r%_@7zRGAIYENqq~oN~fvi6joGpA?-r?=ughg;k>zOp1p!w
zw37MgR_QHTrH>pKZhdNL<L1Gx?O}2XY0m+Gvd6XOh{yClUg})h6xJQY$Ila1uz9fS
zGA#^4yRJ*EyAZeT$wRUd+ViL-2Da|m(j3~FhiPg;V9nFR|H*=i*hYJZS45}t_~d}|
rj9wYqI)%%iQXU_j!g)ro3~m1cV+lrE$W-SS00000NkvXXu0mjfcn49r

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_8.png b/src/subpackage/device/static/images/order/tab_0_8.png
new file mode 100644
index 0000000000000000000000000000000000000000..768ba95e75edf43ac6f32820875eafcb15cbfd48
GIT binary patch
literal 2319
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_0_9.png b/src/subpackage/device/static/images/order/tab_0_9.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8a15a07711f340d0bea2a03ee4ad4374ac78f61
GIT binary patch
literal 1651
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/order/tab_1_0.png b/src/subpackage/device/static/images/order/tab_1_0.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad8274c6a1f8f30b0aaef788f86aa3b2eb6fc72d
GIT binary patch
literal 2296
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
S^IFUR0000<MNUMnLSTXmfm@aU

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/scan_code.png b/src/subpackage/device/static/images/scan_code.png
new file mode 100644
index 0000000000000000000000000000000000000000..06424ed7dcc8dde36979f0f56039e9dfcb6237a2
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0005-Nkl<ZXhZE;
zF-yZh7=5Sy0VgfuBDkpFsGGBkWAG0Y^DP|;I!bm|$)y!U9P>w<Mf(S=V#UF+NR6Ld
zNI@$kcea<Na#>o^mv`TL@8eRw6JZ$c3n5wnR*`?b0yrU}s{-6uKeyZMy(CF40jw1e
zb(#4{NGTsQiXU>l_xt_DX0zEJtIC{*qbRy(=1ooht`fkSU<I=-KuUQBU`w|q69H9g
zp;Y590YoHp)lUOA+A&T**(taL%65Eoy?>d&Gl1nxX^)6%({?#;eJN!Rz*2^JQM-@_
z;3B(GC!)CG0uH~|o9_8>9M7vy&-0Qh7eA~m2!aLmJqUu2O24#p%ya^DT(XIA3D|U3
zhubBf<C0B`OTebPI^4owDxt$yCgx95i82e+Su34Nn2c3)NXx`@XTOEYw9Cd?ZX31X
zstKn{z{D*ZSeJkeS4}uw0w!+Rz|MXGQ50=6^O<r-2yyKD{;dtCCdC<s;eik$9mFwn
zUHzHs0NBU`bbQ~}KHiyBQ6@Z6%0~bz*)vZ{z^5`lyTL>>XF^yu_Fqn?f1FafGcwCP
z<yy$H!G-jN3FI)m0XQY1^TJie0JK`I9cI1;u+GedFItn6dR1037z}ESMnj$2Te+l^
rHvo2Z$xWvcRTE$|m8e<^rGu?643G%RUg9ms00000NkvXXu0mjf)P?Zr

literal 0
HcmV?d00001