hookehuyr

fix(订单页面): 调整订单详情布局和状态判断逻辑

修改订单详情页的产品信息布局,将justify-content从space-between改为flex-start
扩展取消订单的状态判断条件,增加状态5和15
添加退款时间显示字段
优化产品规格信息显示,年份和价格改为条件渲染
......@@ -563,7 +563,7 @@
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: flex-start;
.product-detail-name {
font-size: 32rpx;
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-08-04 17:46:52
* @LastEditTime: 2025-08-04 17:55:42
* @FilePath: /jgdl/src/pages/myOrders/index.vue
* @Description: 订单管理页面
-->
......@@ -208,7 +208,7 @@
</template>
<!-- 认证模式:已取消状态 -->
<template v-if="viewMode === 'verification' && order.status === 7">
<template v-if="viewMode === 'verification' && (order.status === 7 || order.status === 15 || order.status === 5)">
<nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
订单详情
</nut-button>
......@@ -309,6 +309,10 @@
<text class="info-label">支付时间</text>
<text class="info-value">{{ currentOrderDetail?.payment_time }}</text>
</view>
<view v-if="currentOrderDetail?.refund_time" class="info-row">
<text class="info-label">退款时间</text>
<text class="info-value">{{ currentOrderDetail?.refund_time }}</text>
</view>
<view class="info-row">
<text class="info-label">订单状态</text>
<text class="info-value" :class="getStatusClass(currentOrderDetail?.status)">
......@@ -330,12 +334,12 @@
<view class="product-detail-content">
<text class="product-detail-name">{{ currentOrderDetail?.details?.vehicle?.brand }} {{
currentOrderDetail?.details?.vehicle?.model }}</text>
<text class="product-detail-specs">{{ currentOrderDetail?.details?.vehicle?.manufacture_year }}年 · 续航:
<text class="product-detail-specs"><text v-if="currentOrderDetail?.details?.vehicle?.manufacture_year">{{ currentOrderDetail?.details?.vehicle?.manufacture_year }}年 · </text>续航:
{{
currentOrderDetail?.details?.vehicle?.range_km }}km/h</text>
<text class="product-detail-battery">电池容量: {{ currentOrderDetail?.details?.vehicle?.battery_capacity_ah
}}Ah</text>
<text class="product-detail-price">¥ {{ currentOrderDetail?.details?.vehicle?.price }}</text>
<text v-if="currentOrderDetail?.details?.vehicle?.price" class="product-detail-price">¥ {{ currentOrderDetail?.details?.vehicle?.price }}</text>
</view>
</view>
</view>
......