Commit 6808a2e0 authored by pengguangpu's avatar pengguangpu

添加支付结果页;自测不同状态下页面的显示;

parent 712b33e1
...@@ -53,7 +53,6 @@ page { ...@@ -53,7 +53,6 @@ page {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 362rpx; width: 362rpx;
align-items: center;
background: #ffffff; background: #ffffff;
height: 372rpx; height: 372rpx;
/* border: 2px solid red; */ /* border: 2px solid red; */
......
...@@ -7,21 +7,50 @@ ...@@ -7,21 +7,50 @@
<text>返回</text> <text>返回</text>
</view> </view>
</view> </view>
<!--bottom view--> <!--bottom view-->
<view class="bottomView"> <view class="bottomView">
<!--left view--> <!--left view-->
<view class="leftView"> <view class="leftView">
<block a:if="{{isPaySuccess}}">
<!--支付成功-->
<image mode="aspectFit" style="width:101rpx;height:101rpx;margin-top:43rpx;" src="/images/icon_success.png"/>
<text style="font-size:26rpx;color:#007AFF;font-weight:bold;margin-top:14rpx;">收款成功</text>
<text style="font-size:48rpx;color:#000000;font-weight:bold;margin-top:48rpx;text-align:center;">¥{{payPriceYuan}}</text>
</block>
<block a:else>
<!--错误按钮--> <!--错误按钮-->
<image mode="aspectFit" style="width:101rpx;height:101rpx;margin-top:43rpx;" src="/images/icon_failed.png"/> <image mode="aspectFit" style="width:101rpx;height:101rpx;margin-top:43rpx;" src="/images/icon_failed.png"/>
<text style="font-size:26rpx;color:#FF0000;font-weight:bold;margin-top:14rpx;">{{payResult}}</text> <text style="font-size:26rpx;color:#FF0000;font-weight:bold;margin-top:14rpx;">收款失败</text>
<text style="font-size:19rpx;color:#000000;margin-top:24rpx;width:292rpx;text-align:center;">失败原因:{{payFailedReason}}</text> <text style="font-size:19rpx;color:#000000;margin-top:24rpx;width:292rpx;text-align:center;">失败原因:{{payFailedReason}}</text>
</block>
</view> </view>
<!--right view--> <!--right view-->
<view class="rightView"> <view class="rightView">
<block a:if="{{isPaySuccess}}">
<!--支付成功-->
<text style="font-size:26rpx;color:#333333;font-weight:bold;margin-top:35rpx;">{{printResult}}</text>
<view style="position: relative;margin-top:17rpx;width:277rpx;height:196rpx;align-items: center;align-items: center;">
<image mode="aspectFit" style="position:absolute;width:277rpx;height:196rpx;" src="/images/bg_paper.png"/>
<view style="position: absolute;top:88rpx;text-align: center;align-items: center;width:277rpx;">
<block a:if="{{isPrintSuccess}}">
<text>提示顾客带好小票</text>
</block>
<block a:else>
<view hidden="{{isPrinting}}">
<button type="ghost" style="height:40rpx;margin:0 auto;border-radius:20rpx;border-color:#FF7F19;color:#FF7F19;width:166rpx;" hover-class="loginButtonHover" onTap="">重新打印</button>
</view>
</block>
</view>
</view>
<view hidden="{{isPrinting}}">
<button type="primary" style="height:60rpx;margin-top:8rpx;border-radius:5rpx;background-color:#007AFF;border-color:#007AFF;opacity: 0.7;width:252rpx;" hover-class="loginButtonHover" onTap="">继续付款</button>
</view>
</block>
<block a:else>
<text style="font-size:26rpx;color:#333333;font-weight:bold;margin-top:35rpx;">请重新支付...</text> <text style="font-size:26rpx;color:#333333;font-weight:bold;margin-top:35rpx;">请重新支付...</text>
<image mode="aspectFit" style="width:166rpx;height:143rpx;margin-top:39rpx;" src="/images/img_scan_guide.png"/> <image mode="aspectFit" style="width:166rpx;height:143rpx;margin-top:39rpx;" src="/images/img_scan_guide.png"/>
<button type="primary" style="height:60rpx;margin-top:32rpx;border-radius:5rpx;background-color:#007AFF;border-color:#007AFF;opacity: 0.7;width:252rpx;" hover-class="loginButtonHover" onTap="">重新付款</button> <button type="primary" style="height:60rpx;margin-top:32rpx;border-radius:5rpx;background-color:#007AFF;border-color:#007AFF;opacity: 0.7;width:252rpx;" hover-class="loginButtonHover" onTap="">重新付款</button>
</block>
</view> </view>
</view> </view>
</view> </view>
\ No newline at end of file
Page({ Page({
data: { data: {
payResult:"收款失败", payFailedReason:"xxxxxxxxxxx",
payFailedReason:"xxxxxxxxxxx" isPaySuccess:true,
payPriceYuan:"--.--",
printResult:"正在打印小票...",
isPrinting:false,
isPrintSuccess:true,
}, },
onLoad() {}, onLoad() {},
}); });
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment