81 lines
2.3 KiB
Vue
81 lines
2.3 KiB
Vue
<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 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; color: red">
|
||
<template v-if="JSON.parse(data.printStatus).length > 0">
|
||
打印失败（{{
|
||
JSON.parse(data.printStatus)
|
||
.map((item) => item.name)
|
||
.join('、')
|
||
}}）
|
||
</template>
|
||
</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>
|