Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
e3ca6e5b 1 parent 88762401

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

修改订单详情页的产品信息布局，将justify-content从space-between改为flex-start
扩展取消订单的状态判断条件，增加状态5和15
添加退款时间显示字段
优化产品规格信息显示，年份和价格改为条件渲染
Inline Side-by-side
Showing 2 changed files with 9 additions and 5 deletions
...@@ -563,7 +563,7 @@ ...@@ -563,7 +563,7 @@
563 flex: 1; 563 flex: 1;
564 display: flex; 564 display: flex;
565 flex-direction: column; 565 flex-direction: column;
566 - justify-content: space-between; 566 + justify-content: flex-start;
567 567
568 .product-detail-name { 568 .product-detail-name {
569 font-size: 32rpx; 569 font-size: 32rpx;
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-08-04 17:46:52 4 + * @LastEditTime: 2025-08-04 17:55:42
5 * @FilePath: /jgdl/src/pages/myOrders/index.vue 5 * @FilePath: /jgdl/src/pages/myOrders/index.vue
6 * @Description: 订单管理页面 6 * @Description: 订单管理页面
7 --> 7 -->
...@@ -208,7 +208,7 @@ ...@@ -208,7 +208,7 @@
208 </template> 208 </template>
209 209
210 <!-- 认证模式：已取消状态 --> 210 <!-- 认证模式：已取消状态 -->
211 - <template v-if="viewMode === 'verification' && order.status === 7"> 211 + <template v-if="viewMode === 'verification' && (order.status === 7 || order.status === 15 || order.status === 5)">
212 <nut-button type="default" size="small" @click="viewOrderDetail(order.id)"> 212 <nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
213 订单详情 213 订单详情
214 </nut-button> 214 </nut-button>
...@@ -309,6 +309,10 @@ ...@@ -309,6 +309,10 @@
309 <text class="info-label">支付时间</text> 309 <text class="info-label">支付时间</text>
310 <text class="info-value">{{ currentOrderDetail?.payment_time }}</text> 310 <text class="info-value">{{ currentOrderDetail?.payment_time }}</text>
311 </view> 311 </view>
312 + <view v-if="currentOrderDetail?.refund_time" class="info-row">
313 + <text class="info-label">退款时间</text>
314 + <text class="info-value">{{ currentOrderDetail?.refund_time }}</text>
315 + </view>
312 <view class="info-row"> 316 <view class="info-row">
313 <text class="info-label">订单状态</text> 317 <text class="info-label">订单状态</text>
314 <text class="info-value" :class="getStatusClass(currentOrderDetail?.status)"> 318 <text class="info-value" :class="getStatusClass(currentOrderDetail?.status)">
...@@ -330,12 +334,12 @@ ...@@ -330,12 +334,12 @@
330 <view class="product-detail-content"> 334 <view class="product-detail-content">
331 <text class="product-detail-name">{{ currentOrderDetail?.details?.vehicle?.brand }} {{ 335 <text class="product-detail-name">{{ currentOrderDetail?.details?.vehicle?.brand }} {{
332 currentOrderDetail?.details?.vehicle?.model }}</text> 336 currentOrderDetail?.details?.vehicle?.model }}</text>
333 - <text class="product-detail-specs">{{ currentOrderDetail?.details?.vehicle?.manufacture_year }}年 · 续航: 337 + <text class="product-detail-specs"><text v-if="currentOrderDetail?.details?.vehicle?.manufacture_year">{{ currentOrderDetail?.details?.vehicle?.manufacture_year }}年 · </text>续航:
334 {{ 338 {{
335 currentOrderDetail?.details?.vehicle?.range_km }}km/h</text> 339 currentOrderDetail?.details?.vehicle?.range_km }}km/h</text>
336 <text class="product-detail-battery">电池容量: {{ currentOrderDetail?.details?.vehicle?.battery_capacity_ah 340 <text class="product-detail-battery">电池容量: {{ currentOrderDetail?.details?.vehicle?.battery_capacity_ah
337 }}Ah</text> 341 }}Ah</text>
338 - <text class="product-detail-price">¥ {{ currentOrderDetail?.details?.vehicle?.price }}</text> 342 + <text v-if="currentOrderDetail?.details?.vehicle?.price" class="product-detail-price">¥ {{ currentOrderDetail?.details?.vehicle?.price }}</text>
339 </view> 343 </view>
340 </view> 344 </view>
341 </view> 345 </view>
......