|
@@ -3,7 +3,7 @@
|
|
|
<div class="worp">
|
|
|
<div class="title">纸质优惠劵减免说明</div>
|
|
|
<div style="font-size: 28px; color: #808080; padding-top: 12px">
|
|
|
- {{ parkPaperCouponRemark }}
|
|
|
+ {{ orderDetail && orderDetail.parkingRule && orderDetail.parkingRule.paperCouponsDescription || '' }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<template v-if="paperCouponList.length">
|
|
@@ -33,8 +33,6 @@
|
|
|
<div
|
|
|
:class="{
|
|
|
worp_button: true,
|
|
|
- blue_flewx_index3: custTypeId === 1,
|
|
|
- green_flewx_index3: custTypeId === 2,
|
|
|
}"
|
|
|
@click="scanCode"
|
|
|
>
|
|
@@ -45,27 +43,23 @@
|
|
|
<div>扫码用劵</div>
|
|
|
</div>
|
|
|
<div class="flewx">
|
|
|
- <!-- <div class="flewx-content">应付<span style="color: red;font-size: 32px;padding-left: 20px;">{{actualFee |
|
|
|
+ <div style="display: flex; width: 100%;align-items: center">
|
|
|
+ <!-- <div class="flewx-content">应付<span style="color: red;font-size: 32px;padding-left: 20px;">{{actualFee |
|
|
|
currency}}</span> 元 <span style="color: #8d8d8d;padding-left: 30px;font-size: 28px;">已优惠{{discountFee |
|
|
|
currency}}元</span>
|
|
|
</div> -->
|
|
|
- <div class="flewx-content">
|
|
|
- 已选<span class="num">{{ paperCouponList.length }}张</span>
|
|
|
- <span class="discountFee"
|
|
|
- >优惠券可优惠{{ discountFee | currency }}</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :class="{
|
|
|
- flewx_index3: true,
|
|
|
- blue_flewx_index3: custTypeId === 1,
|
|
|
- green_flewx_index3: custTypeId === 2,
|
|
|
- 'btn-disabled': !parkInfo.servicefee,
|
|
|
- }"
|
|
|
- @click="confirm"
|
|
|
- >
|
|
|
- 确定
|
|
|
+ <div class="flewx-content">
|
|
|
+ 已选<span class="num">{{ paperCouponList.length }}张</span>
|
|
|
+ <span class="discountFee"
|
|
|
+ >优惠券可优惠{{ discountFee | currency }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="btn-box">
|
|
|
+ <k-button style="width: 100%;max-width: 240px" title="确定" disabledColor="#D1D2D9" @click="confirm"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <!-- 开启底部安全区适配 -->
|
|
|
+ <van-number-keyboard safe-area-inset-bottom />
|
|
|
</div>
|
|
|
<!-- 新的toast -->
|
|
|
<fui-toast ref="toast"></fui-toast>
|
|
@@ -139,7 +133,7 @@ export default {
|
|
|
color: #fff;
|
|
|
margin-top: 45px;
|
|
|
// background-image: linear-gradient(to right, #7e4fa1, #433c7f);
|
|
|
- background: #064c8a;
|
|
|
+ background: var(--k-color-primary);
|
|
|
margin-left: 30px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -157,47 +151,31 @@ export default {
|
|
|
// padding-bottom: constant(safe-area-inset-bottom);
|
|
|
// padding-bottom: env(safe-area-inset-bottom);
|
|
|
padding-bottom: 20px;
|
|
|
+ padding-top: 33px;
|
|
|
|
|
|
.flewx-content {
|
|
|
font-weight: 400;
|
|
|
- position: absolute;
|
|
|
- left: 16px;
|
|
|
+ padding-left: 30px;
|
|
|
font-size: 28px;
|
|
|
+ flex: 1;
|
|
|
+ color: #999999;
|
|
|
.num {
|
|
|
- color: #064c8a;
|
|
|
+ color: var(--k-color-primary);
|
|
|
}
|
|
|
.discountFee {
|
|
|
color: #ee4d3f;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .flewx_index3 {
|
|
|
- width: 150px;
|
|
|
- height: 70px;
|
|
|
- border-radius: 45px;
|
|
|
- text-align: center;
|
|
|
- font-size: 28px;
|
|
|
- line-height: 70px;
|
|
|
- color: #fff;
|
|
|
- // background-image: linear-gradient(to right, #7e4fa1, #433c7f);
|
|
|
- background: #064c8a;
|
|
|
- box-shadow: 2px 3px 5px #888888;
|
|
|
- position: absolute;
|
|
|
- right: 16px;
|
|
|
+ .btn-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin-left: 35px;
|
|
|
+ margin-right: 24px;
|
|
|
+ //flex: 1;
|
|
|
+ width: 240px;
|
|
|
+ max-width: 240px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-.blue_flewx_index3 {
|
|
|
- .color_flewx_index3('blue');
|
|
|
-}
|
|
|
-
|
|
|
-.green_flewx_index3 {
|
|
|
- .color_flewx_index3('green');
|
|
|
-}
|
|
|
-
|
|
|
-.color_flewx_index3(@value) {
|
|
|
- @color: 'color-@{value}';
|
|
|
- background-image: none !important;
|
|
|
- background-color: @@color !important;
|
|
|
-}
|
|
|
</style>
|