Files
YGChatCS/pages/order/components/OrderStatusInfo/index.vue
2025-07-31 21:15:24 +08:00

37 lines
932 B
Vue

<template>
<view class="order-status">
<view class="status-header">
<uni-icons
class="status-icon"
fontFamily="ZhiNian"
type="iconshizhong"
size="30"
></uni-icons>
<text class="status-text">已取消</text>
</view>
<view class="status-description"> 您已取消待支付的订单 </view>
</view>
</template>
<script setup>
import { defineProps } from "vue";
const props = defineProps({
orderData: {
type: Object,
required: true,
default: () => ({
orderId: "",
paySerialNumber: "",
payWay: "", // 支付方式 0-微信 1-支付宝 2-云闪付
payAmt: "",
orderStatus: "0", // 订单状态 0-待支付 1-待确认 2-待使用 3-已取消 4-退款中 5-已关闭 6-已完成
orderType: "0", // 0-酒店订单, 1-门票订单, 2-餐饮
}),
},
});
</script>
<style scoped>
@import "./styles/index.scss";
</style>