<template>
	<view class="page">
		<view class="content">
			<view class="list-info" v-for="i in 5" :key="i">
				<view class="img">
					 <image :src="$imgUrl('/img/2.jpg')"></image>
				</view>
				<view class="info-items">
					<view class="info-item">
						<view class="title">物业费</view>
						<view class="right"><text class="price"><u-icon name="rmb" style="font-size: 24rpx;" />500.00</text></view>
					</view>
					<view class="info-item" style="color: #808080;">
						<view class="left">周期：2022.02.22 - 2022.02.22</view>
						<view class="right">费率：100%</view>
					</view>
				</view>
			</view>
		</view>
		<view class="content" style="padding: 8rpx 34rpx;">
			<view class="form-item">
				<view class="left">订单状态</view>
				<view class="right">支付成功</view>
			</view>
			<view class="form-item">
				<view class="left">实缴费用</view>
				<view class="right">￥500.00</view>
			</view>
			<view class="form-item">
				<view class="left">商户全称</view>
				<view class="right">大兴鸡排</view>
			</view>
			<view class="form-item">
				<view class="left">门店号</view>
				<view class="right">A2121</view>
			</view>
			<view class="form-item">
				<view class="left">(户主)付款人</view>
				<view class="right">张三</view>
			</view>
			<view class="form-item">
				<view class="left">支付账号</view>
				<view class="right">13454546578</view>
			</view>
			<view class="form-item">
				<view class="left">支付方式</view>
				<view class="right">微信</view>
			</view>
			
			<view class="form-item">
				<view class="left">渠道</view>
				<view class="right">线上</view>
			</view>
			<view class="form-item">
				<view class="left">支付开始时间</view>
				<view class="right">2022-02-22  14:00:00</view>
			</view>
			<view class="form-item">
				<view class="left">支付完成时间</view>
				<view class="right">2022-02-22  14:00:00</view>
			</view>
			<view class="form-item">
				<view class="left">支付订单号</view>
				<view class="right">jh5465465451</view>
			</view>
			<view class="form-item">
				<view class="left">流水号</view>
				<view class="right">024684651</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				dataList: [
					{
						children: [{}, {}]
					},
					{
						children: [{}, {}]
					},
				]
			}
		},
		methods: {
			toDetail() {
				uni.navigateTo({
					url: '/pages/propertyPay/payDetail/payDetail'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'payDetail.scss';
</style> 