|
@@ -4,8 +4,21 @@
|
|
|
<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
|
|
<view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
+
|
|
|
<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
|
|
<swiper :current="tabCurrentIndex" class="swiper-box" duration="300" @change="changeTab">
|
|
|
<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
|
|
<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
|
|
|
|
|
+ <view class="row b-b" >
|
|
|
|
|
+ <text class="tit">开户银行</text>
|
|
|
|
|
+ <!-- range是你要显示的数组,range-key是数组中你要显示的那一项,range-key="{{'label'}}" ,range-key中的数据要加引号!!!!!才生效! -->
|
|
|
|
|
+ <picker class="input" :range="bankList" mode="selector" :value="addressIndex" @change="changeBank">
|
|
|
|
|
+ <view v-if="bankList[bankIndex]">{{bankList[bankIndex] }}</view>
|
|
|
|
|
+ <view v-else class="font-color-gray">开户银行</view>
|
|
|
|
|
+ </picker>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="row b-b" >
|
|
|
|
|
+ <text class="tit">所属支行</text>
|
|
|
|
|
+ <input class="input" v-model="tabItem.orderList.zhiBank" type="text" placeholder="所属支行" placeholder-class="placeholder" />
|
|
|
|
|
+ </view>
|
|
|
<view class="row b-b">
|
|
<view class="row b-b">
|
|
|
<text class="tit">姓名</text>
|
|
<text class="tit">姓名</text>
|
|
|
<input class="input" v-model="tabItem.orderList.name" type="text" placeholder="提款人姓名" placeholder-class="placeholder" />
|
|
<input class="input" v-model="tabItem.orderList.name" type="text" placeholder="提款人姓名" placeholder-class="placeholder" />
|
|
@@ -14,10 +27,7 @@
|
|
|
<text class="tit">{{ tabIndex == 0 ? '账号' : '银行卡号' }}</text>
|
|
<text class="tit">{{ tabIndex == 0 ? '账号' : '银行卡号' }}</text>
|
|
|
<input class="input" v-model="tabItem.orderList.code" type="text" placeholder="请输入账号" placeholder-class="placeholder" />
|
|
<input class="input" v-model="tabItem.orderList.code" type="text" placeholder="请输入账号" placeholder-class="placeholder" />
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="row b-b" v-if="tabIndex == 1">
|
|
|
|
|
- <text class="tit">所属银行</text>
|
|
|
|
|
- <input class="input" v-model="tabItem.orderList.bankName" type="text" placeholder="请输入开户银行" placeholder-class="placeholder" />
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
</swiper>
|
|
</swiper>
|
|
|
|
|
|
|
@@ -26,31 +36,48 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
-import { aliInfo, bankInfo, setAliInfo, setBankInfo } from '@/api/wallet.js';
|
|
|
|
|
|
|
+import { aliInfo, bankInfo, setAliInfo, setBankInfo , extractBank} from '@/api/wallet.js';
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ bankList: [],
|
|
|
|
|
+ bankIndex:0,
|
|
|
|
|
+ addressDetail:'',
|
|
|
|
|
+ addressIndex:[0],
|
|
|
tabCurrentIndex: 0,
|
|
tabCurrentIndex: 0,
|
|
|
|
|
+ addressData: {
|
|
|
|
|
+ name: '',
|
|
|
|
|
+ mobile: '',
|
|
|
|
|
+ area: '',
|
|
|
|
|
+ default: false,
|
|
|
|
|
+ id: ''
|
|
|
|
|
+ },
|
|
|
|
|
+ bankList: [],
|
|
|
|
|
+ bankIndex:0,
|
|
|
navList: [
|
|
navList: [
|
|
|
- {
|
|
|
|
|
- state: 0,
|
|
|
|
|
- text: '支付宝',
|
|
|
|
|
- loadingType: 'more',
|
|
|
|
|
- orderList: {
|
|
|
|
|
- name: '',
|
|
|
|
|
- code: '',
|
|
|
|
|
- id: ''
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // state: 0,
|
|
|
|
|
+ // text: '支付宝',
|
|
|
|
|
+ // loadingType: 'more',
|
|
|
|
|
+ // orderList: {
|
|
|
|
|
+ // name: '',
|
|
|
|
|
+ // code: '',
|
|
|
|
|
+ // id: ''
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+
|
|
|
{
|
|
{
|
|
|
state: 1,
|
|
state: 1,
|
|
|
text: '银行卡',
|
|
text: '银行卡',
|
|
|
loadingType: 'more',
|
|
loadingType: 'more',
|
|
|
|
|
+
|
|
|
orderList: {
|
|
orderList: {
|
|
|
|
|
+
|
|
|
name: '',
|
|
name: '',
|
|
|
code: '',
|
|
code: '',
|
|
|
- bankName: '',
|
|
|
|
|
- id: ''
|
|
|
|
|
|
|
+ id: '',
|
|
|
|
|
+ bank:'',
|
|
|
|
|
+ zhiBank:''
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
@@ -61,9 +88,22 @@ export default {
|
|
|
this.tabCurrentIndex = +options.state || 0;
|
|
this.tabCurrentIndex = +options.state || 0;
|
|
|
// this.loadAli();
|
|
// this.loadAli();
|
|
|
// this.loadBank();
|
|
// this.loadBank();
|
|
|
|
|
+ this.onCityClick();
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ changeBank(e){
|
|
|
|
|
+ console.log(e,'22221');
|
|
|
|
|
+ this.bankIndex =e.target.value
|
|
|
|
|
+ },
|
|
|
|
|
+ //选择下拉框
|
|
|
|
|
+ onCityClick(){
|
|
|
|
|
+ extractBank({}).then(({data})=>{
|
|
|
|
|
+ console.log(data,'22222');
|
|
|
|
|
+ // this.navList.orderList.name = data.extractBank
|
|
|
|
|
+ this.bankList = data.extractBank
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
//加载数据
|
|
//加载数据
|
|
|
loadAli(source) {
|
|
loadAli(source) {
|
|
|
aliInfo({}).then(({ data }) => {
|
|
aliInfo({}).then(({ data }) => {
|
|
@@ -75,6 +115,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
loadBank() {
|
|
loadBank() {
|
|
|
bankInfo({}).then(({ data }) => {
|
|
bankInfo({}).then(({ data }) => {
|
|
|
|
|
+ console.log(data,'22222');
|
|
|
let order = this.navList[1].orderList;
|
|
let order = this.navList[1].orderList;
|
|
|
this.$set(order, 'name', data.fullname);
|
|
this.$set(order, 'name', data.fullname);
|
|
|
this.$set(order, 'code', data.bankno);
|
|
this.$set(order, 'code', data.bankno);
|
|
@@ -93,30 +134,38 @@ export default {
|
|
|
// 提交保存
|
|
// 提交保存
|
|
|
confirm() {
|
|
confirm() {
|
|
|
let obj = this;
|
|
let obj = this;
|
|
|
- let arr = obj.navList[obj.tabCurrentIndex].orderList;
|
|
|
|
|
|
|
+ let arr = obj.navList[0].orderList;
|
|
|
let pages = getCurrentPages(); //获取所有页面栈实例列表
|
|
let pages = getCurrentPages(); //获取所有页面栈实例列表
|
|
|
console.log(pages);
|
|
console.log(pages);
|
|
|
let nowPage = pages[pages.length - 1]; //当前页页面实例
|
|
let nowPage = pages[pages.length - 1]; //当前页页面实例
|
|
|
let prevPage = pages[pages.length - 2]; //上一页页面实例
|
|
let prevPage = pages[pages.length - 2]; //上一页页面实例
|
|
|
console.log(prevPage);
|
|
console.log(prevPage);
|
|
|
- // prevPage.$vm.sh = 100; //修改上一页data里面的sh参数值为100
|
|
|
|
|
- if (obj.tabCurrentIndex == 1) {
|
|
|
|
|
|
|
+ prevPage.$vm.sh = 100; //修改上一页data里面的sh参数值为100
|
|
|
|
|
+
|
|
|
|
|
+ if (obj.tabCurrentIndex == 0) {
|
|
|
if (!arr.name) {
|
|
if (!arr.name) {
|
|
|
return this.$api.msg('请输入提款人姓名');
|
|
return this.$api.msg('请输入提款人姓名');
|
|
|
}
|
|
}
|
|
|
- if (!arr.bankName) {
|
|
|
|
|
|
|
+ if (!obj.bankList[obj.bankIndex]) {
|
|
|
|
|
+ // console.log(obj.bankList[obj.bankIndex]);
|
|
|
return this.$api.msg('请输入所属银行');
|
|
return this.$api.msg('请输入所属银行');
|
|
|
}
|
|
}
|
|
|
if (!arr.code) {
|
|
if (!arr.code) {
|
|
|
return this.$api.msg('请输入银行卡号');
|
|
return this.$api.msg('请输入银行卡号');
|
|
|
}
|
|
}
|
|
|
|
|
+ if (!arr.zhiBank) {
|
|
|
|
|
+ return this.$api.msg('请输入所属支行');
|
|
|
|
|
+ }
|
|
|
let data = {
|
|
let data = {
|
|
|
fullname: arr.name,
|
|
fullname: arr.name,
|
|
|
- bank: arr.bankName,
|
|
|
|
|
|
|
+
|
|
|
|
|
+ bank: obj.bankList[obj.bankIndex]+'('+arr.zhiBank+')',
|
|
|
bankno: arr.code
|
|
bankno: arr.code
|
|
|
};
|
|
};
|
|
|
|
|
+ console.log(data,'4444');
|
|
|
// #ifdef H5
|
|
// #ifdef H5
|
|
|
prevPage.$vm.bankData = data;
|
|
prevPage.$vm.bankData = data;
|
|
|
|
|
+ console.log(data,'54454');
|
|
|
// #endif
|
|
// #endif
|
|
|
// #ifdef MP
|
|
// #ifdef MP
|
|
|
prevPage.setData({
|
|
prevPage.setData({
|
|
@@ -133,35 +182,35 @@ export default {
|
|
|
delta: 1
|
|
delta: 1
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- if (obj.tabCurrentIndex == 0) {
|
|
|
|
|
- if (!arr.name) {
|
|
|
|
|
- return this.$api.msg('请输入提款人姓名');
|
|
|
|
|
- }
|
|
|
|
|
- if (!arr.code) {
|
|
|
|
|
- return this.$api.msg('请输入支付宝账号');
|
|
|
|
|
- }
|
|
|
|
|
- let data = {
|
|
|
|
|
- fullname: arr.name,
|
|
|
|
|
- alino: arr.code
|
|
|
|
|
- };
|
|
|
|
|
- // #ifdef H5
|
|
|
|
|
- prevPage.$vm.aliData = data;
|
|
|
|
|
- // #endif
|
|
|
|
|
|
|
+ // if (obj.tabCurrentIndex == 0) {
|
|
|
|
|
+ // if (!arr.name) {
|
|
|
|
|
+ // return this.$api.msg('请输入提款人姓名');
|
|
|
|
|
+ // }
|
|
|
|
|
+ // if (!arr.code) {
|
|
|
|
|
+ // return this.$api.msg('请输入支付宝账号');
|
|
|
|
|
+ // }
|
|
|
|
|
+ // let data = {
|
|
|
|
|
+ // fullname: arr.name,
|
|
|
|
|
+ // alino: arr.code
|
|
|
|
|
+ // };
|
|
|
|
|
+ // // #ifdef H5
|
|
|
|
|
+ // prevPage.$vm.aliData = data;
|
|
|
|
|
+ // // #endif
|
|
|
|
|
|
|
|
- // #ifdef MP
|
|
|
|
|
- prevPage.setData({
|
|
|
|
|
- bankData: data
|
|
|
|
|
- });
|
|
|
|
|
- // #endif
|
|
|
|
|
- // obj.setAliInfo({
|
|
|
|
|
- // fullname: arr.name,
|
|
|
|
|
- // alino: arr.code,
|
|
|
|
|
- // id:arr.id
|
|
|
|
|
- // });
|
|
|
|
|
- uni.navigateBack({
|
|
|
|
|
- delta: 1
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ // // #ifdef MP
|
|
|
|
|
+ // prevPage.setData({
|
|
|
|
|
+ // bankData: data
|
|
|
|
|
+ // });
|
|
|
|
|
+ // // #endif
|
|
|
|
|
+ // // obj.setAliInfo({
|
|
|
|
|
+ // // fullname: arr.name,
|
|
|
|
|
+ // // alino: arr.code,
|
|
|
|
|
+ // // id:arr.id
|
|
|
|
|
+ // // });
|
|
|
|
|
+ // uni.navigateBack({
|
|
|
|
|
+ // delta: 1
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
},
|
|
},
|
|
|
/* 保存银行卡详细 */
|
|
/* 保存银行卡详细 */
|
|
|
setBankInfo(obj) {
|
|
setBankInfo(obj) {
|
|
@@ -212,12 +261,15 @@ export default {
|
|
|
height: 110rpx;
|
|
height: 110rpx;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
.tit {
|
|
.tit {
|
|
|
|
|
+ margin-right:50rpx;
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
width: 120rpx;
|
|
width: 120rpx;
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
color: $font-color-dark;
|
|
color: $font-color-dark;
|
|
|
}
|
|
}
|
|
|
.input {
|
|
.input {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
color: $font-color-dark;
|
|
color: $font-color-dark;
|