<template>
	<view>
		<view class="bg-white br16 px20 u-p-t-20 u-p-b-20 u-m-b-24">
			<view>
				<navigator hover-class="none" url="/pages/order_details/order_details?type=0">
					<view class="row-between">
						<view>煎饼果子套餐</view>
						<view class="text-999">待付款</view>
					<!-- 	<view class="text-999">已完成</view>
						<view class="text-999">退款</view>
						<view class="primary" >未制作</view>
						<view class="primary" >未取餐</view> -->
					</view>
					<view class="u-m-t-16 row">
						<view>
							<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="16"></u-image>
						</view>
						<view class="sm ml20 text-999">
							<view>下单时间:2024-10-10 16:58:53</view>
							<view>预计时间:2025-10-10 16:58:54</view>
							<view>数量:1</view>
							<view>实付:￥0.00</view>
						</view>
					</view>
					<view class="u-m-t-26 u-m-b-26">
						<u-line color="#EEE" />
					</view>
				</navigator>
			</view>
			<view class="u-m-t-26 row-between">
				<view class="primary">等待时间:15分钟</view>
				<view class="row">
					<view class="u-m-r-16">
						<u-button @click="cancleOrder" hover-class="none" :customStyle="{width: '164rpx', height: '60rpx', color: '#999', border: '1px solid #DDD'}" :plain="true" :hair-line="false" shape="circle">取消订单</u-button>
					</view>
					<view>
						<u-button @click="toPay" hover-class="none" :customStyle="{width: '164rpx', height: '60rpx', backgroundColor: themeColor, color: '#fff', border: 'none'}" :hair-line="false" shape="circle">去付款</u-button>
					</view>
		<!-- 			<view>
						<u-button @click="seeDetails" hover-class="none" :customStyle="{width: '164rpx', height: '60rpx', backgroundColor: themeColor, color: '#fff', border: 'none'}" :hair-line="false" shape="circle">查看详情</u-button>
					</view>
					<view>
						<u-button @click="toRefund" hover-class="none" :customStyle="{width: '164rpx', height: '60rpx', backgroundColor: themeColor, color: '#fff', border: 'none'}" :hair-line="false" shape="circle">查看详情</u-button>
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'order-list',
		props: {
			type: {
				type: String,
				default: 'all'
			}
		},
		methods: {
			// 取消订单
			cancleOrder() {
				
			},
			
			// 去付款
			toPay() {
				
			},
			
			// 查看详情
			seeDetails() {
				
			},
			
			// 申请退款
			toRefund() {
				
			}
		}
	}
</script>

<style lang="scss">
	
</style>