|
@@ -3,9 +3,13 @@
|
|
|
<div class="delivery-wrap">
|
|
<div class="delivery-wrap">
|
|
|
<div class="shop-logo-wrap">
|
|
<div class="shop-logo-wrap">
|
|
|
<div class="logo-img">
|
|
<div class="logo-img">
|
|
|
- <img :src="`${constant.imgUrl}/logo4.png`" alt mode="widthFix" />
|
|
|
|
|
|
|
+ <image class="logo" :src="`${constant.imgUrl}/logo4.png`" alt mode="widthFix" ></image>
|
|
|
|
|
+ <div class="title">{{ ghsInfo.name?ghsInfo.name:'' }}</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div v-if="Number(customInfo.remainDebtAmount)>0" style="padding:10upx 0 25upx 10upx;font-size:30upx;">
|
|
|
|
|
+ {{ customInfo.name?customInfo.name:'' }},您的待结款<text style="color:red;font-weight:bold;">{{ customInfo.remainDebtAmount }}元</text>,这里可直接付款
|
|
|
|
|
+ </div>
|
|
|
<div class="module-com pay-input-wrap">
|
|
<div class="module-com pay-input-wrap">
|
|
|
<pay-input-module :focus="inpFocus" :num="amount" @focusFn="focusFn" @blurFn="blurFn" @clickKey="clickKeyFn" />
|
|
<pay-input-module :focus="inpFocus" :num="amount" @focusFn="focusFn" @blurFn="blurFn" @clickKey="clickKeyFn" />
|
|
|
</div>
|
|
</div>
|
|
@@ -28,6 +32,7 @@
|
|
|
import AppCouponSel from '@/components/app-coupon-sel'
|
|
import AppCouponSel from '@/components/app-coupon-sel'
|
|
|
import { share } from '@/mixins'
|
|
import { share } from '@/mixins'
|
|
|
import { fastPay } from '@/api/pay'
|
|
import { fastPay } from '@/api/pay'
|
|
|
|
|
+ import { getGhsData } from '@/api/ghs'
|
|
|
import { recharge } from '@/api/member'
|
|
import { recharge } from '@/api/member'
|
|
|
import { getOrderShop } from '@/utils/config'
|
|
import { getOrderShop } from '@/utils/config'
|
|
|
export default {
|
|
export default {
|
|
@@ -44,9 +49,11 @@
|
|
|
inpFocus: false,
|
|
inpFocus: false,
|
|
|
amount: '',
|
|
amount: '',
|
|
|
form: { payWay: 0 },
|
|
form: { payWay: 0 },
|
|
|
- aliPayHtml: '',
|
|
|
|
|
- passwordModal: false,
|
|
|
|
|
- payCallData: null
|
|
|
|
|
|
|
+ payCallData: null,
|
|
|
|
|
+ id:0,
|
|
|
|
|
+ salt:'',
|
|
|
|
|
+ ghsInfo:[],
|
|
|
|
|
+ customInfo:[]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -54,9 +61,9 @@
|
|
|
...mapGetters({ shopUser: 'getShopUser' })
|
|
...mapGetters({ shopUser: 'getShopUser' })
|
|
|
},
|
|
},
|
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
|
- // #ifdef H5
|
|
|
|
|
|
|
+ // #ifdef H5
|
|
|
this.specialInit()
|
|
this.specialInit()
|
|
|
- // #endif
|
|
|
|
|
|
|
+ // #endif
|
|
|
},
|
|
},
|
|
|
mounted() {},
|
|
mounted() {},
|
|
|
methods: {
|
|
methods: {
|
|
@@ -64,6 +71,20 @@
|
|
|
this.specialInit();
|
|
this.specialInit();
|
|
|
},
|
|
},
|
|
|
specialInit() {
|
|
specialInit() {
|
|
|
|
|
+ let that = this
|
|
|
|
|
+ let id = this.option.id?this.option.id:0
|
|
|
|
|
+ let salt = this.option.salt?this.option.salt:''
|
|
|
|
|
+ this.id = id
|
|
|
|
|
+ this.salt = salt
|
|
|
|
|
+ getGhsData({id:id,salt:salt}).then(res=>{
|
|
|
|
|
+ if(res.code == 1){
|
|
|
|
|
+ if (res.data && res.data.ghs && !this.$util.isEmpty(res.data.ghs)){
|
|
|
|
|
+ that.ghsInfo = res.data.ghs
|
|
|
|
|
+ that.customInfo = res.data.custom?res.data.custom:[]
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
getOrderShop(true).then(res => {
|
|
getOrderShop(true).then(res => {
|
|
|
this.inpFocus = true
|
|
this.inpFocus = true
|
|
|
// 设置分享
|
|
// 设置分享
|
|
@@ -136,17 +157,6 @@
|
|
|
hideAlert() {
|
|
hideAlert() {
|
|
|
this.$util.pageTo('/pages/user/password')
|
|
this.$util.pageTo('/pages/user/password')
|
|
|
},
|
|
},
|
|
|
- passwordModalClick(e) {
|
|
|
|
|
- if (e.index === 0) {
|
|
|
|
|
- this.modalCancel()
|
|
|
|
|
- } else {
|
|
|
|
|
- this.toPay()
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- modalCancel() {
|
|
|
|
|
- this.passwordModal = false
|
|
|
|
|
- },
|
|
|
|
|
- // 支付成功
|
|
|
|
|
paySuccess() {
|
|
paySuccess() {
|
|
|
this.$util.pageTo({
|
|
this.$util.pageTo({
|
|
|
url: '/pages/callback/index',
|
|
url: '/pages/callback/index',
|
|
@@ -183,21 +193,7 @@
|
|
|
font-size: 30upx;
|
|
font-size: 30upx;
|
|
|
box-shadow: 4upx 4upx 10upx #eee;
|
|
box-shadow: 4upx 4upx 10upx #eee;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
.pay-wrap {
|
|
.pay-wrap {
|
|
|
- .logo-wrap {
|
|
|
|
|
- padding-top: 70upx;
|
|
|
|
|
- padding-bottom: 60upx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- .logo-img {
|
|
|
|
|
- width: 120upx;
|
|
|
|
|
- margin: 0 auto 20upx;
|
|
|
|
|
- border-radius:10upx;
|
|
|
|
|
- img {
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
.pay-input-wrap {
|
|
.pay-input-wrap {
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
border-top-left-radius: 20upx;
|
|
border-top-left-radius: 20upx;
|
|
@@ -248,11 +244,24 @@
|
|
|
padding-bottom: 20upx;
|
|
padding-bottom: 20upx;
|
|
|
@include disFlex(center, center);
|
|
@include disFlex(center, center);
|
|
|
.logo-img {
|
|
.logo-img {
|
|
|
- width: 120upx;
|
|
|
|
|
- border-radius: 10upx;
|
|
|
|
|
|
|
+ width: 100%;
|
|
|
margin: 10upx auto;
|
|
margin: 10upx auto;
|
|
|
- img {
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ .logo {
|
|
|
|
|
+ width: 100upx;
|
|
|
|
|
+ height:100upx;
|
|
|
|
|
+ border-radius: 10upx;
|
|
|
|
|
+ margin-left:10upx;
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ }
|
|
|
|
|
+ .title{
|
|
|
|
|
+ margin-left:20upx;
|
|
|
|
|
+ float:left;
|
|
|
|
|
+ width:600upx;
|
|
|
|
|
+ height:100upx;
|
|
|
|
|
+ line-height:100upx;
|
|
|
|
|
+ font-size:38upx;
|
|
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|