订单管理页面

pagesOrder/detail/components/order.vue

@@ -0,0 +1,66 @@
+<template>
+	<view class="default-box-padding bg-fff border-r-12 u-m-t-20">
+		<view class="u-flex u-row-between">
+			<view>订单状态</view>
+			<view>{{returnStatus(data.status)}}</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>订单类型</view>
+			<view>堂食</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>桌位号</view>
+			<view>{{table.name}}</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>就餐人数</view>
+			<view>{{seatFee.totalNumber}}</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>支付方式</view>
+			<view></view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>预约时间</view>
+			<view></view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>下单时间</view>
+			<view ><up-text v-if="data.createdAt" mode="date" :text="data.createdAt"></up-text></view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>订单编号</view>
+			<view>{{data.orderNo}}</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>商家备注</view>
+			<my-button plain shape="circle" :width="160" :height="60">编辑</my-button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import orderEnum from '@/commons/orderEnum.js'
+	const props = defineProps({
+		data: {
+			type: Object,
+			default: () => {}
+		},
+		table:{
+			type: Object,
+			default: () => {}
+		},
+		seatFee:{
+			type: Object,
+			default: () => {totalNumber:0}
+		}
+	})
+	
+	function returnStatus(status){
+		const item=orderEnum.status.find(v=>v.key==status)
+		return item?item.label:''
+	}
+</script>
+
+<style lang="scss" scoped>
+</style>