63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
<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> |