<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/service.png" mode="widthFix"></image>
			<view class="cont_service_name">联系客服</view>
		</view>
	</view>
	<view class="cont">
		<view class="cont_title">售后进度</view>
		<view class="cont_step">
			<uni-steps :options="step" active-color="#FF0000" direction="column" :active="active"></uni-steps>
		</view>
	</view>
	<view class="cont paddom">
		<view class="cont_title cont_border">售后明细</view>
		<view class="cont_shop">
			<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_price">实付:<text class="cont_shop_price_f">5.98</text></view>
				<view class="cont_shop_desc">实付单价:<text class="cont_shop_desc_price">5.98</text> <text class="cont_shop_desc_num">数量:1</text></view>
			</view>
		</view>
		<view class="cont_shop_item">
			<view class="cont_shop_item_name">售后数量</view>
			<view class="cont_shop_item_value">1</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>
	<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"><text class="cont_shop_item_copy">复制</text>35758859599447</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>
	<view style="height: 200rpx;"></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>