xukou-ticket-wx/unpackage/dist/dev/mp-weixin/pages/order/index.wxml

<view class="order-page data-v-0ca91b30"><view class="header-title data-v-0ca91b30">我的购票</view><view class="order-list data-v-0ca91b30"><view class="order-card purchased data-v-0ca91b30"><view class="order-card-header data-v-0ca91b30"><view class="status purchased data-v-0ca91b30"><label class="status-text _span data-v-0ca91b30">已购票</label></view><view class="date data-v-0ca91b30">2024-01-15</view></view><view class="order-info data-v-0ca91b30"><view class="flight data-v-0ca91b30">苏航666(ZJ12345)</view><view class="desc data-v-0ca91b30">↑ 南向北 | 下午批次</view></view><view class="order-actions single-btn data-v-0ca91b30"><button data-event-opts="{{[['tap',[['onShowDetail',['$event']]]]]}}" class="detail-btn data-v-0ca91b30" bindtap="__e">查看详情</button></view></view><view class="order-card pending data-v-0ca91b30"><view class="order-card-header data-v-0ca91b30"><view class="status pending data-v-0ca91b30"><label class="status-text _span data-v-0ca91b30">待确认</label></view><view class="date data-v-0ca91b30">2024-01-15</view></view><view class="order-info data-v-0ca91b30"><view class="flight data-v-0ca91b30">苏航666(ZJ12345)</view><view class="desc data-v-0ca91b30">↓ 北向南 | 上午批次</view></view><view class="order-actions data-v-0ca91b30"><button class="cancel-btn data-v-0ca91b30" disabled="{{false}}" data-event-opts="{{[['tap',[['onCancelOrder',['$event']]]]]}}" bindtap="__e">取消预约</button><button data-event-opts="{{[['tap',[['onShowDetail',['$event']]]]]}}" class="detail-btn data-v-0ca91b30" bindtap="__e">查看详情</button></view></view><view class="order-card confirmed data-v-0ca91b30"><view class="order-card-header data-v-0ca91b30"><view class="status confirmed data-v-0ca91b30"><label class="status-text _span data-v-0ca91b30">已确认</label></view><view class="date data-v-0ca91b30">2024-01-15</view></view><view class="order-info data-v-0ca91b30"><view class="flight data-v-0ca91b30">苏航666(ZJ12345)</view><view class="desc data-v-0ca91b30">↓ 北向南 | 上午批次</view></view><view class="order-actions data-v-0ca91b30"><button data-event-opts="{{[['tap',[['onShowDetail',['$event']]]]]}}" class="detail-btn data-v-0ca91b30" bindtap="__e">查看详情</button><button data-event-opts="{{[['tap',[['goPayOrder',['$event']]]]]}}" class="buy-btn data-v-0ca91b30" bindtap="__e">去支付</button></view></view><view class="order-card cancelled data-v-0ca91b30"><view class="order-card-header data-v-0ca91b30"><view class="status cancelled data-v-0ca91b30"><label class="status-text _span data-v-0ca91b30">已取消</label></view><view class="date data-v-0ca91b30">2024-01-15</view></view><view class="order-info data-v-0ca91b30"><view class="flight data-v-0ca91b30">苏航666(ZJ12345)</view><view class="desc data-v-0ca91b30">↓ 北向南 | 上午批次</view></view><view class="order-actions data-v-0ca91b30"><button data-event-opts="{{[['tap',[['onShowDetail',['$event']]]]]}}" class="detail-btn data-v-0ca91b30" bindtap="__e">查看详情</button><button data-event-opts="{{[['tap',[['goReservation',['$event']]]]]}}" class="rebook-btn data-v-0ca91b30" bindtap="__e">重新预约</button></view></view></view><block wx:if="{{showDetail}}"><view class="detail-modal-mask data-v-0ca91b30"><view class="detail-modal data-v-0ca91b30"><view data-event-opts="{{[['tap',[['onCloseDetail',['$event']]]]]}}" class="modal-close data-v-0ca91b30" bindtap="__e">×</view><view class="modal-title data-v-0ca91b30">船舶信息</view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">过闸方向</text><text class="data-v-0ca91b30">{{detailInfo.direction}}</text></view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">批次号</text><text class="data-v-0ca91b30">{{detailInfo.batchNo}}</text></view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">船舶信息</text><text class="data-v-0ca91b30">{{detailInfo.ship}}</text></view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">购票时间</text><text class="data-v-0ca91b30">{{detailInfo.time}}</text></view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">支付方式</text><text class="data-v-0ca91b30">{{detailInfo.payType}}</text></view><view class="modal-row data-v-0ca91b30"><text class="modal-label data-v-0ca91b30">支付金额</text><text class="modal-amount data-v-0ca91b30">{{"￥"+detailInfo.amount}}</text></view><button data-event-opts="{{[['tap',[['onCloseDetail',['$event']]]]]}}" class="modal-confirm-btn data-v-0ca91b30" bindtap="__e">确定</button></view></view></block></view>