Compare commits
No commits in common. "39db0035fca6bd2e10a82be623f96e199463f28b" and "b9137a9dcb6ad61986b2ad83ac0225259fc47600" have entirely different histories.
39db0035fc
...
b9137a9dcb
|
|
@ -2,61 +2,45 @@
|
||||||
<view class="width-auto">
|
<view class="width-auto">
|
||||||
<view class="flexs">
|
<view class="flexs">
|
||||||
<view class="select-flexs">
|
<view class="select-flexs">
|
||||||
<picker
|
<picker :range="selYearList" :value="index" range-key="label" @change="changeYear">
|
||||||
:range="selYearList"
|
<view style="display: flex; align-items: center;justify-content: space-between;">
|
||||||
:value="index"
|
<view style="margin-right:40rpx;">{{whatYear}}年</view>
|
||||||
range-key="label"
|
|
||||||
@change="changeYear"
|
|
||||||
>
|
|
||||||
<view
|
|
||||||
style="
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<view style="margin-right: 40rpx">{{ whatYear }}年</view>
|
|
||||||
<u-icon name="arrow-down" color="#999"></u-icon>
|
<u-icon name="arrow-down" color="#999"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</picker>
|
</picker>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="select-flexs">
|
<view class="select-flexs">
|
||||||
<picker
|
<picker :range="selMounthList" :value="index" range-key="label" @change="bindPickerChange">
|
||||||
:range="selMounthList"
|
<view style="display: flex; align-items: center;justify-content: space-between;">
|
||||||
:value="index"
|
<view style="margin-right:40rpx;">{{whatMounth}}月</view>
|
||||||
range-key="label"
|
|
||||||
@change="bindPickerChange"
|
|
||||||
>
|
|
||||||
<view
|
|
||||||
style="
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<view style="margin-right: 40rpx">{{ whatMounth }}月</view>
|
|
||||||
<u-icon name="arrow-down" color="#999"></u-icon>
|
<u-icon name="arrow-down" color="#999"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</picker>
|
</picker>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="select-flexs" style="margin-left: 20rpx;" @click="showType=true">
|
<view class="select-flexs" style="margin-left: 20rpx;" @click="showType=true">
|
||||||
<view style="display: flex; align-items: center;justify-content: space-between;">
|
<view style="display: flex; align-items: center;justify-content: space-between;">
|
||||||
<view style="margin-right:40rpx;">{{yjName}}</view>
|
<view style="margin-right:40rpx;">{{yjName}}</view>
|
||||||
<u-icon name="arrow-down" color="#999"></u-icon>
|
<u-icon name="arrow-down" color="#999"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- <picker :range="yjTypeList" :value="index2" range-key="label" @confirm="bindType"></picker> -->
|
||||||
<u-picker @cancel='showType=false' :show="showType" ref="uPicker" :columns="yjTypeList"
|
<u-picker @cancel='showType=false' :show="showType" ref="uPicker" :columns="yjTypeList"
|
||||||
@confirm="bindType" keyName='label'></u-picker>
|
@confirm="bindType" keyName='label'></u-picker>
|
||||||
</view> -->
|
</view>
|
||||||
<!-- <view class="title">
|
<!-- <view class="title">
|
||||||
导出明细
|
导出明细
|
||||||
</view> -->
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="listrefor bg2">
|
<view class="listrefor bg2">
|
||||||
|
|
||||||
<view class="flex_item">
|
<view class="flex_item">
|
||||||
<view class="text1">左区业绩</view>
|
<view class="text1">左区业绩</view>
|
||||||
<view class="text2">{{ achieveData.leftAchieve || 0 }}</view>
|
<view class="text2">{{ achieveData.leftAchieve || 0 }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex_item" style="cursor: pointer" @click="goDetail(1)">
|
<view class="flex_item" style="cursor: pointer;" @click="goDetail(1)">
|
||||||
<view class="text1">左区血缘业绩</view>
|
<view class="text1">左区血缘业绩</view>
|
||||||
<view class="text2">{{ achieveData.leftDirectAchieve || 0 }}</view>
|
<view class="text2">{{ achieveData.leftDirectAchieve || 0 }}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -73,12 +57,13 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="listrefor bg2">
|
<view class="listrefor bg2">
|
||||||
|
|
||||||
<view class="flex_item">
|
<view class="flex_item">
|
||||||
<view class="text1">右区业绩</view>
|
<view class="text1">右区业绩</view>
|
||||||
<view class="text2">{{ achieveData.rightAchieve || 0 }}</view>
|
<view class="text2">{{ achieveData.rightAchieve || 0 }}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex_item" style="cursor: pointer" @click="goDetail(2)">
|
<view class="flex_item" style="cursor: pointer;" @click="goDetail(2)">
|
||||||
<view class="text1">右区血缘业绩</view>
|
<view class="text1">右区血缘业绩</view>
|
||||||
<view class="text2">{{ achieveData.rightDirectAchieve || 0 }}</view>
|
<view class="text2">{{ achieveData.rightDirectAchieve || 0 }}</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -87,12 +72,19 @@
|
||||||
<view class="text2">{{ achieveData.rightCount || 0 }}</view>
|
<view class="text2">{{ achieveData.rightCount || 0 }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getPlaceNewAddAchieve, getYjList } from '@/config/distribute.js'
|
import {
|
||||||
export default {
|
getPlaceNewAddAchieve,
|
||||||
|
getYjList
|
||||||
|
} from "@/config/distribute.js";
|
||||||
|
export default {
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
index: 0,
|
index: 0,
|
||||||
|
|
@ -101,24 +93,20 @@ export default {
|
||||||
|
|
||||||
whatMounth: '',
|
whatMounth: '',
|
||||||
yjType: 1,
|
yjType: 1,
|
||||||
yjName: '全部',
|
yjName: "全部",
|
||||||
showType: false,
|
showType: false,
|
||||||
selMounthList: [],
|
selMounthList: [],
|
||||||
yjTypeList: [],
|
yjTypeList: [],
|
||||||
yearShow: false,
|
yearShow:false,
|
||||||
whatYear: '',
|
whatYear:"",
|
||||||
selYearList: [
|
selYearList:[{
|
||||||
{
|
|
||||||
value: 0,
|
value: 0,
|
||||||
label: new Date().getFullYear() - 1,
|
label: new Date().getFullYear()-1,
|
||||||
},
|
},{
|
||||||
{
|
|
||||||
value: 1,
|
value: 1,
|
||||||
label: new Date().getFullYear(),
|
label: new Date().getFullYear(),
|
||||||
},
|
}],
|
||||||
],
|
mounthList: [{
|
||||||
mounthList: [
|
|
||||||
{
|
|
||||||
value: 1,
|
value: 1,
|
||||||
label: 1 + '月',
|
label: 1 + '月',
|
||||||
},
|
},
|
||||||
|
|
@ -164,12 +152,13 @@ export default {
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 12,
|
value: 12,
|
||||||
label: 12 + '月',
|
label: 12 + '月'
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
this.getMounth()
|
this.getMounth()
|
||||||
this.getYjList()
|
this.getYjList()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
@ -177,9 +166,10 @@ export default {
|
||||||
}, 50)
|
}, 50)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
goDetail(index) {
|
goDetail(index) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/performanceEchart/index?ifDetail=' + index,
|
url:'/pages/performanceEchart/index?ifDetail='+index
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
getYjList() {
|
getYjList() {
|
||||||
|
|
@ -187,7 +177,7 @@ export default {
|
||||||
this.yjTypeList = [res.data]
|
this.yjTypeList = [res.data]
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
changeYear(e) {
|
changeYear(e){
|
||||||
this.whatYear = this.selYearList[e.detail.value].label
|
this.whatYear = this.selYearList[e.detail.value].label
|
||||||
this.getPlaceNewAddAchieve()
|
this.getPlaceNewAddAchieve()
|
||||||
},
|
},
|
||||||
|
|
@ -205,7 +195,7 @@ export default {
|
||||||
getMounth() {
|
getMounth() {
|
||||||
this.whatMounth = new Date().getMonth() + 1
|
this.whatMounth = new Date().getMonth() + 1
|
||||||
let selMounth = []
|
let selMounth = []
|
||||||
this.mounthList.forEach(item => {
|
this.mounthList.forEach((item) => {
|
||||||
// if (item.value <= this.whatMounth) {
|
// if (item.value <= this.whatMounth) {
|
||||||
// selMounth.push(item)
|
// selMounth.push(item)
|
||||||
// }
|
// }
|
||||||
|
|
@ -213,57 +203,60 @@ export default {
|
||||||
})
|
})
|
||||||
this.selMounthList = selMounth
|
this.selMounthList = selMounth
|
||||||
this.whatYear = new Date().getFullYear()
|
this.whatYear = new Date().getFullYear()
|
||||||
|
|
||||||
},
|
},
|
||||||
getPlaceNewAddAchieve() {
|
getPlaceNewAddAchieve() {
|
||||||
getPlaceNewAddAchieve({
|
getPlaceNewAddAchieve({
|
||||||
monthType: this.whatMounth,
|
monthType: this.whatMounth,
|
||||||
achievementType: this.yjType,
|
achievementType: this.yjType,
|
||||||
year: this.whatYear,
|
year:this.whatYear
|
||||||
}).then(res => {
|
}).then((res) => {
|
||||||
this.achieveData = res.data
|
this.achieveData = res.data;
|
||||||
})
|
});
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
},
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .uni-picker {
|
::v-deep .uni-picker {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-flexs {
|
.select-flexs {
|
||||||
border: 1rpx solid #eeeeee;
|
|
||||||
|
border: 1rpx solid #EEEEEE;
|
||||||
border-radius: 15rpx;
|
border-radius: 15rpx;
|
||||||
// width: 232rpx;
|
// width: 232rpx;
|
||||||
padding: 20rpx 19rpx;
|
padding: 20rpx 19rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flexs {
|
.flexs {
|
||||||
display: flex;
|
display: flex;
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
border-radius: 30rpx 30rpx 0 0;
|
border-radius: 30rpx 30rpx 0 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
padding: 10rpx 0;
|
padding: 10rpx 0;
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.width-auto {
|
.width-auto {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 0 22rpx;
|
padding: 0 22rpx;
|
||||||
width: 690rpx;
|
width: 690rpx;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listrefor {
|
.listrefor {
|
||||||
color: #ffffff;
|
color: #FFFFFF;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
padding: 32rpx 21rpx;
|
padding: 32rpx 21rpx;
|
||||||
margin-top: 25rpx;
|
margin-top: 25rpx;
|
||||||
|
|
@ -291,17 +284,17 @@ export default {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg1 {
|
.bg1 {
|
||||||
background: linear-gradient(180deg, #fc7c7c 0%, #f65757 100%);
|
background: linear-gradient(180deg, #FC7C7C 0%, #F65757 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg2 {
|
.bg2 {
|
||||||
background: linear-gradient(180deg, #ff9354 0%, #ff7f36 100%);
|
background: linear-gradient(180deg, #FF9354 0%, #FF7F36 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg3 {
|
.bg3 {
|
||||||
background: linear-gradient(180deg, #677af9 0%, #697bf2 100%);
|
background: linear-gradient(180deg, #677AF9 0%, #697BF2 100%);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -18,6 +18,12 @@ export const getDefaultBank = params =>
|
||||||
params,
|
params,
|
||||||
})
|
})
|
||||||
|
|
||||||
|
//校验是否绑定银行卡
|
||||||
|
export const checkIsbindBank = params =>
|
||||||
|
http.get('/member/api/bank/is-bind', {
|
||||||
|
params,
|
||||||
|
})
|
||||||
|
|
||||||
//提现页面展示
|
//提现页面展示
|
||||||
export const getWidthdrawShow = params =>
|
export const getWidthdrawShow = params =>
|
||||||
http.get('/member/api/withdraw/show/add', {
|
http.get('/member/api/withdraw/show/add', {
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
ref="uForm"
|
ref="uForm"
|
||||||
>
|
>
|
||||||
<u-form-item
|
<!-- <u-form-item
|
||||||
label-width="200rpx"
|
label-width="200rpx"
|
||||||
:label="'银行卡号'"
|
:label="'银行卡号'"
|
||||||
prop="cardNumber"
|
prop="cardNumber"
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
<view v-else style="color: red" @click="goBindbank">
|
<view v-else style="color: red" @click="goBindbank">
|
||||||
{{ '请先绑定银行卡' }}
|
{{ '请先绑定银行卡' }}
|
||||||
</view>
|
</view>
|
||||||
</u-form-item>
|
</u-form-item> -->
|
||||||
<u-form-item
|
<u-form-item
|
||||||
label-width="200rpx"
|
label-width="200rpx"
|
||||||
:label="`${'提现金额'}(${isLocaled()})`"
|
:label="`${'提现金额'}(${isLocaled()})`"
|
||||||
|
|
@ -134,16 +134,7 @@
|
||||||
<u-button class="subbtn" @click="submit">{{ '提现' }}</u-button>
|
<u-button class="subbtn" @click="submit">{{ '提现' }}</u-button>
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast"></u-toast>
|
<u-toast ref="uToast"></u-toast>
|
||||||
<u-modal
|
|
||||||
:show="unBindDefaultModal"
|
|
||||||
showCancelButton
|
|
||||||
@cancel="unBindDefaultModal = false"
|
|
||||||
cancelText="取消"
|
|
||||||
confirmText="确定"
|
|
||||||
@confirm="unBindDefaultConfirm"
|
|
||||||
>
|
|
||||||
请先绑定默认银行卡
|
|
||||||
</u-modal>
|
|
||||||
<!-- 提现引导弹窗 -->
|
<!-- 提现引导弹窗 -->
|
||||||
<!-- <WithdrawalGuide
|
<!-- <WithdrawalGuide
|
||||||
:show="showWithdrawalGuide"
|
:show="showWithdrawalGuide"
|
||||||
|
|
@ -202,9 +193,8 @@ export default {
|
||||||
bankData: {},
|
bankData: {},
|
||||||
widthDrwaData: {},
|
widthDrwaData: {},
|
||||||
ifeye: false,
|
ifeye: false,
|
||||||
canbind: true,
|
canbind: false,
|
||||||
showWithdrawalGuide: false,
|
showWithdrawalGuide: false,
|
||||||
unBindDefaultModal: false,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -215,7 +205,7 @@ export default {
|
||||||
url: '/pages/mine/balance/withdrawlDetail',
|
url: '/pages/mine/balance/withdrawlDetail',
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
onShow() {
|
onLoad() {
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -243,18 +233,16 @@ export default {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
bal.getDefaultBank().then(res => {
|
bal.getDefaultBank().then(res => {
|
||||||
if (res.data && Object.keys(res.data).length > 0) {
|
|
||||||
this.bankData = res.data
|
this.bankData = res.data
|
||||||
this.dataForm.pkBank = res.data.pkId
|
this.dataForm.pkBank = res.data.pkId
|
||||||
} else {
|
|
||||||
this.unBindDefaultModal = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
},
|
//校验是否绑定银行卡
|
||||||
unBindDefaultConfirm() {
|
bal.checkIsbindBank().then(res => {
|
||||||
this.unBindDefaultModal = false
|
if (res.flag == 'Y') {
|
||||||
uni.navigateTo({
|
this.canbind = false
|
||||||
url: '/pages/mine/bindBank/index',
|
} else if (res.flag == 'N') {
|
||||||
|
this.canbind = true
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
submit() {
|
submit() {
|
||||||
|
|
@ -264,17 +252,13 @@ export default {
|
||||||
bal.addWithdraw(this.dataForm).then(res => {
|
bal.addWithdraw(this.dataForm).then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
message: res.msg || '提现成功',
|
message: res.msg,
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
|
// 显示提现引导弹窗
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
}, 500)
|
}, 300)
|
||||||
|
|
||||||
// 显示提现引导弹窗
|
|
||||||
// setTimeout(() => {
|
|
||||||
// this.showWithdrawalGuide = true
|
|
||||||
// }, 300)
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
@ -308,7 +292,6 @@ export default {
|
||||||
// 处理提现引导弹窗确认
|
// 处理提现引导弹窗确认
|
||||||
onWithdrawalGuideConfirm() {
|
onWithdrawalGuideConfirm() {
|
||||||
this.showWithdrawalGuide = false
|
this.showWithdrawalGuide = false
|
||||||
uni.navigateBack()
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,228 +1,109 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="theform">
|
<view class="theform">
|
||||||
<u--form
|
<u--form labelPosition="left" :model="dataForm" :rules="rules" ref="uForm">
|
||||||
labelPosition="left"
|
<u-form-item label-width="200rpx" :label="'银行卡号'" borderBottom prop="cardNumber" ref="item1">
|
||||||
:model="dataForm"
|
<u--input v-model="dataForm.cardNumber" disabledColor="#F5F5F5;" border="none"></u--input>
|
||||||
:rules="rules"
|
</u-form-item>
|
||||||
ref="uForm"
|
<u-form-item borderBottom label-width="200rpx" :label="'银行名称'" prop="bankName"
|
||||||
>
|
@click="showAmount = true; " ref="item1">
|
||||||
<u-form-item
|
<u--input v-model="dataForm.bankName" disabledColor="#ffffff" :placeholder="'请选择'"
|
||||||
borderBottom
|
border="none"></u--input>
|
||||||
required
|
|
||||||
label-width="200rpx"
|
|
||||||
:label="'银行名称'"
|
|
||||||
prop="bankName"
|
|
||||||
@click="showAmount = true"
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.bankName"
|
|
||||||
disabledColor="#ffffff"
|
|
||||||
:placeholder="'请选择'"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item
|
|
||||||
label-width="200rpx"
|
<u-form-item label-width="200rpx" :label="'开户支行'" prop="subBankName" borderBottom ref="item1">
|
||||||
:label="'开户支行'"
|
<u--input v-model="dataForm.subBankName" disabledColor="#F5F5F5;" border="none"></u--input>
|
||||||
required
|
|
||||||
prop="subBankName"
|
|
||||||
borderBottom
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.subBankName"
|
|
||||||
disabledColor="#F5F5F5;"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item
|
<u-form-item label-width="200rpx" :label="'真实姓名'" prop="accountName" borderBottom ref="item1">
|
||||||
label-width="200rpx"
|
<u--input :placeholder="'请输入'" v-model="dataForm.accountName" border="none"></u--input>
|
||||||
:label="'银行卡号'"
|
|
||||||
required
|
|
||||||
borderBottom
|
|
||||||
prop="cardNumber"
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.cardNumber"
|
|
||||||
disabledColor="#F5F5F5;"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item
|
<u-form-item label-width="200rpx" :label="'证件号码'" prop="idCard" borderBottom ref="item1">
|
||||||
label-width="200rpx"
|
<u--input v-model="dataForm.idCard" :placeholder="'请输入'" disabledColor="#F5F5F5;"
|
||||||
label="开户姓名"
|
border="none"></u--input>
|
||||||
required
|
|
||||||
prop="accountName"
|
|
||||||
borderBottom
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
:placeholder="'请输入'"
|
|
||||||
v-model="dataForm.accountName"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item
|
<u-form-item label-width="200rpx" :label="'联系方式'" prop="phone" borderBottom ref="item1">
|
||||||
label-width="200rpx"
|
<u--input v-model="dataForm.phone" :placeholder="'请输入'" maxlength="20" border="none"></u--input>
|
||||||
:label="'证件号码'"
|
|
||||||
required
|
|
||||||
prop="idCard"
|
|
||||||
borderBottom
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.idCard"
|
|
||||||
:placeholder="'请输入'"
|
|
||||||
disabledColor="#F5F5F5;"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item
|
<u-form-item v-if="userInfo.pkCountry==1&&cancode" label-width="200rpx" :label="'验证码'"
|
||||||
label-width="200rpx"
|
prop="verificationCode" borderBottom ref="item1">
|
||||||
:label="'联系方式'"
|
<u--input v-model="dataForm.verificationCode" :placeholder="'请输入'" border="none"></u--input>
|
||||||
prop="phone"
|
<u-button @tap='getCode' class="getcodes" type="primary" shape="circle" :text="tips"
|
||||||
required
|
color="#2FBC42"></u-button>
|
||||||
borderBottom
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.phone"
|
|
||||||
:placeholder="'请输入'"
|
|
||||||
maxlength="20"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
</u-form-item>
|
|
||||||
<u-form-item
|
|
||||||
v-if="userInfo.pkCountry == 1 && cancode"
|
|
||||||
label-width="200rpx"
|
|
||||||
:label="'验证码'"
|
|
||||||
required
|
|
||||||
prop="verificationCode"
|
|
||||||
borderBottom
|
|
||||||
ref="item1"
|
|
||||||
>
|
|
||||||
<u--input
|
|
||||||
v-model="dataForm.verificationCode"
|
|
||||||
:placeholder="'请输入'"
|
|
||||||
border="none"
|
|
||||||
></u--input>
|
|
||||||
<u-button
|
|
||||||
@tap="getCode"
|
|
||||||
class="getcodes"
|
|
||||||
type="primary"
|
|
||||||
shape="circle"
|
|
||||||
:text="tips"
|
|
||||||
color="#2FBC42"
|
|
||||||
></u-button>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-code
|
<u-code :seconds="seconds" @end="end" @start="start" ref="uCode" @change="codeChange"></u-code>
|
||||||
:seconds="seconds"
|
<u-picker @cancel='showAmount=false' :show="showAmount" ref="uPicker" :columns="bankCardChioceList"
|
||||||
@end="end"
|
@confirm="confirm" keyName='bankName'></u-picker>
|
||||||
@start="start"
|
|
||||||
ref="uCode"
|
|
||||||
@change="codeChange"
|
|
||||||
></u-code>
|
|
||||||
<u-picker
|
|
||||||
@cancel="showAmount = false"
|
|
||||||
:show="showAmount"
|
|
||||||
ref="uPicker"
|
|
||||||
:columns="bankCardChioceList"
|
|
||||||
@confirm="confirm"
|
|
||||||
keyName="bankName"
|
|
||||||
></u-picker>
|
|
||||||
</u--form>
|
</u--form>
|
||||||
</view>
|
|
||||||
<view class="tip-wrapper">
|
|
||||||
<view class="tip-content">
|
|
||||||
<view class="tip-text"
|
|
||||||
>银行卡号、真实姓名、证件号码、联系方式，请与银行预留信息保持一致</view
|
|
||||||
>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="btnbox">
|
<view class="btnbox">
|
||||||
<u-button class="subbtn" @click="submit">{{ '确定' }}</u-button>
|
<u-button class="subbtn" @click="submit">{{'确定'}}</u-button>
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast"></u-toast>
|
<u-toast ref="uToast"></u-toast>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import * as ban from '@/config/balance.js'
|
import * as ban from "@/config/balance.js"
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
showAmount: false,
|
showAmount: false,
|
||||||
dataForm: {
|
dataForm: {
|
||||||
bankName: '',
|
bankName: "",
|
||||||
cardNumber: '',
|
cardNumber: "",
|
||||||
pkBank: '',
|
pkBank: "",
|
||||||
subBankName: '',
|
subBankName: "",
|
||||||
accountName: '',
|
accountName: "",
|
||||||
idCard: '',
|
idCard: "",
|
||||||
|
|
||||||
},
|
},
|
||||||
bankCardChioceList: [],
|
bankCardChioceList: [],
|
||||||
rules: {
|
rules: {
|
||||||
cardNumber: [
|
cardNumber: [{
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
subBankName: [{
|
||||||
subBankName: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
accountName: [{
|
||||||
accountName: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
idCard: [{
|
||||||
idCard: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
phone: [{
|
||||||
phone: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
verificationCode: [{
|
||||||
verificationCode: [
|
|
||||||
{
|
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: ['blur', 'change'],
|
trigger: ['blur', 'change']
|
||||||
},
|
}],
|
||||||
],
|
bankName: [{
|
||||||
bankName: [
|
|
||||||
{
|
|
||||||
required: true,
|
required: true,
|
||||||
message: '请选择',
|
message: '请选择',
|
||||||
trigger: ['change'],
|
trigger: ['change']
|
||||||
},
|
}],
|
||||||
],
|
|
||||||
},
|
},
|
||||||
tips: '',
|
tips: '',
|
||||||
// refCode: null,
|
// refCode: null,
|
||||||
|
|
@ -230,41 +111,49 @@ export default {
|
||||||
ifpass: false,
|
ifpass: false,
|
||||||
userInfo: {},
|
userInfo: {},
|
||||||
cancode: true, //判断是否是白名单
|
cancode: true, //判断是否是白名单
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.userInfo = uni.getStorageSync('User')
|
this.userInfo = uni.getStorageSync('User')
|
||||||
this.getList()
|
this.getList()
|
||||||
|
this.checkIfWhite();
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
checkIfWhite() {
|
||||||
|
ban.checkIfWhite().then((res) => {
|
||||||
|
if (res.code == 200 && res.flag == "N") {
|
||||||
|
this.cancode = true;
|
||||||
|
} else if (res.code == 200 && res.flag == "Y") {
|
||||||
|
this.cancode = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
codeChange(text) {
|
codeChange(text) {
|
||||||
this.tips = text
|
this.tips = text;
|
||||||
},
|
},
|
||||||
getCode() {
|
getCode() {
|
||||||
if (this.dataForm.phone && this.$u.test.mobile(this.dataForm.phone)) {
|
if (this.dataForm.phone && this.$u.test.mobile(this.dataForm.phone)) {
|
||||||
if (this.$refs.uCode.canGetCode) {
|
if (this.$refs.uCode.canGetCode) {
|
||||||
// 模拟向后端请求验证码
|
// 模拟向后端请求验证码
|
||||||
uni.showLoading({
|
uni.showLoading({
|
||||||
title: '正在获取验证码',
|
title: '正在获取验证码'
|
||||||
})
|
})
|
||||||
ban
|
ban.getVerification({
|
||||||
.getVerification({
|
phone: this.dataForm.phone
|
||||||
phone: this.dataForm.phone,
|
}).then((res) => {
|
||||||
})
|
uni.hideLoading();
|
||||||
.then(res => {
|
|
||||||
uni.hideLoading()
|
|
||||||
// 这里此提示会被this.start()方法中的提示覆盖
|
// 这里此提示会被this.start()方法中的提示覆盖
|
||||||
uni.$u.toast('验证码已发送')
|
uni.$u.toast('验证码已发送');
|
||||||
// 通知验证码组件内部开始倒计时
|
// 通知验证码组件内部开始倒计时
|
||||||
this.$refs.uCode.start()
|
this.$refs.uCode.start();
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
uni.$u.toast('倒计时结束后再发送')
|
uni.$u.toast('倒计时结束后再发送');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
uni.$u.toast(
|
uni.$u.toast(this.dataForm.phone ? '手机号格式不正确' : '请先输入手机号')
|
||||||
this.dataForm.phone ? '手机号格式不正确' : '请先输入手机号'
|
|
||||||
)
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -278,9 +167,10 @@ export default {
|
||||||
ban.getBankCardChoiceList().then(res => {
|
ban.getBankCardChoiceList().then(res => {
|
||||||
this.bankCardChioceList = [res.data]
|
this.bankCardChioceList = [res.data]
|
||||||
})
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
bindBank() {
|
bindBank() {
|
||||||
if (!this.ifpass && this.cancode && this.userInfo.pkCountry == 1) {
|
if (!this.ifpass &&this.cancode &&this.userInfo.pkCountry == 1) {
|
||||||
uni.$u.toast('验证码错误')
|
uni.$u.toast('验证码错误')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -292,39 +182,38 @@ export default {
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
submit() {
|
submit() {
|
||||||
this.$refs.uForm
|
this.$refs.uForm.validate().then(res => {
|
||||||
.validate()
|
|
||||||
.then(res => {
|
|
||||||
// 没有三方接口 临机写死
|
// 没有三方接口 临机写死
|
||||||
this.ifpass = true
|
this.ifpass = true;
|
||||||
|
this.bindBank();
|
||||||
|
|
||||||
|
return
|
||||||
if (this.userInfo.pkCountry == 1) {
|
if (this.userInfo.pkCountry == 1) {
|
||||||
if (this.cancode) {
|
if(this.cancode){
|
||||||
ban
|
ban.verifyBankCard(this.dataForm).then((res) => {
|
||||||
.verifyBankCard(this.dataForm)
|
|
||||||
.then(res => {
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.ifpass = true
|
this.ifpass = true;
|
||||||
this.bindBank()
|
this.bindBank();
|
||||||
} else {
|
} else {
|
||||||
this.ifpass = false
|
this.ifpass = false;
|
||||||
uni.$u.toast(res.msg)
|
uni.$u.toast(res.msg)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch((err) => {
|
||||||
this.ifpass = false
|
this.ifpass = false;
|
||||||
})
|
});
|
||||||
} else {
|
}else{
|
||||||
this.ifpass = true
|
this.ifpass = true;
|
||||||
this.bindBank()
|
this.bindBank();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.bindBank()
|
this.bindBank()
|
||||||
}
|
}
|
||||||
})
|
|
||||||
.catch(errors => {
|
}).catch(errors => {
|
||||||
uni.$u.toast('校验失败')
|
uni.$u.toast('校验失败')
|
||||||
return false
|
return false
|
||||||
})
|
})
|
||||||
|
|
@ -334,17 +223,18 @@ export default {
|
||||||
this.dataForm.pkBank = e.value[0].pkId
|
this.dataForm.pkBank = e.value[0].pkId
|
||||||
this.showAmount = false
|
this.showAmount = false
|
||||||
},
|
},
|
||||||
},
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content {
|
.content {
|
||||||
background: #f2f2f2;
|
background: #F2F2F2;
|
||||||
|
|
||||||
.theform {
|
.theform {
|
||||||
margin-top: 6rpx;
|
margin-top: 6rpx;
|
||||||
background: #ffffff;
|
background: #FFFFFF;
|
||||||
padding: 20rpx 23rpx 0rpx 23rpx;
|
padding: 20rpx 23rpx 0rpx 23rpx;
|
||||||
|
|
||||||
.contentye {
|
.contentye {
|
||||||
|
|
@ -353,6 +243,7 @@ export default {
|
||||||
font-family: Source Han Sans CN;
|
font-family: Source Han Sans CN;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnbox {
|
.btnbox {
|
||||||
|
|
@ -360,53 +251,23 @@ export default {
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
|
|
||||||
.subbtn {
|
.subbtn {
|
||||||
background: #005bac;
|
background: #005BAC;
|
||||||
border-radius: 46rpx;
|
border-radius: 46rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-family: Source Han Sans CN;
|
font-family: Source Han Sans CN;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.getcodes {
|
.getcodes {
|
||||||
width: 197rpx;
|
width: 197rpx;
|
||||||
height: 76rpx;
|
height: 76rpx;
|
||||||
background: #2fbc42;
|
background: #2FBC42;
|
||||||
border-radius: 38rpx;
|
border-radius: 38rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-wrapper {
|
|
||||||
margin: 20rpx 20rpx 0 20rpx;
|
|
||||||
|
|
||||||
.tip-content {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start;
|
|
||||||
background: linear-gradient(135deg, #fff3e0 0%, #fff8f0 100%);
|
|
||||||
border: 2rpx solid #ffb74d;
|
|
||||||
border-radius: 16rpx;
|
|
||||||
padding: 20rpx 24rpx;
|
|
||||||
box-shadow: 0 4rpx 12rpx rgba(255, 183, 77, 0.1);
|
|
||||||
|
|
||||||
.tip-icon {
|
|
||||||
color: #ff9800;
|
|
||||||
font-size: 28rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-right: 16rpx;
|
|
||||||
margin-top: 2rpx;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip-text {
|
|
||||||
flex: 1;
|
|
||||||
font-size: 24rpx;
|
|
||||||
line-height: 36rpx;
|
|
||||||
color: #e65100;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.5rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -1,91 +1,56 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="tablebox" v-if="tableData.length > 0">
|
<view class="tablebox" v-if="tableData.length > 0">
|
||||||
<view
|
<view class="card" v-for="(item, index) in tableData"
|
||||||
class="card"
|
:style="{ backgroundImage: 'url(' + item.backgroundImg + ')'}" :key="index">
|
||||||
v-for="(item, index) in tableData"
|
|
||||||
:style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<view class="cardtopflex">
|
<view class="cardtopflex">
|
||||||
<view class="cardtopflex2">
|
<view class="cardtopflex2">
|
||||||
<view class="imgbox"><img :src="item.logo" alt="" /></view>
|
<view class="imgbox"><img :src="item.logo" alt="" /></view>
|
||||||
<view class="titlebox">
|
<view class="titlebox">
|
||||||
<view class="cardtitle">{{ item.bankName }}</view>
|
<view class="cardtitle">{{item.bankName}}</view>
|
||||||
<view class="cardtitle2">{{ '储蓄卡' }}</view>
|
<view class="cardtitle2">{{'储蓄卡'}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flexs_1" v-if="item.defaultCard == 1">
|
<view class="flexs_1" v-if="item.defaultCard==1">
|
||||||
<view class="qiu"></view>
|
<view class="qiu"></view>
|
||||||
<view v-if="userInfo.pkCountry == 1">{{ '默认' }}</view>
|
<view v-if="userInfo.pkCountry == 1">{{'默认'}}</view>
|
||||||
<view
|
<view v-else style="color: #000;font-weight: bold;" class="cardfooter">{{'默认'}}</view>
|
||||||
v-else
|
|
||||||
style="color: #000; font-weight: bold"
|
|
||||||
class="cardfooter"
|
|
||||||
>{{ '默认' }}</view
|
|
||||||
>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="flexs_1" v-else>
|
<view class="flexs_1" v-else>
|
||||||
<view
|
|
||||||
style="color: #fff; font-weight: bold; cursor: pointer"
|
<view style="color: #fff; font-weight: bold; cursor: pointer" @click="setDefault(item.pkId)"
|
||||||
@click="setDefault(item.pkId)"
|
class="cardfooter">{{'设为默认'}}</view>
|
||||||
class="cardfooter"
|
|
||||||
>{{ '设为默认' }}</view
|
|
||||||
>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cardNumber">{{ item.cardNumber }}</view>
|
<view class="cardNumber">{{ item.cardNumber }}</view>
|
||||||
<view
|
<view v-if="userInfo.pkCountry == 1" class="cardfooter" @click="removeBind(item)">
|
||||||
v-if="userInfo.pkCountry == 1"
|
[{{'解绑'}}]</view>
|
||||||
class="cardfooter"
|
<view v-else style="color: #000;font-weight: bold;" class="cardfooter" @click="removeBind(item)">
|
||||||
@click="removeBind(item)"
|
[{{'解绑'}}]</view>
|
||||||
>
|
|
||||||
[{{ '解绑' }}]</view
|
|
||||||
>
|
|
||||||
<view
|
|
||||||
v-else
|
|
||||||
style="color: #000; font-weight: bold"
|
|
||||||
class="cardfooter"
|
|
||||||
@click="removeBind(item)"
|
|
||||||
>
|
|
||||||
[{{ '解绑' }}]</view
|
|
||||||
>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-modal
|
<u-modal :showCancelButton="true" @cancel="modalShow=false" :content="'是否确认解绑银行卡'" :show="modalShow"
|
||||||
:showCancelButton="true"
|
@confirm="confirmRemove" ref="uModal" :asyncClose="true"></u-modal>
|
||||||
@cancel="modalShow = false"
|
<view class="footerbtn" @click="goAdd">
|
||||||
:content="'是否确认解绑银行卡'"
|
+{{'添加银行卡'}}
|
||||||
:show="modalShow"
|
</view>
|
||||||
@confirm="confirmRemove"
|
|
||||||
ref="uModal"
|
|
||||||
:asyncClose="true"
|
|
||||||
></u-modal>
|
|
||||||
<view class="footerbtn" @click="goAdd"> +{{ '添加银行卡' }} </view>
|
|
||||||
|
|
||||||
<u-modal
|
<u-modal :showCancelButton="true" @cancel="modalShow2=false" content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
|
||||||
:showCancelButton="true"
|
:show="modalShow2" @confirm="confirmRemove2" ref="uModal" :asyncClose="true"></u-modal>
|
||||||
@cancel="modalShow2 = false"
|
|
||||||
content="当前解绑为默银行卡，请设置为另一张卡为默认银行卡"
|
|
||||||
:show="modalShow2"
|
|
||||||
@confirm="confirmRemove2"
|
|
||||||
ref="uModal"
|
|
||||||
:asyncClose="true"
|
|
||||||
></u-modal>
|
|
||||||
<!-- <el-button class="footerbtn" @click="bindBank(true)">{{'绑定银行卡'}}</el-button> -->
|
<!-- <el-button class="footerbtn" @click="bindBank(true)">{{'绑定银行卡'}}</el-button> -->
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import * as ban from '@/config/balance.js'
|
import * as ban from "@/config/balance.js"
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableData: [],
|
tableData: [],
|
||||||
modalShow: false,
|
modalShow: false,
|
||||||
modalShow2: false,
|
modalShow2: false,
|
||||||
pkId: '',
|
pkId: "",
|
||||||
userInfo: {},
|
userInfo: {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
@ -96,22 +61,20 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
setDefault(pkId) {
|
setDefault(pkId) {
|
||||||
ban
|
ban.updateDefault({
|
||||||
.updateDefault({
|
pkId: pkId
|
||||||
pkId: pkId,
|
}).then((res) => {
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
uni.$u.toast(res.msg)
|
uni.$u.toast(res.msg)
|
||||||
this.getSearch()
|
this.getSearch();
|
||||||
} else {
|
} else {
|
||||||
uni.$u.toast(res.msg)
|
uni.$u.toast(res.msg)
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
goAdd() {
|
goAdd() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/mine/bindBank/bindBank',
|
url: '/pages/mine/bindBank/bindBank'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
removeBind(item) {
|
removeBind(item) {
|
||||||
|
|
@ -121,27 +84,26 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
this.modalShow = true
|
this.modalShow = true
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
confirmRemove2() {
|
confirmRemove2() {
|
||||||
this.modalShow2 = false
|
this.modalShow2 =false
|
||||||
// this.modalShow = true
|
this.modalShow = true
|
||||||
},
|
},
|
||||||
//解除绑定
|
//解除绑定
|
||||||
confirmRemove() {
|
confirmRemove() {
|
||||||
ban
|
ban.removeBankBind({
|
||||||
.removeBankBind({
|
pkId: this.pkId
|
||||||
pkId: this.pkId,
|
}).then((res) => {
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
uni.$u.toast(res.msg)
|
uni.$u.toast(res.msg)
|
||||||
this.modalShow = false
|
this.modalShow = false
|
||||||
this.getSearch()
|
this.getSearch();
|
||||||
} else {
|
} else {
|
||||||
uni.$u.toast(res.msg)
|
uni.$u.toast(res.msg)
|
||||||
this.modalShow = false
|
this.modalShow = false
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//点击绑定银行卡
|
//点击绑定银行卡
|
||||||
bindBank(val) {
|
bindBank(val) {
|
||||||
|
|
@ -149,16 +111,16 @@ export default {
|
||||||
// this.jdTl = val;
|
// this.jdTl = val;
|
||||||
},
|
},
|
||||||
getSearch() {
|
getSearch() {
|
||||||
ban.getBankList().then(res => {
|
ban.getBankList().then((res) => {
|
||||||
this.tableData = res.data
|
this.tableData = res.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content {
|
.content {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
padding: 22rpx;
|
padding: 22rpx;
|
||||||
|
|
||||||
|
|
@ -223,13 +185,12 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardNumber {
|
.cardNumber {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-family:
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
PingFang SC-Medium,
|
|
||||||
PingFang SC;
|
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-top: 100rpx;
|
margin-top: 100rpx;
|
||||||
|
|
@ -239,9 +200,7 @@ export default {
|
||||||
.cardfooter {
|
.cardfooter {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-family:
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
PingFang SC-Regular,
|
|
||||||
PingFang SC;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
|
|
@ -251,6 +210,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerbtn {
|
.footerbtn {
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 40rpx;
|
padding: 40rpx;
|
||||||
|
|
@ -261,5 +221,5 @@ export default {
|
||||||
margin-top: 32rpx;
|
margin-top: 32rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue