ihotel-h5/pages/submit_order/submit_order.vue

<template>
	<view class="content">
		<!-- 支付剩余时间 -->
		<view class="break_time">交易剩余时间15:00</view>
		<view class="break_money">¥280.00</view>
		<!-- 住房信息 -->
		<view class="zhufang">住房信息</view>
		<view class="two_all">
			<view class="select-time">
				<view class="select-time-one">
				  <text class="select-list-time">{{startTime}}
					<text class="select-list">{{startWeek}}</text>
				  </text>
				</view>
				<view class="select-center">
					<view class="select-line1"></view>
					<view class="select-circle">{{ruzhu_num}}晚</view>
					<view class="select-line2"></view>
				</view>
				<view class="select-time-one">
				  <text class="select-list-time">{{endTime}}
					<text class="select-list">{{endWeek}}</text>
				  </text>
				</view>
			</view>
			<!-- 房型信息 -->
			<view class="select_name">大床房</view>
			<view class="select_type">包吃住型</view>
			<view class="select_detail">
				16-20㎡
				<text style="margin-left: 20px;">双人床</text>
				<text style="margin-left: 20px;">窗户位于走廊/窗户较小</text>
			</view>
		</view>
		<!-- 支付方式 -->
		<view class="pay-way">支付方式</view>
		<view class="pay-list">
			<view class="iconweixin"></view>
			<view class="item">微信支付</view>
			<label class="radio">
				<radio value="" color="rgba(0, 97, 255, 1)" :checked="pay_way == '微信支付'" :disabled="money <= 0" />
				</radio>
			</label>
		</view>
		<!-- 确认支付 -->
		<view class="quwer">确认支付</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderId:'',//订单id
				startTime:'7月6日',//到店日期
				endTime:'7月7日',//离店日期
				startWeek:'今天',// 默认入店日
				endWeek:'明天',// 默认离店
				ruzhu_num:1,//入住夜晚
				pay_way: '微信支付',
			}
		},
		onLoad(option) {
			this.orderId=option.orderId
		},
		methods: {
		}
	}
</script>

<style>
	@import url("./css/submit_order.css");
</style>