完善也买你

2025-04-28 14:41:52 +08:00
parent 2b6340dd15
commit b7cdc8fa3f
204 changed files with 6388 additions and 1635 deletions
--- a/components/order-list/order-list.vue
+++ b/components/order-list/order-list.vue
@ -0,0 +1,86 @@
+<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>