45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<view class="order-info">
|
|
<view class="order-item">
|
|
<text class="label">订单号</text>
|
|
<text class="value">{{ orderData.orderId }}</text>
|
|
</view>
|
|
<view class="order-item">
|
|
<text class="label">流水号</text>
|
|
<text class="value">{{ orderData.paySerialNumber }}</text>
|
|
</view>
|
|
<view class="order-item">
|
|
<text class="label">支付方式</text>
|
|
<text class="value">{{ orderData.payWay }}</text>
|
|
</view>
|
|
<view class="order-item amount">
|
|
<text class="label">实际支付金额</text>
|
|
<text class="value">¥{{ orderData.payAmt }}</text>
|
|
</view>
|
|
<button class="reserve-button">再次预定</button>
|
|
<text class="feedback">投诉反馈</text>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { defineProps } from "vue";
|
|
|
|
defineProps({
|
|
orderData: {
|
|
type: Object,
|
|
required: true,
|
|
default: () => ({
|
|
id: "",
|
|
createTime: "",
|
|
contactName: "",
|
|
contactPhone: "",
|
|
orderStatus: "0", // pending-待处理, completed-已完成, cancelled-已取消
|
|
orderType: undefined, // 0-酒店订单, 1-门票订单, 2-其他订单, undefined-工单
|
|
}),
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "./styles/index.scss";
|
|
</style> |