50 lines
1.5 KiB
Vue
50 lines
1.5 KiB
Vue
<template>
|
||
<view class="goods-info mb12">
|
||
<view class="hotel-header">
|
||
<image class="hotel-icon" src="./images/icon_house.png"></image>
|
||
<text class="hotel-name">{{ orderData.commodityName }}</text>
|
||
</view>
|
||
<view class="goods-detail">
|
||
<image class="goods-image" :src="orderData.commodityCoverPhoto"></image>
|
||
<view class="goods-description">
|
||
<text class="goods-title">{{ orderData.commodityName }}</text>
|
||
<text class="goods-date">预定时间：{{ orderData.checkInData }}</text>
|
||
</view>
|
||
</view>
|
||
<view class="included-services">
|
||
<text class="services-title">包含服务</text>
|
||
<view class="service-item">
|
||
<text class="service-name">· 精致下午茶</text>
|
||
<text class="service-quantity">1份</text>
|
||
</view>
|
||
<view class="service-item">
|
||
<text class="service-name">· 接机或接站</text>
|
||
<text class="service-quantity">1份</text>
|
||
</view>
|
||
</view>
|
||
</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 lang="scss">
|
||
@import "./styles/index.scss";
|
||
</style>
|