109 lines
3.8 KiB
Plaintext
109 lines
3.8 KiB
Plaintext
<view class="container">
|
|
<!-- 加载中 -->
|
|
<view class="loading-container" wx:if="{{loading}}">
|
|
<view class="spinner">
|
|
<view class="spinner-container container1">
|
|
<view class="circle1"></view>
|
|
<view class="circle2"></view>
|
|
<view class="circle3"></view>
|
|
<view class="circle4"></view>
|
|
</view>
|
|
<view class="spinner-container container2">
|
|
<view class="circle1"></view>
|
|
<view class="circle2"></view>
|
|
<view class="circle3"></view>
|
|
<view class="circle4"></view>
|
|
</view>
|
|
<view class="spinner-container container3">
|
|
<view class="circle1"></view>
|
|
<view class="circle2"></view>
|
|
<view class="circle3"></view>
|
|
<view class="circle4"></view>
|
|
</view>
|
|
</view>
|
|
<view class="loading-text">加载中...</view>
|
|
</view>
|
|
|
|
<!-- 内容区域 -->
|
|
<view class="content" wx:else>
|
|
<!-- 支付成功界面 -->
|
|
<view class="success-content" wx:if="{{paySuccess}}">
|
|
<view class="success-icon">
|
|
<icon type="success" size="80"></icon>
|
|
</view>
|
|
|
|
<view class="success-title">支付成功</view>
|
|
|
|
<view class="success-info">
|
|
<view class="info-item">
|
|
<text class="label">洗车网点</text>
|
|
<text class="value">{{orderInfo.agentname || userInfo.nickname || '---'}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">订单编号</text>
|
|
<text class="value">{{orderInfo.orderNo || '---'}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">支付金额</text>
|
|
<text class="value highlight">{{orderInfo.amount || '0'}} 元</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">账户余额</text>
|
|
<text class="value balance">{{balance}} 元</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="success-tips">
|
|
<view class="tips-title">温馨提示</view>
|
|
<view class="tips-content">
|
|
<view class="tips-item">1. 请向工作人员出示此页面</view>
|
|
<view class="tips-item">2. 确认支付成功后即可开始洗车服务</view>
|
|
<view class="tips-item">3. 如有疑问请联系客服</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btn-area">
|
|
<button class="back-btn" type="default" bindtap="backToIndex">返回首页</button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 确认洗车界面 -->
|
|
<view class="confirm-content" wx:else>
|
|
<view class="header">
|
|
<view class="title">帮洗服务</view>
|
|
<view class="subtitle">让洗车更便捷</view>
|
|
</view>
|
|
|
|
<view class="user-info">
|
|
<view class="info-item">
|
|
<text class="label">洗车网点</text>
|
|
<text class="value">{{orderInfo.agentname || userInfo.nickname || '---'}}</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">洗车费用</text>
|
|
<text class="value">{{orderInfo.amount || '0'}} 元</text>
|
|
</view>
|
|
<view class="info-item">
|
|
<text class="label">账户余额</text>
|
|
<text class="value balance">{{balance}} 元</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="wash-info">
|
|
<view class="wash-title">服务说明</view>
|
|
<view class="wash-desc">
|
|
<view class="desc-item">1. 帮洗服务由专业人员提供</view>
|
|
<view class="desc-item">2. 确认后将从您的账户余额中扣除相应费用</view>
|
|
<view class="desc-item">3. 服务完成后可在订单中查看详情</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btn-area">
|
|
<button class="confirm-btn" type="primary" bindtap="confirmWash">确认洗车</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 客服电话组件 -->
|
|
<service-tel></service-tel>
|
|
</view> |