Commit 3f286686 authored by linxin's avatar linxin

增加在线支付

parent 6c113113
...@@ -160,17 +160,20 @@ export default { ...@@ -160,17 +160,20 @@ export default {
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.toPayEntry(vm.money) let e = res.order_id
vm.toPayEntry(e)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
toPayEntry (money) { toPayEntry (e) {
this.$router.push({ this.$router.push({
name: 'PayEntry', name: 'PayEntry',
params: { params: {
money, money: this.money,
order_id: e,
}, },
}) })
}, },
......
...@@ -123,17 +123,19 @@ export default { ...@@ -123,17 +123,19 @@ export default {
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.toPayEntry(vm.money) let e = res.order_id
vm.toPayEntry(e)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
toPayEntry (money) { toPayEntry (e) {
this.$router.push({ this.$router.push({
name: 'PayEntry', name: 'PayEntry',
params: { params: {
money, money: this.money,
order_id: e,
}, },
}) })
}, },
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
v-for="(item,index) in nongBank" v-for="(item,index) in nongBank"
:proportion="[7,1,1]" :proportion="[7,1,1]"
:key="item.bank_account_num" :key="item.bank_account_num"
@click.native="isSelect(`nong${index}`);ischeck(item)" @click.native="isSelect(`nong${index}`);ischeck(item);confirmToPay(item)"
> >
<div slot="name" style="flex=3"> <div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" > <img :src="selectImg(item)" alt class="icon" >
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt > <img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt >
</section> </section>
</item> </item>
<item :proportion="[7,1,1]" @click.native="isSelect('one');ischeck('one')"> <!-- <item :proportion="[7,1,1]" @click.native="isSelect('one');ischeck('one')">
<div slot="name"> <div slot="name">
<img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝 <img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝
</div> </div>
...@@ -55,12 +55,12 @@ ...@@ -55,12 +55,12 @@
<img v-show="select === 'two'" src="@/assets/payment/select.png" alt > <img v-show="select === 'two'" src="@/assets/payment/select.png" alt >
<img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt > <img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt >
</section> </section>
</item> </item> -->
<item <item
v-for="(item,index) in newList" v-for="(item,index) in newList"
:proportion="[7,1,1]" :proportion="[7,1,1]"
:key="index" :key="index"
@click.native="isSelect(`three${index}`);ischeck(item)" @click.native="isSelect(`three${index}`);ischeck(item);confirmToPay(item)"
> >
<div slot="name" style="flex=3"> <div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" > <img :src="selectImg(item)" alt class="icon" >
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
</div> </div>
</div> </div>
<bottom-tab> <bottom-tab>
<tab-button class="foot" @click.native="pay">立即支付</tab-button> <tab-button class="foot" @click.native="checkPay">立即支付</tab-button>
</bottom-tab> </bottom-tab>
</div> </div>
</div> </div>
...@@ -212,28 +212,15 @@ export default { ...@@ -212,28 +212,15 @@ export default {
}, },
newList () { newList () {
let vm = this let vm = this
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
let notNong = vm.lists.filter(i => { let notNong = vm.lists.filter(i => {
return i.bank_full_name.indexOf('农业') === -1 return i.bank_full_name.indexOf('农业') === -1
}) })
if (vm.flag) { // else {
vm.select = 'nong0' // vm.select = 'one'
vm.checkType.bank_full_name = '农业银行' // vm.checkType.bank_full_name = '支付宝'
vm.checkType.img = ny // vm.checkType.img = zfb
vm.checkType.bank_account_num = this.nongBank[0].bank_account_num // vm.sectctNong = false
vm.sectctNong = true // }
} else {
vm.select = 'one'
vm.checkType.bank_full_name = '支付宝'
vm.checkType.img = zfb
vm.sectctNong = false
}
return notNong return notNong
}, },
}, },
...@@ -310,17 +297,50 @@ export default { ...@@ -310,17 +297,50 @@ export default {
} }
this.show = false this.show = false
}, },
confirmToPay (e) {
let vm = this
let url = process.env.basePath + 'update_order_info'
let param = {
info: {
order_id: vm.$route.params.order_id,
fee: vm.sumMoney,
bank_account_id: e.bank_account_id,
pay_type: e.pay_type,
},
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
if (res.result === 'S') {
vm.hlsPopup.hideLoading()
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
checkPay () {
let vm = this
if (parseFloat(vm.sumMoney) === 0) {
hlsPopup.showLongCenter('您支付的金额为0元')
console.log('您支付的金额为0元')
} else if (parseFloat(vm.sumMoney) > 0) {
vm.pay()
}
},
pay () { pay () {
let vm = this let vm = this
let url = process.env.basePath + 'merchant_payment'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
setTimeout(() => { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (vm.money === 0) { if (res.result === 'S') {
vm.downNum = true window.open(res.paymentURL)
} else { } else {
vm.changePage() hlsPopup.showLongCenter(res.message)
} }
}, 2000) })
}, },
affirm () { affirm () {
this.confirm = true this.confirm = true
...@@ -346,6 +366,32 @@ export default { ...@@ -346,6 +366,32 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.lists = res.lists vm.lists = res.lists
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
if (vm.flag) {
vm.select = 'nong0'
vm.checkType.bank_full_name = '农业银行'
vm.checkType.img = ny
vm.checkType.bank_account_num = vm.nongBank[0].bank_account_num
vm.sectctNong = true
vm.confirmToPay(vm.nongBank[0])
} else if (!vm.flag && vm.lists.length !== 0) {
vm.select = 'three0'
vm.checkType.bank_full_name = vm.newList[0].bank_full_name
vm.checkType.img = vm.selectImg(vm.newList[0])
vm.checkType.bank_account_num = vm.newList[0].bank_account_num
vm.sectctNong = true
vm.confirmToPay(vm.lists[0])
} else if (!vm.flag && vm.lists === 0) {
vm.sectctNong = false
hlsPopup.showLongCenter('请先绑定银行卡')
vm.checkType.bank_full_name = '(无)'
}
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -356,7 +402,7 @@ export default { ...@@ -356,7 +402,7 @@ export default {
</script> </script>
<style lang='less' > <style lang='less' >
#pay-entry { #pay-entry {
.vue-better-scroll__wrapper{ .vue-better-scroll__wrapper {
padding: 0; padding: 0;
} }
.trans-enter-active, .trans-enter-active,
...@@ -380,7 +426,7 @@ export default { ...@@ -380,7 +426,7 @@ export default {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:18%; top: 18%;
background: #fff; background: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
...@@ -423,7 +469,7 @@ export default { ...@@ -423,7 +469,7 @@ export default {
height: 466px; height: 466px;
width: 100%; width: 100%;
position: relative; position: relative;
top:18%; top: 18%;
background: #fff; background: #fff;
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
overflow: scroll; overflow: scroll;
...@@ -463,7 +509,7 @@ export default { ...@@ -463,7 +509,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
div{ div {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
......
...@@ -212,18 +212,19 @@ export default { ...@@ -212,18 +212,19 @@ export default {
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.toPayEntry(vm.sumMoney) vm.toPayEntry(res.order_id)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
toPayEntry (money) { toPayEntry (e) {
this.$router.push({ this.$router.push({
name: 'PaymentPayEntry', name: 'PaymentPayEntry',
params: { params: {
sumMoney: this.sumMoney, sumMoney: this.sumMoney,
money: this.money, money: this.money,
order_id: e,
}, },
}) })
}, },
......
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.toPayEntry(vm.money) vm.toPayEntry(res.order_id)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -157,11 +157,12 @@ export default { ...@@ -157,11 +157,12 @@ export default {
} }
}) })
}, },
toPayEntry () { toPayEntry (e) {
this.$router.push({ this.$router.push({
name: 'PaymentPayEntry', name: 'PaymentPayEntry',
params: { params: {
money: this.money, money: this.money,
order_id: e,
}, },
}) })
}, },
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
v-for="(item,index) in nongBank" v-for="(item,index) in nongBank"
:proportion="[7,1,1]" :proportion="[7,1,1]"
:key="item.bank_account_num" :key="item.bank_account_num"
@click.native="isSelect(`nong${index}`);ischeck(item)" @click.native="isSelect(`nong${index}`);ischeck(item);confirmToPay(item)"
> >
<div slot="name" style="flex=3"> <div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" > <img :src="selectImg(item)" alt class="icon" >
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt > <img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt >
</section> </section>
</item> </item>
<item :proportion="[7,1,1]" @click.native="isSelect('one');ischeck('one')"> <!-- <item :proportion="[7,1,1]" @click.native="isSelect('one');ischeck('one')">
<div slot="name"> <div slot="name">
<img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝 <img src="@/assets/payment/alipay.png" alt class="icon1" > 支付宝
</div> </div>
...@@ -55,12 +55,12 @@ ...@@ -55,12 +55,12 @@
<img v-show="select === 'two'" src="@/assets/payment/select.png" alt > <img v-show="select === 'two'" src="@/assets/payment/select.png" alt >
<img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt > <img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt >
</section> </section>
</item> </item> -->
<item <item
v-for="(item,index) in newList" v-for="(item,index) in newList"
:proportion="[7,1,1]" :proportion="[7,1,1]"
:key="index" :key="index"
@click.native="isSelect(`three${index}`);ischeck(item)" @click.native="isSelect(`three${index}`);ischeck(item);confirmToPay(item)"
> >
<div slot="name" style="flex=3"> <div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" > <img :src="selectImg(item)" alt class="icon" >
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
</div> </div>
</div> </div>
<bottom-tab> <bottom-tab>
<tab-button class="footer" @click.native="pay">立即支付</tab-button> <tab-button class="footer" @click.native="checkPay">立即支付</tab-button>
</bottom-tab> </bottom-tab>
</div> </div>
</div> </div>
...@@ -210,28 +210,11 @@ export default { ...@@ -210,28 +210,11 @@ export default {
}, },
newList () { newList () {
let vm = this let vm = this
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
let notNong = vm.lists.filter(i => { let notNong = vm.lists.filter(i => {
return i.bank_full_name.indexOf('农业') === -1 return i.bank_full_name.indexOf('农业') === -1
}) })
if (vm.flag) {
vm.select = 'nong0'
vm.checkType.bank_full_name = '农业银行'
vm.checkType.img = ny
vm.checkType.bank_account_num = this.nongBank[0].bank_account_num
vm.sectctNong = true
} else {
vm.select = 'one'
vm.checkType.bank_full_name = '支付宝'
vm.checkType.img = zfb
vm.sectctNong = false
}
return notNong return notNong
}, },
}, },
...@@ -254,17 +237,50 @@ export default { ...@@ -254,17 +237,50 @@ export default {
affirm () { affirm () {
this.confirm = true this.confirm = true
}, },
confirmToPay (e) {
let vm = this
let url = process.env.basePath + 'update_order_info'
let param = {
info: {
order_id: vm.$route.params.order_id,
fee: vm.sumMoney,
bank_account_id: e.bank_account_id,
pay_type: e.pay_type,
},
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
if (res.result === 'S') {
vm.hlsPopup.hideLoading()
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
checkPay () {
let vm = this
if (parseFloat(vm.sumMoney) === 0) {
hlsPopup.showLongCenter('您支付的金额为0元')
console.log('您支付的金额为0元')
} else if (parseFloat(vm.sumMoney) > 0) {
vm.pay()
}
},
pay () { pay () {
let vm = this let vm = this
let url = process.env.basePath + 'merchant_payment'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
setTimeout(() => { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (vm.money === 0) { if (res.result === 'S') {
vm.downNum = true window.open(res.paymentURL)
} else { } else {
vm.goSuccess() hlsPopup.showLongCenter(res.message)
} }
}, 2000) })
}, },
ischeck (way) { ischeck (way) {
if (way === 'one') { if (way === 'one') {
...@@ -342,6 +358,32 @@ export default { ...@@ -342,6 +358,32 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.lists = res.lists vm.lists = res.lists
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
if (vm.flag) {
vm.select = 'nong0'
vm.checkType.bank_full_name = '农业银行'
vm.checkType.img = ny
vm.checkType.bank_account_num = vm.nongBank[0].bank_account_num
vm.sectctNong = true
vm.confirmToPay(vm.nongBank[0])
} else if (!vm.flag && vm.lists.length !== 0) {
vm.select = 'three0'
vm.checkType.bank_full_name = vm.newList[0].bank_full_name
vm.checkType.img = vm.selectImg(vm.newList[0])
vm.checkType.bank_account_num = vm.newList[0].bank_account_num
vm.sectctNong = true
vm.confirmToPay(vm.lists[0])
} else if (!vm.flag && vm.lists === 0) {
vm.sectctNong = false
hlsPopup.showLongCenter('请先绑定银行卡')
vm.checkType.bank_full_name = '(无)'
}
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
......
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