first

pagesCreateOrder/order-detail/components/order.vue

@@ -0,0 +1,63 @@
+<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>1</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>2024-08-31 15:54:40</view>
+		</view>
+		<view class="u-flex u-row-between u-m-t-20">
+			<view>订单编号</view>
+			<view>2024083115544056362</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>
+	const props = defineProps({
+		data: {
+			type: Object,
+			default: () => {}
+		},
+		table:{
+			type: Object,
+			default: () => {}
+		}
+	})
+	
+	const statusMap={
+		unpaid:'未支付'
+	}
+	function returnStatus(status){
+		return statusMap[status]||''
+	}
+</script>
+
+<style lang="scss" scoped>
+</style>