angelo
/
web-base-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'bd-dev' of gitee.com:cabbage_qd/web-base-h5 into bd-test

This commit is contained in:
woody 2025-06-18 15:57:47 +08:00
parent 1bf6ebc801 b38e4cbfb1
commit 224283c09a
4 changed files with 1322 additions and 1257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

211
pages/mine/balance/index.vue
View File

@ -2,21 +2,39 @@
<view class="content"> <view class="content">
<u-toast ref="uToast"></u-toast> <u-toast ref="uToast"></u-toast>
<view v-if="!ifshowBtn" class="topbar"> <view v-if="!ifshowBtn" class="topbar">
<view class="levelList_i" v-for="(item, index) in topList" :key="index" @click.prevent="handleLink(item)"> <view
class="levelList_i"
v-for="(item, index) in topList"
:key="index"
@click.prevent="handleLink(item)"
>
{{ item.name }} {{ item.name }}
</view> </view>
</view> </view>
<view class="balance"> <view class="balance">
<view class="ba_list" :style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }" <view
v-for="(item,index) in balanceList" :key="index"> class="ba_list"
:style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }"
v-for="(item, index) in balanceList"
:key="index"
>
<view class="balance_title"> <view class="balance_title">
<view class="title_left"> <view class="title_left">
<view class="">{{ item.pkAccountVal }}</view> <view class="">{{ item.pkAccountVal }}</view>
<image v-if="!item.canSee" @click="item.canSee=!item.canSee" class="eyeimg" <image
src="../../../static/images/my_eye.png" mode=""></image> v-if="!item.canSee"
<image v-if="item.canSee" @click="item.canSee=!item.canSee" class="eyeimg" @click="item.canSee = !item.canSee"
src="../../../static/images/my_eye2.png" mode=""></image> class="eyeimg"
src="../../../static/images/my_eye.png"
mode=""
></image>
<image
v-if="item.canSee"
@click="item.canSee = !item.canSee"
class="eyeimg"
src="../../../static/images/my_eye2.png"
mode=""
></image>
</view> </view>
<view class="title_right" @click="goTrans">{{ '交易明细' }}</view> <view class="title_right" @click="goTrans">{{ '交易明细' }}</view>
</view> </view>
@ -31,71 +49,91 @@
<view class="balance_line"> <view class="balance_line">
<view>{{ `${'可用余额'}(${userInfo.currencyIcon})` }}</view> <view>{{ `${'可用余额'}(${userInfo.currencyIcon})` }}</view>
<view> <view>
<text v-if="item.canSee">{{item.availableBalance|numberToCurrency}}</text> <text v-if="item.canSee">{{
item.availableBalance | numberToCurrency
}}</text>
<text v-else>****</text> <text v-else>****</text>
</view> </view>
</view> </view>
<view class="balance_line"> <view class="balance_line">
<view style="display: flex; align-items: center">
<view style="display: flex;align-items: center;"> <view style="margin-right: 20rpx">{{
<view style="margin-right: 20rpx;">{{`${'不可用余额'}(${userInfo.currencyIcon})`}}</view> `${'不可用余额'}(${userInfo.currencyIcon})`
<image @click="showToast(item)" style="width: 25rpx;height:25rpx;" }}</view>
src="../../../static/images/my_tip.png" mode=""> <image
@click="showToast(item)"
style="width: 25rpx; height: 25rpx"
src="../../../static/images/my_tip.png"
mode=""
>
</image> </image>
</view> </view>
<view> <view>
<text v-if="item.canSee">{{item.unavailableBalance|numberToCurrency}}</text> <text v-if="item.canSee">{{
item.unavailableBalance | numberToCurrency
}}</text>
<text v-else>****</text> <text v-else>****</text>
</view> </view>
</view> </view>
<view v-if="item.accountType == 4" class="balance_line"> <view v-if="item.accountType == 4" class="balance_line">
<view>{{ `${'可提现金额'}(${userInfo.currencyIcon})` }}</view> <view>{{ `${'可提现金额'}(${userInfo.currencyIcon})` }}</view>
<view> <view>
<text v-if="item.canSee">{{item.withdrawBalance|numberToCurrency}}</text> <text v-if="item.canSee">{{
item.withdrawBalance | numberToCurrency
}}</text>
<text v-else>****</text> <text v-else>****</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<u-modal @confirm="toUnBind" @cancel='isNoBind=false' :show="isNoBind" title="提示" width="100%" <u-modal
:showCancelButton="true" content='请先进行经销商认证'></u-modal> @confirm="toUnBind"
@cancel="isNoBind = false"
:show="isNoBind"
title="提示"
width="100%"
:showCancelButton="true"
content="请先进行经销商认证"
></u-modal>
</view> </view>
</template> </template>
<script> <script>
import * as bal from "@/config/balance.js" import * as bal from '@/config/balance.js'
export default { export default {
data() { data() {
return { return {
topList: [{ topList: [
{
name: '充值', name: '充值',
path: '/pages/pay/index', path: '/pages/pay/index',
id: '1' id: '1',
}, { },
{
name: '提现', name: '提现',
path: '/pages/mine/balance/withdrawal', path: '/pages/mine/balance/withdrawal',
id: '2' id: '2',
}, { },
{
name: '转账', name: '转账',
path: '/pages/mine/balance/transfer', path: '/pages/mine/balance/transfer',
id: '3' id: '3',
}, ], },
tabActive: "", ],
tabActive: '',
balanceList: [], balanceList: [],
userInfo: {}, userInfo: {},
ifshowBtn: false, ifshowBtn: false,
isNoBind:false isNoBind: false,
} }
}, },
onLoad() { onLoad() {
let params = { let params = {
ifcz: true ifcz: true,
} }
this.topList[0].path = '/pages/pay/index?paramsPost=' + JSON.stringify(params) this.topList[0].path =
'/pages/pay/index?paramsPost=' + JSON.stringify(params)
this.getList() this.getList()
this.userInfo = uni.getStorageSync('User') this.userInfo = uni.getStorageSync('User')
}, },
@ -105,44 +143,50 @@
}, },
methods: { methods: {
ifCodeName() { ifCodeName() {
if (this.userInfo.memberCode == 'CN68880628') { if (this.userInfo.memberCode == 'BD68880628') {
this.ifshowBtn = true this.ifshowBtn = true
} else { } else {
this.ifshowBtn = false this.ifshowBtn = false
} }
}, },
gettopList() { gettopList() {
if (this.userInfo.pkCountry == 1 && this.userInfo.pkGradeId == 1) { if (this.userInfo.pkCountry == 1 && this.userInfo.pkGradeId == 1) {
this.topList = [{ this.topList = [
{
name: '充值', name: '充值',
path: '/pages/pay/index', path: '/pages/pay/index',
id: '1' id: '1',
}, { },
{
name: '提现', name: '提现',
path: '/pages/mine/balance/withdrawal', path: '/pages/mine/balance/withdrawal',
id: '2' id: '2',
}, ] },
]
} else { } else {
this.topList = [{ this.topList = [
{
name: '充值', name: '充值',
path: '/pages/pay/index', path: '/pages/pay/index',
id: '1' id: '1',
}, { },
{
name: '提现', name: '提现',
path: '/pages/mine/balance/withdrawal', path: '/pages/mine/balance/withdrawal',
id: '2' id: '2',
}, { },
{
name: '转账', name: '转账',
path: '/pages/mine/balance/transfer', path: '/pages/mine/balance/transfer',
id: '3' id: '3',
}, ] },
]
} }
}, },
//交易明细跳转 //交易明细跳转
goTrans() { goTrans() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/mine/balance/transDetail' url: '/pages/mine/balance/transDetail',
}) })
}, },
showToast(item) { showToast(item) {
@ -151,7 +195,6 @@
}) })
}, },
getList() { getList() {
bal.getWalletBalance().then(res => { bal.getWalletBalance().then(res => {
res.data.memberWalletBalanceVOList.forEach(ele => { res.data.memberWalletBalanceVOList.forEach(ele => {
ele.canSee = false ele.canSee = false
@ -160,90 +203,87 @@
}) })
}, },
checkExit(item) { checkExit(item) {
bal.getIsExist({ bal
businessModule: item.id - 1 .getIsExist({
}).then((res) => { businessModule: item.id - 1,
if (res.code == 200 && res.flag == "Y") {
uni.navigateTo({
url: item.path
}) })
} else if (res.code == 200 && res.flag == "N") { .then(res => {
if (res.code == 200 && res.flag == 'Y') {
uni.navigateTo({
url: item.path,
})
} else if (res.code == 200 && res.flag == 'N') {
this.isNoBind = true this.isNoBind = true
// uni.navigateTo({ // uni.navigateTo({
// url: "/pages/mine/addLicense/addLicense" // url: "/pages/mine/addLicense/addLicense"
// }) // })
} }
}); })
}, },
toUnBind() { toUnBind() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/delear/index" url: '/pages/delear/index',
}) })
}, },
handleLink(item) { handleLink(item) {
this.tabActive = item.path; this.tabActive = item.path
if (item.id == 2 || item.id == 3) { if (item.id == 2 || item.id == 3) {
if (this.userInfo.pkCountry == 1) { if (this.userInfo.pkCountry == 1) {
if (this.userInfo.pkGradeId == 1 && item.id == 2) { if (this.userInfo.pkGradeId == 1 && item.id == 2) {
} else { } else {
bal.getIfAuth({ bal
businessModule: item.id - 1 .getIfAuth({
}).then(res => { businessModule: item.id - 1,
if (res.code == 200 && res.flag == "Y") { })
.then(res => {
if (res.code == 200 && res.flag == 'Y') {
this.checkExit(item) this.checkExit(item)
} else if (res.code == 200 && res.flag == "N") { } else if (res.code == 200 && res.flag == 'N') {
this.smShow = true; this.smShow = true
uni.showToast({ uni.showToast({
title: '请先进行实名认证' title: '请先进行实名认证',
}) })
uni.navigateTo({ uni.navigateTo({
url: "/pages/selfService/realName/realName" url: '/pages/selfService/realName/realName',
}) })
} }
}) })
} }
} else { } else {
uni.navigateTo({ uni.navigateTo({
url: item.path url: item.path,
}) })
} }
} else { } else {
let paramsPost = { let paramsPost = {
ifcz: true ifcz: true,
}; }
uni.navigateTo({ uni.navigateTo({
url: `${item.path}?paramsPost=${encodeURIComponent(JSON.stringify(paramsPost))}` url: `${item.path}?paramsPost=${encodeURIComponent(JSON.stringify(paramsPost))}`,
}); })
} }
}, },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
background: #f2f2f2; background: #f2f2f2;
padding-bottom: 40rpx; padding-bottom: 40rpx;
.topbar { .topbar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 27rpx 0; padding: 27rpx 0;
background-color: #FFFFFF; background-color: #ffffff;
.levelList_i { .levelList_i {
min-width: 200rpx; min-width: 200rpx;
height: 60rpx; height: 60rpx;
border: 2rpx solid #DDDDDD; border: 2rpx solid #dddddd;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -254,16 +294,14 @@
} }
.levelList_i:active { .levelList_i:active {
background-color: #005BAC; background-color: #005bac;
color: #ffffff; color: #ffffff;
} }
} }
.balance { .balance {
padding: 0 23rpx; padding: 0 23rpx;
background: #F2F2F2; background: #f2f2f2;
.ba_list { .ba_list {
margin-top: 30rpx; margin-top: 30rpx;
@ -328,6 +366,5 @@
} }
} }
} }
} }
</style> </style>

