154 lines
6.3 KiB
Vue
154 lines
6.3 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/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> |