订单详情样式修改

This commit is contained in:
zzyuan 2025-06-05 13:06:08 +08:00
parent 3bd80f6972
commit 4775a863ed
1 changed files with 14 additions and 10 deletions

View File

@ -1,14 +1,16 @@
<template><page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view class="page">
<h3 v-if="detailData.orderState==1">已下单</h3>
<h3 v-if="detailData.orderState==2">已完成</h3>
<h3 v-if="detailData.orderState==3&&detailData.payState==3">已退单</h3>
<h3 v-if="detailData.orderState==3&&detailData.payState==4">已取消</h3>
<h3 v-if="detailData.orderState==4&&detailData.payState==1">未支付</h3>
<h3 v-if="detailData.orderState==4&&detailData.payState==3">待下单</h3>
<h3 v-if="detailData.orderState==4&&detailData.payState==4">支付失败</h3>
<view class="appraise">
<view>您对本单满意吗?</view>
<h2 v-if="detailData.orderState==1">已下单</h2>
<h2 v-if="detailData.orderState==2">已完成</h2>
<h2 v-if="detailData.orderState==3&&detailData.payState==3">已退单</h2>
<h2 v-if="detailData.orderState==3&&detailData.payState==4">已取消</h2>
<h2 v-if="detailData.orderState==4&&detailData.payState==1">未支付</h2>
<h2 v-if="detailData.orderState==4&&detailData.payState==3">待下单</h2>
<h2 v-if="detailData.orderState==4&&detailData.payState==4">支付失败</h2>
<view class="appraise" v-if="detailData.orderState==1||detailData.orderState==2">
<view>
<text>您对本单满意吗?</text>
</view>
<view class="refund-btn" @click="refundOrder" v-if="detailData.orderState==1">
退单
</view>
@ -40,7 +42,8 @@
</view>
</view>
<view>
<view style="color: red;" v-if="detailData.orderState==3">已退款</view>
<view style="color: red;" v-if="detailData.orderState==3&&detailData.payState==3">已退款</view>
<view style="color: red;" v-if="detailData.orderState==3&&detailData.payState==4">已取消</view>
<view style="color: red;" v-if="detailData.orderState==3">{{ (item.salePrice/100).toFixed(2) }}</view>
<view v-else>{{ (item.salePrice/100).toFixed(2) }}</view>
</view>
@ -343,6 +346,7 @@ export default {
border-radius: 8px;
padding: 8px 0;
font-size: 26rpx;
margin-top: 10px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
.top-source {
font-weight: 800;