<template>
	<view class="default-box-padding bg-fff border-r-12 u-m-t-24">
		<view class="u-flex u-row-between">
			<view>订单状态</view>
			<view>{{$dict.getDiceName(data.status,'orderStatus')}}</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24">
			<view>订单类型</view>
			<view>{{$dict.getDiceName(data.dineMode,'dineMode')}}</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24">
			<view>桌位号</view>
			<view>{{table.name||data.tableName}}</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24" v-if="seatFee.number">
			<view>就餐人数</view>
			<view>{{seatFee.number||''}}</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24">
			<view>支付方式</view>
			<view>{{$dict.getDiceName(data.payType,'payType')||''}}</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24">
			<view>下单时间</view>
			<view><up-text v-if="data.createTime" mode="date" format="yyyy-mm-dd hh:MM:ss" :text="data.createTime"></up-text></view>
		</view>
		<view class="u-flex u-row-between u-m-t-24">
			<view>订单编号</view>
			<view class="u-flex">
				<view>{{data.orderNo}}</view>
				<view v-if="data.orderNo" class="u-m-l-6">
					<up-copy :content="data.orderNo" >
						<up-icon name="/static/copy.svg" :size="16"></up-icon>
					</up-copy>
				</view>
			</view>
		</view>
		<view class="u-flex u-row-between u-m-t-24 u-col-top">
			<view class="no-wrap">商家备注</view>
			<view class="u-p-l-32 " style="max-width: 522rpx;    word-wrap: break-word;">
				{{data.remark}}
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';

	const props = defineProps({
		data: {
			type: Object,
			default: () => {}
		},
		table: {
			type: Object,
			default: () => {}
		},
		seatFee: {
			type: Object,
			default: () => {
				totalNumber: 0
			}
		}
	})
	
</script>

<style lang="scss" scoped>
</style>