<template>
  <view class="main">
	<view class="cont flex">
		<view class="cont_order_type">
			<view class="cont_order_type_name">已完成</view>
			<view class="cont_order_type_desc">期待与您再次相遇</view>
		</view>
		<view class="cont_service">
			<image class="cont_service_img" src="../../static/order/ridertel.png" mode="widthFix"></image>
			<view class="cont_service_name">联系骑手</view>
		</view>
	</view>
	
	<view class="cont paddom">
		<view class="cont_title cont_border">商品信息<text>共6件</text></view>
		<view class="cont_shop">
			<view class="cont_shop_l">
				<view class="cont_shop_img">
					<image class="cont_shop_imgUrl" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_shop_text">
					<view class="cont_shop_title">糖醋排骨</view>
					<view class="cont_shop_desc">单价:<text class="cont_shop_desc_price">5.98</text></view>
					<view class="cont_shop_desc">数量:1</view>
				</view>
			</view>
			<view class="cont_shop_r">
				<view class="cont_shop_payment">实付:<text class="cont_shop_payment_price">4.09</text></view>
				<view class="cont_shop_addcart">再来一件</view>
			</view>
		</view>
		<view class="cont_shop">
			<view class="cont_shop_l">
				<view class="cont_shop_img">
					<image class="cont_shop_imgUrl" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_shop_text">
					<view class="cont_shop_title">糖醋排骨</view>
					<view class="cont_shop_desc">单价:<text class="cont_shop_desc_price">5.98</text></view>
					<view class="cont_shop_desc">数量:1</view>
				</view>
			</view>
			<view class="cont_shop_r">
				<view class="cont_shop_payment">实付:<text class="cont_shop_payment_price">4.09</text></view>
				<view class="cont_shop_addcart">再来一件</view>
			</view>
		</view>
		<view class="cont_shop">
			<view class="cont_shop_l">
				<view class="cont_shop_img">
					<image class="cont_shop_imgUrl" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_shop_text">
					<view class="cont_shop_title">糖醋排骨</view>
					<view class="cont_shop_desc">单价:<text class="cont_shop_desc_price">5.98</text></view>
					<view class="cont_shop_desc">数量:1</view>
				</view>
			</view>
			<view class="cont_shop_r">
				<view class="cont_shop_payment">实付:<text class="cont_shop_payment_price">4.09</text></view>
				<view class="cont_shop_addcart">再来一件</view>
			</view>
		</view>
		<view class="cont_shop_border"></view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">商品金额</view>
			<view class="cont_shop_item_value"><text class="cont_shop_item_value_price">5.98</text></view>
		</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">配送费</view>
			<view class="cont_shop_item_value"><text class="cont_shop_item_value_price">5.98</text></view>
		</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">满减券</view>
			<view class="cont_shop_item_value cont_shop_item_color">-<text class="cont_shop_item_value_price">5.98</text></view>
		</view>
		<view class="cont_shop_border"></view>
		<view class="cont_shop_total">实付:<text>99.45</text></view>
	</view>
	<view class="cont paddom">
		<view class="cont_title cont_border">配送信息</view>
		<view class="cont_shop_user">
			<view class="cont_shop_user_name">地址:</view>
			<view class="cont_shop_user_desc">
				<view class="cont_shop_user_detal">琦善缘小区2号楼 5楼502</view>
				<view class="cont_shop_user_tel">李霜，178****8899</view>
			</view>
		</view>
		<view class="cont_shop_user">
			<view class="cont_shop_user_name">时间:</view>
			<view class="cont_shop_user_desc">
				<view class="cont_shop_user_detal">03/10 18:30-19:00</view>
			</view>
		</view>
		<view class="cont_shop_user">
			<view class="cont_shop_user_name">备注:</view>
			<view class="cont_shop_user_desc">
				<view class="cont_shop_user_detal">多加点辣，一定要辣、一定要辣、一定要辣、一定要辣....</view>
			</view>
		</view>
	</view>
	<view class="cont paddom">
		<view class="cont_title cont_border">订单信息</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">订单编号</view>
			<view class="cont_shop_item_value">35758859599447<text class="cont_shop_item_copy">复制</text></view>
		</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">下单时间</view>
			<view class="cont_shop_item_value">2025/06/09 20:13</view>
		</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">支付方式</view>
			<view class="cont_shop_item_value">微信支付</view>
		</view>
	</view>
	<view style="height: 200rpx;"></view>
	<view class="footer">
		<view class="footer_l">更多</view>
		<view class="footer_r">
			<view class="footer_btn">去评价</view>
			<view class="footer_btn footer_btn_bcg">再来一单</view>
		</view>
	</view>
  </view>
</template>

<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
const active = ref(0);
const step = ref([
	{title:'售后申请已提交成功，客服将全力为您解决问题，请您耐心等待',desc:'2025/06/29 20:15'},
	{title:'售后申请已被受理，客服正在加速为您解决问题',desc:'2025/06/29 20:15'},
	{title:'您的退款申请已审核通过，商品无需退回',desc:'2025/06/29 20:15'},
	{title:'已将退款资金提交给原支付平台处理，预计将在3个工作日内到账。具体以原支付平台处理结果为准',desc:'2025/06/29 20:15'},
	{title:'退款已到账，请您注意查收，如有问题请联系客服',desc:'2025/06/29 20:15'},
	])
onLoad((options) => {});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>

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