|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="app-content pay-wrap">
|
|
<div class="app-content pay-wrap">
|
|
|
- <!-- 我要配送 -->
|
|
|
|
|
- <!-- <block v-else> -->
|
|
|
|
|
|
|
+
|
|
|
<div class="delivery-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
<div class="delivery-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
|
<div class="shop-logo-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
<div class="shop-logo-wrap" v-if="!$util.isEmpty(orderShop)">
|
|
|
<div class="logo-img">
|
|
<div class="logo-img">
|
|
@@ -15,35 +14,34 @@
|
|
|
<span class="app-size-30">{{ shopUser.userAsset.balance }}</span>
|
|
<span class="app-size-30">{{ shopUser.userAsset.balance }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- 查看更多 -->
|
|
|
|
|
- <div class="view-more" :class="{'open' : tabIndex == 1}" @click="tabIndex = tabIndex == 0 ? 1 : 0">
|
|
|
|
|
- <button type="primary" size="mini" plain="true">{{ tabIndex == 0 ? '点我填写收花人' : '收起' }}</button>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <div class="view-more" :class="{'open' : tabIndex == 1}" @click="fillGetMan">
|
|
|
|
|
+ <text v-if="tabIndex == 0">需要送人,点我 <text class="fill-get-man">填写收花人</text></text>
|
|
|
|
|
+ <text v-if="tabIndex == 1">不填了,<text class="pack-up">收起</text></text>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- 查看更多 -->
|
|
|
|
|
|
|
+
|
|
|
<block v-if="tabIndex == 1">
|
|
<block v-if="tabIndex == 1">
|
|
|
<app-delivery-module ref="appDelivery" :anonymous="true" />
|
|
<app-delivery-module ref="appDelivery" :anonymous="true" />
|
|
|
</block>
|
|
</block>
|
|
|
- <!-- 可选优惠 -->
|
|
|
|
|
|
|
+
|
|
|
<div class="module-com discount-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
<div class="module-com discount-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
|
<div class="module-tit">可选优惠</div>
|
|
<div class="module-tit">可选优惠</div>
|
|
|
<div class="module-det">
|
|
<div class="module-det">
|
|
|
<app-coupon-sel ref="couponSel" :price="amount" :discountArr="['member', 'coupon']" />
|
|
<app-coupon-sel ref="couponSel" :price="amount" :discountArr="['member', 'coupon']" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- 按钮 -->
|
|
|
|
|
|
|
+
|
|
|
<div class="btn-wrap">
|
|
<div class="btn-wrap">
|
|
|
<button v-if="!$util.isEmpty(shopUser) && shopUser.userAsset.balance && shopUser.userAsset.balance != '0.00'" class="button-com red" @click="balancePayFn">余额支付</button>
|
|
<button v-if="!$util.isEmpty(shopUser) && shopUser.userAsset.balance && shopUser.userAsset.balance != '0.00'" class="button-com red" @click="balancePayFn">余额支付</button>
|
|
|
<button class="button-com green" v-if="isWxMiniapp()" @click="wexinPayFn">微信支付</button>
|
|
<button class="button-com green" v-if="isWxMiniapp()" @click="wexinPayFn">微信支付</button>
|
|
|
<button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
|
|
<button class="button-com red" v-else @click="aliPayFn">支付宝支付</button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- </block> -->
|
|
|
|
|
- <!-- 支付密码弹窗 -->
|
|
|
|
|
|
|
+
|
|
|
<modal-module :show="passwordModal" @cancel="modalCancel" @click="passwordModalClick" :maskClosable="false" title="支付密码" padding="30rpx 30rpx">
|
|
<modal-module :show="passwordModal" @cancel="modalCancel" @click="passwordModalClick" :maskClosable="false" title="支付密码" padding="30rpx 30rpx">
|
|
|
<template v-slot:content>
|
|
<template v-slot:content>
|
|
|
<div class="app-modal-input-wrap">
|
|
<div class="app-modal-input-wrap">
|
|
|
<div class="inp-list-line">
|
|
<div class="inp-list-line">
|
|
|
- <!-- <div class="line-label">支付密码</div> -->
|
|
|
|
|
<div class="line-input">
|
|
<div class="line-input">
|
|
|
<input type="password" v-model="modalForm.payPassword" :adjust-position="false" class="inp-input" />
|
|
<input type="password" v-model="modalForm.payPassword" :adjust-position="false" class="inp-input" />
|
|
|
</div>
|
|
</div>
|
|
@@ -51,9 +49,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</modal-module>
|
|
</modal-module>
|
|
|
- <!-- 阿里支付 -->
|
|
|
|
|
|
|
+
|
|
|
<div class="al-pay" v-html="aliPayHtml" ref="alipayWap"></div>
|
|
<div class="al-pay" v-html="aliPayHtml" ref="alipayWap"></div>
|
|
|
- <!-- 未设置支付密码弹窗 -->
|
|
|
|
|
|
|
+
|
|
|
<alert-module :show="setPassModal" btnText="去设置" btnColor="#FF2842" padding="66rpx 24rpx 66rpx 24rpx" @click="hideAlert">
|
|
<alert-module :show="setPassModal" btnText="去设置" btnColor="#FF2842" padding="66rpx 24rpx 66rpx 24rpx" @click="hideAlert">
|
|
|
<div class="go-login-module">
|
|
<div class="go-login-module">
|
|
|
<div>暂未设置密码,去设置密码!</div>
|
|
<div>暂未设置密码,去设置密码!</div>
|
|
@@ -132,12 +130,16 @@
|
|
|
},
|
|
},
|
|
|
mounted() {},
|
|
mounted() {},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ fillGetMan(){
|
|
|
|
|
+ this.tabIndex = this.tabIndex == 0 ? 1 : 0
|
|
|
|
|
+ this.inpFocus = false
|
|
|
|
|
+ },
|
|
|
isWxMiniapp(){
|
|
isWxMiniapp(){
|
|
|
- return isWxMiniapp()
|
|
|
|
|
- },
|
|
|
|
|
- init(){
|
|
|
|
|
- this.specialInit();
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ return isWxMiniapp()
|
|
|
|
|
+ },
|
|
|
|
|
+ init(){
|
|
|
|
|
+ this.specialInit();
|
|
|
|
|
+ },
|
|
|
specialInit() {
|
|
specialInit() {
|
|
|
// #ifdef H5
|
|
// #ifdef H5
|
|
|
// 微信二次分享
|
|
// 微信二次分享
|
|
@@ -429,21 +431,35 @@
|
|
|
|
|
|
|
|
// 查看更多
|
|
// 查看更多
|
|
|
.view-more {
|
|
.view-more {
|
|
|
- width: 100%;
|
|
|
|
|
- // padding-top: 10px;
|
|
|
|
|
|
|
+ width: auto;
|
|
|
padding-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
|
margin-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
|
font-size: 28px;
|
|
font-size: 28px;
|
|
|
@include disFlex(center, center);
|
|
@include disFlex(center, center);
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- color: #3385ff;
|
|
|
|
|
|
|
+ color: #666565;
|
|
|
|
|
+ justify-content: start;
|
|
|
|
|
+ z-index:9999999;
|
|
|
.view-more-text {
|
|
.view-more-text {
|
|
|
margin-right: 14px;
|
|
margin-right: 14px;
|
|
|
}
|
|
}
|
|
|
|
|
+ padding-left:40rpx;
|
|
|
i {
|
|
i {
|
|
|
font-size: 30px;
|
|
font-size: 30px;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
}
|
|
}
|
|
|
|
|
+ .fill-get-man{
|
|
|
|
|
+ color:red;
|
|
|
|
|
+ margin-left:10rpx;
|
|
|
|
|
+ font-weight:600;
|
|
|
|
|
+ text-decoration:underline;
|
|
|
|
|
+ }
|
|
|
|
|
+ .pack-up{
|
|
|
|
|
+ margin-left:20rpx;
|
|
|
|
|
+ font-weight:600;
|
|
|
|
|
+ color:red;
|
|
|
|
|
+ text-decoration:underline;
|
|
|
|
|
+ }
|
|
|
&.open {
|
|
&.open {
|
|
|
i {
|
|
i {
|
|
|
transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
@@ -451,4 +467,4 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|