81 lines
3.4 KiB
Vue
81 lines
3.4 KiB
Vue
<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> |