hookehuyr

fix: 修复认证模式下已取消订单的按钮显示问题

为认证模式下已取消状态的订单添加删除按钮和详情按钮,与卖车模式保持一致。同时调整交易信息部分的显示条件,仅在买卖模式下显示。
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 14:29:21 4 + * @LastEditTime: 2025-08-04 14:40:34
5 * @FilePath: /jgdl/src/pages/myOrders/index.vue 5 * @FilePath: /jgdl/src/pages/myOrders/index.vue
6 * @Description: 订单管理页面 6 * @Description: 订单管理页面
7 --> 7 -->
...@@ -189,12 +189,27 @@ ...@@ -189,12 +189,27 @@
189 </nut-button> 189 </nut-button>
190 </template> 190 </template>
191 191
192 + <!-- 认证模式:已取消状态 -->
193 + <template v-if="viewMode === 'verification' && order.status === 7">
194 + <nut-button type="default" size="small" @click="deleteOrder(order.id)"
195 + :loading="deletingOrderId === order.id" :disabled="deletingOrderId === order.id">
196 + {{ deletingOrderId === order.id ? '删除中...' : '删除订单' }}
197 + </nut-button>
198 + </template>
199 +
192 <!-- 卖车模式:已取消状态 --> 200 <!-- 卖车模式:已取消状态 -->
193 <template v-if="viewMode === 'sell' && order.status === 7"> 201 <template v-if="viewMode === 'sell' && order.status === 7">
194 <nut-button type="default" size="small" @click="viewOrderDetail(order.id)"> 202 <nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
195 订单详情 203 订单详情
196 </nut-button> 204 </nut-button>
197 </template> 205 </template>
206 +
207 + <!-- 认证模式:已取消状态 -->
208 + <template v-if="viewMode === 'verification' && order.status === 7">
209 + <nut-button type="default" size="small" @click="viewOrderDetail(order.id)">
210 + 订单详情
211 + </nut-button>
212 + </template>
198 </view> 213 </view>
199 </view> 214 </view>
200 </view> 215 </view>
...@@ -323,7 +338,7 @@ ...@@ -323,7 +338,7 @@
323 </view> 338 </view>
324 339
325 <!-- 交易信息 --> 340 <!-- 交易信息 -->
326 - <view class="detail-section"> 341 + <view v-if="viewMode === 'buy' || viewMode === 'sell'" class="detail-section">
327 <text class="section-title">交易信息</text> 342 <text class="section-title">交易信息</text>
328 <view class="info-row"> 343 <view class="info-row">
329 <text class="info-label">{{ viewMode === 'buy' ? '卖家' : '买家' }}</text> 344 <text class="info-label">{{ viewMode === 'buy' ? '卖家' : '买家' }}</text>
......