2
pages/mine/index.vue
View File

@ -577,7 +577,7 @@ export default {
api.getInfo().then(res => { api.getInfo().then(res => {
if (res) { if (res) {
this.userInfo = res.data this.userInfo = res.data
if (this.userInfo.memberCode == 'CN68880628') { if (this.userInfo.memberCode == 'BD68880628') {
this.ifSpecial = true this.ifSpecial = true
this.otherMenuList = [ this.otherMenuList = [
{ {

421
pages/pay/index.vue
View File

@ -1,41 +1,41 @@
<template> <template>
<view class="content"> <view class="content">
<view class="index_header"> <view class="index_header"> </view>
</view>
<view class="contxt"> <view class="contxt">
<!-- 充值 --> <!-- 充值 -->
<template v-if="ifcz"> <template v-if="ifcz">
<div class="tit4">{{ '充值金额' }}</div> <div class="tit4">{{ '充值金额' }}</div>
<u-input class="czinputbox" <u-input class="czinputbox" v-model="czJe"></u-input>
v-model="czJe"></u-input>
</template> </template>
<template v-else> <template v-else>
<view class="tit">{{ '待支付金额' }}</view> <view class="tit">{{ '待支付金额' }}</view>
<view class="tit1"> <view class="tit1">
{{ userInfo.currencyIcon }}{{ orderData.orderAmount | numberToCurrency }} {{ userInfo.currencyIcon
}}{{ orderData.orderAmount | numberToCurrency }}
</view> </view>
<view class="tit2">{{'请在'}} <view class="tit2"
<view class="tit3">{{ countDown }}</view>{{'内完成支付，否则订单将会被自动取消'}} >{{ '请在' }} <view class="tit3">{{ countDown }}</view
>{{ '内完成支付，否则订单将会被自动取消' }}
</view> </view>
</template> </template>
<view class="kuang"> <view class="kuang">
<u-collapse
<u-collapse :value="activeNames" :value="activeNames"
ref="collapse" ref="collapse"
@open="change" @open="change"
@close="close" @close="close"
accordion accordion
:border="false"> :border="false"
<u-collapse-item name="1" >
v-if="!ifcz&&!isShare&userInfo.memberCode!='CN68880628'"> <u-collapse-item
<view slot="title" name="1"
class="pf"> <img src="@/static/images/yhkzf.jpg" v-if="!ifcz && !isShare & (userInfo.memberCode != 'CN68880628')"
alt="" /> >
<view slot="title" BD68880628 class="pf">
<img src="@/static/images/yhkzf.jpg" alt="" />
<view>{{ '钱包支付' }}</view> <view>{{ '钱包支付' }}</view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-if="payDetail.payAccount1 > 0">
v-if="payDetail.payAccount1 > 0">
<view class="tTit">{{ '消费账户' }}</view> <view class="tTit">{{ '消费账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -46,8 +46,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount2 > 0">
v-show="payDetail.payAccount2 > 0">
<view class="tTit">{{ '现金账户' }}</view> <view class="tTit">{{ '现金账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -58,8 +57,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount3 > 0">
v-show="payDetail.payAccount3 > 0">
<view class="tTit">{{ '政策账户' }}</view> <view class="tTit">{{ '政策账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -70,8 +68,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount4 > 0">
v-show="payDetail.payAccount4 > 0">
<view class="tTit">{{ '奖金账户' }}</view> <view class="tTit">{{ '奖金账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -82,8 +79,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount5 > 0">
v-show="payDetail.payAccount5 > 0">
<view class="tTit">{{ '重消账户' }}</view> <view class="tTit">{{ '重消账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -94,8 +90,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount6 > 0">
v-show="payDetail.payAccount6 > 0">
<view class="tTit">{{ '积分账户' }}</view> <view class="tTit">{{ '积分账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -106,8 +101,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount7 > 0">
v-show="payDetail.payAccount7 > 0">
<view class="tTit">{{ '鼓励账户' }}</view> <view class="tTit">{{ '鼓励账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -118,8 +112,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount8 > 0">
v-show="payDetail.payAccount8 > 0">
<view class="tTit">{{ '复购券账户' }}</view> <view class="tTit">{{ '复购券账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -130,8 +123,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount9 > 0">
v-show="payDetail.payAccount9 > 0">
<view class="tTit">{{ '全球积分' }}</view> <view class="tTit">{{ '全球积分' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -142,8 +134,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount10 > 0">
v-show="payDetail.payAccount10 > 0">
<view class="tTit">{{ '车奖积分' }}</view> <view class="tTit">{{ '车奖积分' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -154,20 +145,16 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount12 > 0">
v-show="payDetail.payAccount12 > 0">
<view class="tTit">{{ '法宝券' }}</view> <view class="tTit">{{ '法宝券' }}</view>
<view class="lan"> <view class="lan">
<view> <view> </view>
</view>
<view> <view>
-{{ payDetail.payAccount12 | numberToCurrency | isLocal }} -{{ payDetail.payAccount12 | numberToCurrency | isLocal }}
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" <view class="quan_i" v-show="payDetail.payAccount13 > 0">
v-show="payDetail.payAccount13 > 0">
<view class="tTit">{{ '海豆账户' }}</view> <view class="tTit">{{ '海豆账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -180,212 +167,172 @@
</view> </view>
</u-collapse-item> </u-collapse-item>
<!-- 暂时隐藏在线支付 --> <!-- 暂时隐藏在线支付 -->
<u-collapse-item name="2" <u-collapse-item name="2" v-if="onlinePay && false">
v-if="onlinePay && false"> <view slot="title" class="pf">
<view slot="title" <img src="@/static/images/under_pay.png" alt="" />
class="pf"> <img src="@/static/images/under_pay.png"
alt="" />
<view>{{ '在线支付' }}</view> <view>{{ '在线支付' }}</view>
</view> </view>
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay11">
v-show="this.payList.pay11">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i2.png" <img src="@/static/images/pay_i2.png" alt="" />
alt="" />
<view>{{ '宝付微信支付' }}</view> <view>{{ '宝付微信支付' }}</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="11">
size="14"
label=""
:name="11">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay12">
v-show="this.payList.pay12">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i2.png" <img src="@/static/images/pay_i2.png" alt="" />
alt="" />
<view>{{ '宝付微信扫码' }}</view> <view>{{ '宝付微信扫码' }}</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="12">
size="14"
label=""
:name="12">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay13">
v-show="this.payList.pay13">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i2.png" <img src="@/static/images/pay_i2.png" alt="" />
alt="" />
<view>{{ '汇付微信支付' }}</view> <view>{{ '汇付微信支付' }}</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="13">
size="14"
label=""
:name="13">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<!-- 微信支付 --> <!-- 微信支付 -->
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay73">
v-show="this.payList.pay73">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i2.png" <img src="@/static/images/pay_i2.png" alt="" />
alt="" />
<view>{{ '微信支付' }}</view> <view>{{ '微信支付' }}</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="73">
size="14"
label=""
:name="73">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<!-- 支付宝支付 --> <!-- 支付宝支付 -->
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay74">
v-show="this.payList.pay74">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i3.png" <img src="@/static/images/pay_i3.png" alt="" />
alt="" />
<view>{{ '支付宝支付' }}</view> <view>{{ '支付宝支付' }}</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="74">
size="14"
label=""
:name="74">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="flex_ac1" <view class="flex_ac1" v-show="this.payList.pay15">
v-show="this.payList.pay15">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/jdBank.jpg" <img src="@/static/images/jdBank.jpg" alt="" />
alt="" />
<view>{{ '汇付银行卡' }} </view> <view>{{ '汇付银行卡' }} </view>
</view> </view>
<view class="pad"> <view class="pad">
<view v-for="(item, index) in hfList" <view
v-for="(item, index) in hfList"
:key="index" :key="index"
class="pay_flax flex_bet" class="pay_flax flex_bet"
@click.prevent="selPayRadio('hf' + index)"> @click.prevent="selPayRadio('hf' + index)"
>
<view class="flax_i"> <view class="flax_i">
<view>{{ item.bankName }} ({{ item.bankNo }})</view> <view>{{ item.bankName }} ({{ item.bankNo }})</view>
<view class="fixBind" <view class="fixBind" @click="fixBind(item)">解绑</view>
@click="fixBind(item)">解绑</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio
activeColor="red"
size="14" size="14"
label='' label=""
:name="'hf' + index"> :name="'hf' + index"
>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="pay_flax flax_i" <view class="pay_flax flax_i" @click="bindBank('hf')">
@click="bindBank('hf')"> <img class="img1" src="@/static/images/addto.png" alt="" />
<img class="img1"
src="@/static/images/addto.png"
alt="" />
<view>{{ '绑定银行卡' }}</view> <view>{{ '绑定银行卡' }}</view>
</view> </view>
</view> </view>
</view> </view>
<view class="flex_ac" <view class="flex_ac" v-show="this.payList.pay32">
v-show="this.payList.pay32">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/pay_i2.png" <img src="@/static/images/pay_i2.png" alt="" />
alt="" />
<view>通联微信支付</view> <view>通联微信支付</view>
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio activeColor="red" size="14" label="" :name="32">
size="14"
label=""
:name="32">
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="flex_ac1" <view class="flex_ac1" v-show="this.payList.pay4">
v-show="this.payList.pay4">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/jdBank.jpg" <img src="@/static/images/jdBank.jpg" alt="" />
alt="" />
<view>{{ '京东银行卡' }}</view> <view>{{ '京东银行卡' }}</view>
</view> </view>
<view class="pad"> <view class="pad">
<view v-for="(item, index) in jdList" <view
v-for="(item, index) in jdList"
:key="index" :key="index"
class="pay_flax flex_bet" class="pay_flax flex_bet"
@click.prevent="selPayRadio('jd' + index)"> @click.prevent="selPayRadio('jd' + index)"
>
<view class="flax_i"> <view class="flax_i">
{{ item.bankName }} ({{ item.bankNo }}) {{ item.bankName }} ({{ item.bankNo }})
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio
activeColor="red"
size="14" size="14"
label='' label=""
:name="'jd' + index"> :name="'jd' + index"
>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="pay_flax flax_i" <view class="pay_flax flax_i" @click="bindBank('jd')">
@click="bindBank('jd')"> <img class="img1" src="@/static/images/addto.png" alt="" />
<img class="img1"
src="@/static/images/addto.png"
alt="" />
<view>{{ '绑定银行卡' }}</view> <view>{{ '绑定银行卡' }}</view>
</view> </view>
</view> </view>
</view> </view>
<view class="flex_ac1" <view class="flex_ac1" v-show="this.payList.pay33">
v-show="this.payList.pay33">
<view class="flex_ac_i"> <view class="flex_ac_i">
<img src="@/static/images/jdBank.jpg" <img src="@/static/images/jdBank.jpg" alt="" />
alt="" />
<view>{{ '通联银行卡' }}</view> <view>{{ '通联银行卡' }}</view>
</view> </view>
<view class="pad"> <view class="pad">
<view v-for="(item, index) in tlList" <view
v-for="(item, index) in tlList"
:key="index" :key="index"
class="pay_flax flex_bet" class="pay_flax flex_bet"
@click.prevent="selPayRadio('tl' + index)"> @click.prevent="selPayRadio('tl' + index)"
>
<view class="flax_i"> <view class="flax_i">
{{ item.bankName }} ({{ item.bankNo }}) {{ item.bankName }} ({{ item.bankNo }})
</view> </view>
<u-radio-group v-model="whatPay"> <u-radio-group v-model="whatPay">
<u-radio activeColor="red" <u-radio
activeColor="red"
size="14" size="14"
label='' label=""
:name="'tl' + index"> :name="'tl' + index"
>
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
<view class="pay_flax flax_i" <view class="pay_flax flax_i" @click="bindBank('tl')">
@click="bindBank('tl')"> <img class="img1" src="@/static/images/addto.png" alt="" />
<img class="img1"
src="@/static/images/addto.png"
alt="" />
<view>{{ '绑定银行卡' }}</view> <view>{{ '绑定银行卡' }}</view>
</view> </view>
</view> </view>
</view> </view>
</u-collapse-item> </u-collapse-item>
</u-collapse> </u-collapse>
</view> </view>
<view class="kuang" <view class="kuang" v-if="!ifcz">
v-if="!ifcz">
<div v-show="specialArea == 1 || specialArea == 24"> <div v-show="specialArea == 1 || specialArea == 24">
<div class="tit4">{{ '注册会员信息' }}</div> <div class="tit4">{{ '注册会员信息' }}</div>
<div class="quan"> <div class="quan">
@ -458,7 +405,9 @@
</div> </div>
</div> </div>
</div> </div>
<div v-show="specialArea == 2 || specialArea == 25|| specialArea == 27"> <div
v-show="specialArea == 2 || specialArea == 25 || specialArea == 27"
>
<div class="tit4">{{ '升级会员信息' }}</div> <div class="tit4">{{ '升级会员信息' }}</div>
<div class="quan"> <div class="quan">
<div class="kuang_i"> <div class="kuang_i">
@ -498,7 +447,9 @@
</div> </div>
</div> </div>
</div> </div>
<div v-show="specialArea == 3 || specialArea == 26 || specialArea==28"> <div
v-show="specialArea == 3 || specialArea == 26 || specialArea == 28"
>
<div class="tit4">{{ '复购会员信息' }}</div> <div class="tit4">{{ '复购会员信息' }}</div>
<div class="quan"> <div class="quan">
<div class="kuang_i"> <div class="kuang_i">
@ -640,35 +591,35 @@
</div> </div>
</div> </div>
</div> </div>
</view> </view>
</view> </view>
<!-- 输入验证码，密码 --> <!-- 输入验证码，密码 -->
<u-popup :show="isPw" <u-popup :show="isPw" mode="center" closeable @close="closePw">
mode="center"
closeable
@close="closePw">
<view class="t_tit">{{ '支付验证' }}</view> <view class="t_tit">{{ '支付验证' }}</view>
<view class="box"> <view class="box">
<view class="c_tit" v-if="isBank">{{ '请输入短信验证码' }}</view>
<view class="c_tit" <view class="c_tit" v-else>{{ '请输入密码' }}</view>
v-if="isBank">{{'请输入短信验证码'}}</view> <u--input
<view class="c_tit" v-if="isBank"
v-else>{{'请输入密码'}}</view>
<u--input v-if="isBank"
border="surround" border="surround"
v-model="codeValue"></u--input> v-model="codeValue"
<u--input v-else ></u--input>
<u--input
v-else
border="surround" border="surround"
type="password" type="password"
v-model="codeValue"></u--input> v-model="codeValue"
<u-button type="success" ></u--input>
<u-button
type="success"
class="uBtn" class="uBtn"
shape="circle" shape="circle"
:loading="isLoading" :loading="isLoading"
loadingText="支付中" loadingText="支付中"
@tap="payPw()" @tap="payPw()"
color="linear-gradient(to right, #005BAC, #005BAC )">{{'立即支付'}} </u-button> color="linear-gradient(to right, #005BAC, #005BAC )"
>{{ '立即支付' }}
</u-button>
</view> </view>
</u-popup> </u-popup>
<!-- 底部 --> <!-- 底部 -->
@ -694,60 +645,54 @@
<u-modal <u-modal
:show="showSucce" :show="showSucce"
showConfirmButton showConfirmButton
:content='content' :content="content"
confirmColor='#DE3932' confirmColor="#DE3932"
@confirm="reset" @confirm="reset"
ref="uModal" ref="uModal"
:asyncClose="true"></u-modal> :asyncClose="true"
></u-modal>
<!-- 二维码 --> <!-- 二维码 -->
<u-popup :show="wxPopup" <u-popup :show="wxPopup" mode="center" closeable @close="closewxPopup">
mode="center"
closeable
@close="closewxPopup">
<view class="t_tit">{{ '微信支付' }}</view> <view class="t_tit">{{ '微信支付' }}</view>
<view class="pay_code"> <view class="pay_code">
<div ref="qrCodeUrlWx" <div ref="qrCodeUrlWx" id="qrCodeUrlWx" class="qrcode"></div>
id="qrCodeUrlWx" <div style="text-align: center">
class="qrcode"></div> <img
<div style="text-align: center;"> :src="qrcodeimg"
<img :src="qrcodeimg"
alt="" alt=""
width="280" width="280"
height="280" height="280"
v-show="qrcodeimg"> v-show="qrcodeimg"
/>
</div> </div>
</view> </view>
</u-popup> </u-popup>
<!-- 支付宝二维码 --> <!-- 支付宝二维码 -->
<u-popup :show="wxPopup1" <u-popup :show="wxPopup1" mode="center" closeable @close="closewxPopup">
mode="center"
closeable
@close="closewxPopup">
<view class="t_tit">{{ '支付宝支付' }}</view> <view class="t_tit">{{ '支付宝支付' }}</view>
<view class="pay_code"> <view class="pay_code">
<div ref="qrCodeUrlWx" <div ref="qrCodeUrlWx" id="qrCodeUrlWx" class="qrcode"></div>
id="qrCodeUrlWx" <div style="text-align: center">
class="qrcode"></div> <img
<div style="text-align: center;"> :src="qrcodeimg"
<img :src="qrcodeimg"
alt="" alt=""
width="280" width="280"
height="280" height="280"
v-show="qrcodeimg"> v-show="qrcodeimg"
/>
</div> </div>
</view> </view>
</u-popup> </u-popup>
<successDialog <successDialog @successClose="successClose" ref="successDialog" />
@successClose="successClose" <u-modal
ref="successDialog" @confirm="toUnBind"
/> @cancel="isNoBind = false"
<u-modal @confirm="toUnBind"
@cancel='isNoBind=false'
:show="isNoBind" :show="isNoBind"
title="提示" title="提示"
width="100%" width="100%"
:showCancelButton="true" :showCancelButton="true"
content='是否确定解绑该银行卡'></u-modal> content="是否确定解绑该银行卡"
></u-modal>
</view> </view>
</template> </template>
@ -873,7 +818,7 @@ export default {
.unBind({ .unBind({
bindCode: this.unBindCode, bindCode: this.unBindCode,
}) })
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
uni.showToast({ uni.showToast({
title: '解绑成功', title: '解绑成功',
@ -901,7 +846,7 @@ export default {
pkBaseId: this.luckydrawData.pkBaseId, pkBaseId: this.luckydrawData.pkBaseId,
payNum: this.luckydrawData.payNum, payNum: this.luckydrawData.payNum,
}) })
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
this.orderData.orderAmount = res.data.toBePaidMoney this.orderData.orderAmount = res.data.toBePaidMoney
this.payDetail = res.data this.payDetail = res.data
@ -982,7 +927,7 @@ export default {
pkBaseId: this.luckydrawData.pkBaseId, pkBaseId: this.luckydrawData.pkBaseId,
pkSettleCountry: this.pkCountry, pkSettleCountry: this.pkCountry,
} }
api.payDrawGift(obj).then((res) => { api.payDrawGift(obj).then(res => {
if (res.code == 200) { if (res.code == 200) {
// this.$message({ // this.$message({
// message: res.msg, // message: res.msg,
@ -998,7 +943,7 @@ export default {
} }
}) })
} else { } else {
url(obj).then((res) => { url(obj).then(res => {
if (res.code == 200) { if (res.code == 200) {
this.isPw = false this.isPw = false
if ( if (
@ -1057,7 +1002,7 @@ export default {
.preCharge({ .preCharge({
rechargeAmount: this.czJe, rechargeAmount: this.czJe,
}) })
.then((res) => { .then(res => {
this.paramsPost = res.data this.paramsPost = res.data
this.orderCode = res.orderCode this.orderCode = res.orderCode
if (this.whatPay == 11) { if (this.whatPay == 11) {
@ -1100,7 +1045,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.hfList[indexed].bindCode, bindCode: this.hfList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'hf' this.isBank = 'hf'
this.bindCode = this.hfList[indexed].bindCode this.bindCode = this.hfList[indexed].bindCode
this.isPw = true this.isPw = true
@ -1111,7 +1056,7 @@ export default {
.preCharge({ .preCharge({
rechargeAmount: this.czJe, rechargeAmount: this.czJe,
}) })
.then((res) => { .then(res => {
let params = { let params = {
businessType: 3, //订单类型充值 businessType: 3, //订单类型充值
businessCode: res.orderCode, businessCode: res.orderCode,
@ -1119,7 +1064,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.hfList[indexed].bindCode, bindCode: this.hfList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'hf' this.isBank = 'hf'
this.bindCode = this.hfList[indexed].bindCode this.bindCode = this.hfList[indexed].bindCode
this.orderCode = res.orderCode this.orderCode = res.orderCode
@ -1139,7 +1084,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.jdList[indexed].bindCode, bindCode: this.jdList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'jd' this.isBank = 'jd'
this.bindCode = this.jdList[indexed].bindCode this.bindCode = this.jdList[indexed].bindCode
this.isPw = true this.isPw = true
@ -1150,7 +1095,7 @@ export default {
.preCharge({ .preCharge({
rechargeAmount: this.czJe, rechargeAmount: this.czJe,
}) })
.then((res) => { .then(res => {
let params = { let params = {
businessType: 3, //订单类型充值 businessType: 3, //订单类型充值
businessCode: res.orderCode, businessCode: res.orderCode,
@ -1158,7 +1103,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.jdList[indexed].bindCode, bindCode: this.jdList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'jd' this.isBank = 'jd'
this.bindCode = this.jdList[indexed].bindCode this.bindCode = this.jdList[indexed].bindCode
this.orderCode = res.orderCode this.orderCode = res.orderCode
@ -1177,7 +1122,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.tlList[indexed].bindCode, bindCode: this.tlList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'tl' this.isBank = 'tl'
this.bindCode = this.tlList[indexed].bindCode this.bindCode = this.tlList[indexed].bindCode
this.isPw = true this.isPw = true
@ -1188,7 +1133,7 @@ export default {
.preCharge({ .preCharge({
rechargeAmount: this.czJe, rechargeAmount: this.czJe,
}) })
.then((res) => { .then(res => {
let params = { let params = {
businessType: 3, //订单类型充值 businessType: 3, //订单类型充值
businessCode: res.orderCode, businessCode: res.orderCode,
@ -1196,7 +1141,7 @@ export default {
payType: 3, //银行卡 payType: 3, //银行卡
bindCode: this.tlList[indexed].bindCode, bindCode: this.tlList[indexed].bindCode,
} }
api.unifiedorder(params).then((response) => { api.unifiedorder(params).then(response => {
this.isBank = 'tl' this.isBank = 'tl'
this.bindCode = this.tlList[indexed].bindCode this.bindCode = this.tlList[indexed].bindCode
this.orderCode = res.orderCode this.orderCode = res.orderCode
@ -1214,7 +1159,7 @@ export default {
.preCharge({ .preCharge({
rechargeAmount: this.czJe, rechargeAmount: this.czJe,
}) })
.then((res) => { .then(res => {
this.paramsPost = res.data this.paramsPost = res.data
this.orderCode = res.orderCode this.orderCode = res.orderCode
if (this.whatPay == 12) { if (this.whatPay == 12) {
@ -1226,7 +1171,7 @@ export default {
this.isBank = '' this.isBank = ''
this.isPw = true this.isPw = true
} else { } else {
api.generate().then((res) => { api.generate().then(res => {
uni.setStorageSync('mToken', res.msg) uni.setStorageSync('mToken', res.msg)
}) })
this.isBank = '' this.isBank = ''
@ -1251,7 +1196,7 @@ export default {
payType: 2, payType: 2,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
this.wxPopup = true this.wxPopup = true
let that = this let that = this
this.$nextTick(() => { this.$nextTick(() => {
@ -1295,7 +1240,7 @@ export default {
payType: 2, payType: 2,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
this.wxPopup = true this.wxPopup = true
let that = this let that = this
this.$nextTick(() => { this.$nextTick(() => {
@ -1339,7 +1284,7 @@ export default {
payType: 1, payType: 1,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
this.wxPopup1 = true this.wxPopup1 = true
let that = this let that = this
this.$nextTick(() => { this.$nextTick(() => {
@ -1385,10 +1330,11 @@ export default {
appletFlag: 0, appletFlag: 0,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
let url = let url =
'https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=20f03b022bc39e837056bdbe475632c8&t=1715569339&state=' + 'https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=20f03b022bc39e837056bdbe475632c8&t=1715569339&state=' +
res.data + '&payment=0' res.data +
'&payment=0'
// https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=812bf9ab54292b1fb7161a3a6f7fa0f6&t=1715570889&state=' + // https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=812bf9ab54292b1fb7161a3a6f7fa0f6&t=1715570889&state=' +
// res.data + '&payment=0' // res.data + '&payment=0'
window.open(url) window.open(url)
@ -1415,10 +1361,11 @@ export default {
appletFlag: 0, appletFlag: 0,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
let url = let url =
'https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=20f03b022bc39e837056bdbe475632c8&t=1715569339&state=' + 'https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=20f03b022bc39e837056bdbe475632c8&t=1715569339&state=' +
res.data+ '&payment=1' res.data +
'&payment=1'
// https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=812bf9ab54292b1fb7161a3a6f7fa0f6&t=1715570889&state=' + // https://clooud1-5g23d3je04dda65b-1326540601.tcloudbaseapp.com/jump_mp.html?sign=812bf9ab54292b1fb7161a3a6f7fa0f6&t=1715570889&state=' +
// res.data + '&payment=1' // res.data + '&payment=1'
window.open(url) window.open(url)
@ -1436,12 +1383,12 @@ export default {
} }
}, },
getPayConfig() { getPayConfig() {
api.payConfig().then((res) => { api.payConfig().then(res => {
this.payList = res.data this.payList = res.data
}) })
}, },
getBankList() { getBankList() {
api.jdBankList().then((res) => { api.jdBankList().then(res => {
this.jdList = res.data this.jdList = res.data
}) })
// api.hfBankList().then((res) => { // api.hfBankList().then((res) => {
@ -1462,7 +1409,7 @@ export default {
orderCode: this.orderCode, orderCode: this.orderCode,
pkSettleCountry: this.pkCountry, pkSettleCountry: this.pkCountry,
}) })
.then((res) => { .then(res => {
this.orderData = res.data this.orderData = res.data
this.downTime() this.downTime()
}) })
@ -1484,7 +1431,7 @@ export default {
orderCode: this.orderCode, orderCode: this.orderCode,
pkSettleCountry: this.pkCountry, pkSettleCountry: this.pkCountry,
}) })
.then((res) => { .then(res => {
// this.payDetail = res.data // this.payDetail = res.data
this.$set(this, 'payDetail', res.data) this.$set(this, 'payDetail', res.data)
this.$nextTick(() => { this.$nextTick(() => {
@ -1494,7 +1441,7 @@ export default {
}) })
}, },
reset() { reset() {
this.$store.dispatch('GetInfo').then((res) => { this.$store.dispatch('GetInfo').then(res => {
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/index', url: '/pages/index/index',
}) })
@ -1513,7 +1460,7 @@ export default {
this.specialArea == 7 || this.specialArea == 7 ||
this.specialArea == 24 this.specialArea == 24
) { ) {
api.registerInfo(this.orderCode).then((res) => { api.registerInfo(this.orderCode).then(res => {
this.$refs.successDialog.showSuccess(res.data) this.$refs.successDialog.showSuccess(res.data)
}) })
} else { } else {
@ -1522,7 +1469,7 @@ export default {
this.showSucce = true this.showSucce = true
} }
} else { } else {
api.payStatus(data).then((res) => { api.payStatus(data).then(res => {
that.sucPay = res.data that.sucPay = res.data
}) })
} }
@ -1563,7 +1510,9 @@ export default {
.tit { .tit {
font-size: 24px; font-size: 24px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
color: #333333; color: #333333;
@ -1572,7 +1521,9 @@ export default {
.tit1 { .tit1 {
font-size: 24px; font-size: 24px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #e02b26; color: #e02b26;
text-align: center; text-align: center;
@ -1581,7 +1532,9 @@ export default {
.tit2 { .tit2 {
font-size: 11px; font-size: 11px;
font-family: PingFang SC-Regular, PingFang SC; font-family:
PingFang SC-Regular,
PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
display: flex; display: flex;
@ -1608,7 +1561,9 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
@ -1646,7 +1601,9 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC; font-family:
PingFang SC-Regular,
PingFang SC;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
@ -1773,14 +1730,18 @@ export default {
justify-content: space-between; justify-content: space-between;
color: #666; color: #666;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #999; color: #999;
} }
.tTit { .tTit {
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #666; color: #666;
} }

161
pages/pay/treePay.vue
View File

@ -6,21 +6,30 @@
--> -->
<template> <template>
<view class="content"> <view class="content">
<view class="index_header"> <view class="index_header"> </view>
</view>
<view class="contxt"> <view class="contxt">
<view class="tit">{{ '待支付金额' }}</view> <view class="tit">{{ '待支付金额' }}</view>
<view class="tit1"> <view class="tit1">
{{ userInfo.currencyIcon }}{{ objTree.amount | numberToCurrency }} {{ userInfo.currencyIcon }}{{ objTree.amount | numberToCurrency }}
</view> </view>
<view class="kuang"> <view class="kuang">
<u-collapse :value="activeNames" ref="collapse" @open="change" @close="close" accordion :border="false"> <u-collapse
<u-collapse-item name="1" v-if="userInfo.memberCode!='CN68880628'"> :value="activeNames"
<view slot="title" class="pf"> <img src="@/static/images/yhkzf.jpg" alt="" /> ref="collapse"
@open="change"
@close="close"
accordion
:border="false"
>
<u-collapse-item name="1" v-if="userInfo.memberCode != 'BD68880628'">
<view slot="title" class="pf">
<img src="@/static/images/yhkzf.jpg" alt="" />
<view>{{ '钱包支付' }}</view> <view>{{ '钱包支付' }}</view>
</view> </view>
<view class="quan_i" v-show="account.consumeBalance == 0||account.consumeDeduct > 0"> <view
class="quan_i"
v-show="account.consumeBalance == 0 || account.consumeDeduct > 0"
>
<view class="tTit">{{ '消费账户' }}</view> <view class="tTit">{{ '消费账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -31,7 +40,10 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" v-show="account.bonusBalance==0||account.bonusDeduct > 0"> <view
class="quan_i"
v-show="account.bonusBalance == 0 || account.bonusDeduct > 0"
>
<view class="tTit">{{ '奖金账户' }}</view> <view class="tTit">{{ '奖金账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -53,7 +65,10 @@
</view> </view>
</view> </view>
</view> </view>
<view class="quan_i" v-show="account.cashBalance==0||account.cashDeduct > 0"> <view
class="quan_i"
v-show="account.cashBalance == 0 || account.cashDeduct > 0"
>
<view class="tTit">{{ '现金账户' }}</view> <view class="tTit">{{ '现金账户' }}</view>
<view class="lan"> <view class="lan">
<view> <view>
@ -65,7 +80,6 @@
</view> </view>
</view> </view>
<view class="quan_i" v-show="payDetail.payAccount5 > 0"> <view class="quan_i" v-show="payDetail.payAccount5 > 0">
<view class="tTit">{{ '重消账户' }}</view> <view class="tTit">{{ '重消账户' }}</view>
<view class="lan"> <view class="lan">
@ -133,7 +147,6 @@
</view> </view>
</view> </view>
</u-collapse-item> </u-collapse-item>
</u-collapse> </u-collapse>
</view> </view>
</view> </view>
@ -141,25 +154,58 @@
<u-popup :show="isPw" mode="center" closeable @close="closePw"> <u-popup :show="isPw" mode="center" closeable @close="closePw">
<view class="t_tit">{{ '支付验证' }}</view> <view class="t_tit">{{ '支付验证' }}</view>
<view class="box"> <view class="box">
<view class="c_tit" v-if="isBank">{{ '请输入短信验证码' }}</view> <view class="c_tit" v-if="isBank">{{ '请输入短信验证码' }}</view>
<view class="c_tit" v-else>{{ '请输入密码' }}</view> <view class="c_tit" v-else>{{ '请输入密码' }}</view>
<u--input v-if="isBank" border="surround" v-model="codeValue"></u--input> <u--input
<u--input v-else border="surround" type="password" v-model="codeValue"></u--input> v-if="isBank"
<u-button type="success" class="uBtn" shape="circle" :loading="isLoading" loadingText="支付中" @tap="payPw()" color="linear-gradient(to right, #005BAC, #005BAC )">{{'立即支付'}} </u-button> border="surround"
v-model="codeValue"
></u--input>
<u--input
v-else
border="surround"
type="password"
v-model="codeValue"
></u--input>
<u-button
type="success"
class="uBtn"
shape="circle"
:loading="isLoading"
loadingText="支付中"
@tap="payPw()"
color="linear-gradient(to right, #005BAC, #005BAC )"
>{{ '立即支付' }}
</u-button>
</view> </view>
</u-popup> </u-popup>
<!-- 底部 --> <!-- 底部 -->
<view class="footer_f"> <view class="footer_f">
<view class="footer"> <view class="footer">
<view class="footer_r"> <view class="footer_r">
<u-button type="success" class="uBtn" shape="circle" :loading="isLoading" loadingText="支付中" @tap="quickPay(ifcz)" color="linear-gradient(to right, #005BAC, #005BAC )">{{'立即支付'}} </u-button> <u-button
type="success"
class="uBtn"
shape="circle"
:loading="isLoading"
loadingText="支付中"
@tap="quickPay(ifcz)"
color="linear-gradient(to right, #005BAC, #005BAC )"
>{{ '立即支付' }}
</u-button>
</view> </view>
</view> </view>
</view> </view>
<!-- 成功 --> <!-- 成功 -->
<u-modal :show="showSucce" showConfirmButton :content='content' confirmColor='#DE3932' @confirm="reset" ref="uModal" :asyncClose="true"></u-modal> <u-modal
:show="showSucce"
showConfirmButton
:content="content"
confirmColor="#DE3932"
@confirm="reset"
ref="uModal"
:asyncClose="true"
></u-modal>
<!-- 二维码 --> <!-- 二维码 -->
<u-popup :show="wxPopup" mode="center" closeable @close="closewxPopup"> <u-popup :show="wxPopup" mode="center" closeable @close="closewxPopup">
<view class="t_tit">{{ '微信支付' }}</view> <view class="t_tit">{{ '微信支付' }}</view>
@ -167,7 +213,10 @@
<div ref="qrCodeUrlWx" class="qrcode"></div> <div ref="qrCodeUrlWx" class="qrcode"></div>
</view> </view>
</u-popup> </u-popup>
<successDialog @successClose="successClose" ref="successDialog"></successDialog> <successDialog
@successClose="successClose"
ref="successDialog"
></successDialog>
</view> </view>
</template> </template>
@ -190,7 +239,7 @@ export default {
specialArea: '', specialArea: '',
orderCode: '', orderCode: '',
orderData: { orderData: {
orderAmount: "" orderAmount: '',
}, },
countDown: '', countDown: '',
payDetail: { payDetail: {
@ -216,13 +265,13 @@ export default {
ifcz: false, ifcz: false,
czJe: '', czJe: '',
objTree: {}, objTree: {},
account: {} account: {},
} }
}, },
onLoad(options) { onLoad(options) {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '订单支付' title: '订单支付',
}); })
// this.paramsPost = JSON.parse(options.paramsPost) // this.paramsPost = JSON.parse(options.paramsPost)
// if (this.paramsPost.ifcz) { // if (this.paramsPost.ifcz) {
// this.ifcz = this.paramsPost.ifcz // this.ifcz = this.paramsPost.ifcz
@ -280,11 +329,13 @@ export default {
}, },
methods: { methods: {
getAccount() { getAccount() {
api.deductionAccount({ api
.deductionAccount({
pkBaseId: this.objTree.pkBaseId, pkBaseId: this.objTree.pkBaseId,
pkTreeRule: this.objTree.pkTreeRule, pkTreeRule: this.objTree.pkTreeRule,
shopQuantity: this.objTree.quantity shopQuantity: this.objTree.quantity,
}).then(res => { })
.then(res => {
this.account = res.data this.account = res.data
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.collapse.init() this.$refs.collapse.init()
@ -300,7 +351,7 @@ export default {
pkBaseId: this.luckydrawData.pkBaseId, pkBaseId: this.luckydrawData.pkBaseId,
payNum: this.luckydrawData.payNum, payNum: this.luckydrawData.payNum,
}) })
.then((res) => { .then(res => {
if (res.code == 200) { if (res.code == 200) {
this.orderData.orderAmount = res.data.toBePaidMoney this.orderData.orderAmount = res.data.toBePaidMoney
this.payDetail = res.data this.payDetail = res.data
@ -341,7 +392,7 @@ export default {
shopQuantity: this.objTree.quantity, shopQuantity: this.objTree.quantity,
payPwd: this.codeValue, payPwd: this.codeValue,
} }
api.shoppingTree(obj).then((res) => { api.shoppingTree(obj).then(res => {
if (res.code == 200) { if (res.code == 200) {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
@ -360,7 +411,6 @@ export default {
}) })
} }
}) })
}, },
quickPay(cz) { quickPay(cz) {
this.isPw = true this.isPw = true
@ -382,11 +432,12 @@ export default {
payType: 2, payType: 2,
} }
} }
api.unifiedorder(params).then((res) => { api.unifiedorder(params).then(res => {
this.wxPopup = true this.wxPopup = true
this.$nextTick(() => { this.$nextTick(() => {
new QRCode( new QRCode(
this.$refs.qrCodeUrlWx, { this.$refs.qrCodeUrlWx,
{
width: 280, width: 280,
height: 280, height: 280,
text: res.data, text: res.data,
@ -412,12 +463,12 @@ export default {
} }
}, },
getPayConfig() { getPayConfig() {
api.payConfig().then((res) => { api.payConfig().then(res => {
this.payList = res.data this.payList = res.data
}) })
}, },
getBankList() { getBankList() {
api.jdBankList().then((res) => { api.jdBankList().then(res => {
this.jdList = res.data this.jdList = res.data
}) })
// api.hfBankList().then((res) => { // api.hfBankList().then((res) => {
@ -434,7 +485,7 @@ export default {
specialArea: this.specialArea, specialArea: this.specialArea,
orderCode: this.orderCode, orderCode: this.orderCode,
}) })
.then((res) => { .then(res => {
this.orderData = res.data this.orderData = res.data
this.downTime() this.downTime()
}) })
@ -455,7 +506,7 @@ export default {
specialArea: this.specialArea, specialArea: this.specialArea,
orderCode: this.orderCode, orderCode: this.orderCode,
}) })
.then((res) => { .then(res => {
// this.payDetail = res.data // this.payDetail = res.data
this.$set(this, 'payDetail', res.data) this.$set(this, 'payDetail', res.data)
this.$nextTick(() => { this.$nextTick(() => {
@ -465,7 +516,7 @@ export default {
}) })
}, },
reset() { reset() {
this.$store.dispatch('GetInfo').then((res) => { this.$store.dispatch('GetInfo').then(res => {
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/index', url: '/pages/index/index',
}) })
@ -482,7 +533,7 @@ export default {
this.wxPopup = false this.wxPopup = false
this.showSucce = true this.showSucce = true
} else { } else {
api.payStatus(data).then((res) => { api.payStatus(data).then(res => {
that.sucPay = res.data that.sucPay = res.data
}) })
} }
@ -510,7 +561,7 @@ export default {
} }
.index_header { .index_header {
background: #f9f9f9;; background: #f9f9f9;
height: 330rpx; height: 330rpx;
} }
@ -523,7 +574,9 @@ export default {
.tit { .tit {
font-size: 24px; font-size: 24px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
color: #333333; color: #333333;
@ -532,7 +585,9 @@ export default {
.tit1 { .tit1 {
font-size: 24px; font-size: 24px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #e02b26; color: #e02b26;
text-align: center; text-align: center;
@ -541,7 +596,9 @@ export default {
.tit2 { .tit2 {
font-size: 11px; font-size: 11px;
font-family: PingFang SC-Regular, PingFang SC; font-family:
PingFang SC-Regular,
PingFang SC;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
display: flex; display: flex;
@ -567,7 +624,9 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
img { img {
@ -603,7 +662,9 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Regular, PingFang SC; font-family:
PingFang SC-Regular,
PingFang SC;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
img { img {
@ -661,7 +722,8 @@ export default {
justify-content: space-between; justify-content: space-between;
padding: 20rpx 24rpx 40rpx 20rpx; padding: 20rpx 24rpx 40rpx 20rpx;
background: #fff; background: #fff;
.footer_l {} .footer_l {
}
.footer_r { .footer_r {
flex: 1; flex: 1;
display: flex; display: flex;
@ -698,7 +760,8 @@ export default {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
padding: 20rpx; padding: 20rpx;
.qrcodeWx {} .qrcodeWx {
}
} }
.qrcode { .qrcode {
@ -718,14 +781,18 @@ export default {
justify-content: space-between; justify-content: space-between;
color: #666; color: #666;
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #999; color: #999;
} }
.tTit { .tTit {
font-size: 12px; font-size: 12px;
font-family: PingFang SC-Semibold, PingFang SC; font-family:
PingFang SC-Semibold,
PingFang SC;
font-weight: 600; font-weight: 600;
color: #666; color: #666;
} }