|
@@ -30,14 +30,52 @@
|
|
|
<view class="tip1">单价不得大于参考汇率</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="bankList flex" v-if="actionitem.length > 0" v-for="item,index in actionitem">
|
|
|
+ <view class="infoTpl">
|
|
|
+ <view class="tplName flex_item">
|
|
|
+ <image :src="item.type == 'bank'?'/static/image/bank.png':
|
|
|
+ item.type == 'wx'?'/static/image/wx.png':'/static/image/alipay.png'" style="width: 40rpx;height: 40rpx"
|
|
|
+ mode="widthFix"></image>
|
|
|
+ <view class="titleBox">
|
|
|
+ <view class="tip">{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="det" @click="showBank = true">
|
|
|
+ 修改
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="submission">
|
|
|
<button class="golden" type="golden" hover-class="none" @click="submission">一键卖币</button>
|
|
|
</view>
|
|
|
<view class="tips">*参考汇率{{baseData.us_price}}</view>
|
|
|
</view>
|
|
|
- <u-action-sheet :show="showBank" :actions="bankList" title="请选择银行卡"
|
|
|
- @close="showBank = false" @select="bankSelect">
|
|
|
- </u-action-sheet>
|
|
|
+ <uni-popup ref="popup" :is-mask-click="false" type="bottom" @maskClick="showBank = false">
|
|
|
+ <view class="alertBottom">
|
|
|
+ <view class="flex alertTitle">
|
|
|
+ <view class="alertTitleName">
|
|
|
+ 选择支付方式
|
|
|
+ </view>
|
|
|
+ <uni-icons type="close" size="28" @click="showBank = false"></uni-icons>
|
|
|
+ </view>
|
|
|
+ <view class="bankList flex" @click="bankSelect(item)" v-if="bankList.length > 0"
|
|
|
+ v-for="item,index in bankList">
|
|
|
+ <view class="infoTpl">
|
|
|
+ <view class="tplName flex_item">
|
|
|
+ <image :src="item.type == 'bank'?'/static/image/bank.png':
|
|
|
+ item.type == 'wx'?'/static/image/wx.png':'/static/image/alipay.png'" style="width: 40rpx;height: 40rpx"
|
|
|
+ mode="widthFix"></image>
|
|
|
+ <view class="titleBox">
|
|
|
+ <view class="tip">{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="det">
|
|
|
+ 选择
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -62,7 +100,7 @@
|
|
|
import dayjs from '@/libs/dayjs/dayjs.min.js';
|
|
|
export default {
|
|
|
computed: {
|
|
|
- ...mapState('user', ['hasLogin','userInfo'])
|
|
|
+ ...mapState('user', ['hasLogin', 'userInfo'])
|
|
|
},
|
|
|
filters: {
|
|
|
dateFormat: function(value) {
|
|
@@ -71,39 +109,38 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tabIndex: 0,
|
|
|
- navList: ['支付宝','微信'],
|
|
|
number: '',
|
|
|
- money:'',
|
|
|
+ money: '',
|
|
|
price: '',
|
|
|
page: 1,
|
|
|
limit: 10,
|
|
|
list: [],
|
|
|
loadingType: 'more',
|
|
|
- baseData:{
|
|
|
- min_sell:'',
|
|
|
- max_sell:''
|
|
|
- },
|
|
|
- loaded:false,
|
|
|
- showBank:false,
|
|
|
- bankList:[],
|
|
|
- bank_id:'',
|
|
|
- bank:{
|
|
|
- id:'',
|
|
|
- bank_real_name:'',
|
|
|
- bank_code:'',
|
|
|
- bank:'',
|
|
|
- bank_name:'',
|
|
|
+ baseData: {
|
|
|
+ min_sell: '',
|
|
|
+ max_sell: ''
|
|
|
},
|
|
|
- weixin:{
|
|
|
- id:'',
|
|
|
- name:'',
|
|
|
- account:'',
|
|
|
+ loaded: false,
|
|
|
+ showBank: false,
|
|
|
+ bankList: [],
|
|
|
+ bank_id: '',
|
|
|
+ bank: {
|
|
|
+ id: '',
|
|
|
+ bank_real_name: '',
|
|
|
+ bank_code: '',
|
|
|
+ bank: '',
|
|
|
+ bank_name: '',
|
|
|
},
|
|
|
- zfb:{
|
|
|
- id:'',
|
|
|
- name:'',
|
|
|
- account:'',
|
|
|
+ // 当前选中的银行卡对象
|
|
|
+ actionitem: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showBank(newValue, oldValue) {
|
|
|
+ if (newValue) {
|
|
|
+ this.$refs.popup.open()
|
|
|
+ } else {
|
|
|
+ this.$refs.popup.close()
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -130,74 +167,50 @@
|
|
|
getBank().then((res) => {
|
|
|
let data = res.data.list
|
|
|
let reg = /^(.{4})(?:\d+)(.{4})$/
|
|
|
- if(data.length > 0){
|
|
|
+ if (data.length > 0) {
|
|
|
data.forEach(item => {
|
|
|
- if(item.type == 'bank'){
|
|
|
+ if (item.type == 'bank') {
|
|
|
item.bank_code1 = item.bank_code.replace(reg, "**** $2")
|
|
|
- item.name = item.bank+' '+item.bank_code1
|
|
|
- }else{
|
|
|
- item.name = item.name+' '+item.phone
|
|
|
+ item.name = item.bank + ' ' + item.bank_code1
|
|
|
+ } else {
|
|
|
+ item.name = item.name + ' ' + item.phone
|
|
|
}
|
|
|
})
|
|
|
- obj.bankList = data
|
|
|
- obj.bank = obj.bankList[0]
|
|
|
- obj.bank_id = obj.bank.id
|
|
|
- obj.navList.push('银行卡')
|
|
|
+ obj.bankList = data;
|
|
|
+ if (obj.bankList.length > 0) {
|
|
|
+ obj.actionitem = [obj.bankList[0]];
|
|
|
+ obj.bank_id = obj.bank.id;
|
|
|
+ obj.bank = obj.bankList[0];
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- bankSelect(e){
|
|
|
+ bankSelect(e) {
|
|
|
const obj = this;
|
|
|
- this.bank_id = e.id
|
|
|
- obj.showBank = false
|
|
|
- uni.showModal({
|
|
|
- title: '请输入支付密码',
|
|
|
- editable:true,
|
|
|
- success: res => {
|
|
|
- if(res.confirm){
|
|
|
- sellPush({
|
|
|
- type: 'USDT',
|
|
|
- num: obj.number,
|
|
|
- price: obj.price,
|
|
|
- phone: obj.userInfo.phone || '',
|
|
|
- trade_psw: res.content,
|
|
|
- sell_type: 'money',
|
|
|
- bank_id:obj.bank_id
|
|
|
- }).then((
|
|
|
- data
|
|
|
- ) => {
|
|
|
- obj.qianBao();
|
|
|
- uni.showToast({
|
|
|
- title: data.msg,
|
|
|
- icon:'none'
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
+ this.bank_id = e.id;
|
|
|
+ this.actionitem = [e];
|
|
|
+ obj.showBank = false;
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
- getIndex(){
|
|
|
+ getIndex() {
|
|
|
getIndex({})
|
|
|
.then(({
|
|
|
data
|
|
|
}) => {
|
|
|
- this.baseData = data
|
|
|
+ this.baseData = data;
|
|
|
+ this.price = data.us_price
|
|
|
console.log(data);
|
|
|
})
|
|
|
.catch(e => {});
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
// 购买订单
|
|
|
commitorder(item) {
|
|
|
let obj = this
|
|
|
uni.showModal({
|
|
|
title: '请输入支付密码',
|
|
|
- editable:true,
|
|
|
+ editable: true,
|
|
|
success: res => {
|
|
|
if (res.confirm) {
|
|
|
if (res.content) {
|
|
@@ -217,7 +230,7 @@
|
|
|
content: data.msg,
|
|
|
showCancel: false,
|
|
|
});
|
|
|
- setTimeout(function () {
|
|
|
+ setTimeout(function() {
|
|
|
obj.page = 1;
|
|
|
obj.list = [];
|
|
|
obj.loadingType = 'more';
|
|
@@ -236,28 +249,65 @@
|
|
|
// 挂出
|
|
|
submission() {
|
|
|
let obj = this;
|
|
|
- if(!obj.number){
|
|
|
+ if (!obj.number) {
|
|
|
uni.showToast({
|
|
|
title: '请输入数量',
|
|
|
- icon:'none'
|
|
|
+ icon: 'none'
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
- if(!obj.price){
|
|
|
+ if (!obj.price) {
|
|
|
uni.showToast({
|
|
|
title: '请输入单价',
|
|
|
- icon:'none'
|
|
|
+ icon: 'none'
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
- if(obj.price > obj.baseData.us_price){
|
|
|
+ if (obj.price > obj.baseData.us_price) {
|
|
|
uni.showToast({
|
|
|
title: '单价不得大于当前汇率',
|
|
|
- icon:'none'
|
|
|
+ icon: 'none'
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
- this.showBank = true
|
|
|
+ uni.showModal({
|
|
|
+ title: '请输入支付密码',
|
|
|
+ editable: true,
|
|
|
+ success: res => {
|
|
|
+ if (res.confirm) {
|
|
|
+ sellPush({
|
|
|
+ type: 'USDT',
|
|
|
+ num: obj.number,
|
|
|
+ price: obj.price,
|
|
|
+ phone: obj.userInfo.phone || '',
|
|
|
+ trade_psw: res.content,
|
|
|
+ sell_type: 'money',
|
|
|
+ bank_id: obj.bank_id
|
|
|
+ }).then((
|
|
|
+ data
|
|
|
+ ) => {
|
|
|
+ obj.qianBao();
|
|
|
+ obj.number = '';
|
|
|
+ obj.trade_psw = '';
|
|
|
+ uni.showToast({
|
|
|
+ title: data.msg,
|
|
|
+ });
|
|
|
+ setTimeout(
|
|
|
+ () => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/index/order'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ )
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: () => {},
|
|
|
+ complete: () => {}
|
|
|
+ });
|
|
|
},
|
|
|
init() {
|
|
|
this.page = 1;
|
|
@@ -267,9 +317,6 @@
|
|
|
this.qianBao();
|
|
|
this.getBank();
|
|
|
},
|
|
|
- tabClick(index) {
|
|
|
- this.tabIndex = index
|
|
|
- },
|
|
|
async loadData(source) {
|
|
|
const that = this;
|
|
|
//这里是将订单挂载到tab列表下
|
|
@@ -332,6 +379,7 @@
|
|
|
padding-bottom: 40rpx;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
.listBox {
|
|
|
padding: 62rpx 32rpx;
|
|
|
|
|
@@ -424,11 +472,13 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .changeBank{
|
|
|
+
|
|
|
+ .changeBank {
|
|
|
text-align: right;
|
|
|
margin-top: 25rpx;
|
|
|
padding-right: 35rpx;
|
|
|
- .btnChange{
|
|
|
+
|
|
|
+ .btnChange {
|
|
|
background: #0C5AFA;
|
|
|
color: #fff;
|
|
|
display: inline-block;
|
|
@@ -436,17 +486,82 @@
|
|
|
padding: 15rpx 25rpx;
|
|
|
border-radius: 15rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
.login_text {
|
|
|
width: 100%;
|
|
|
// padding: 25rpx 0rpx;
|
|
|
font-size: 28rpx !important;
|
|
|
padding: 0rpx 25rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.login_input {
|
|
|
border-bottom: 1px solid #464755;
|
|
|
padding: 35rpx;
|
|
|
}
|
|
|
+
|
|
|
+ .alertBottom {
|
|
|
+ padding-bottom: 55px;
|
|
|
+ background-color: #FFF;
|
|
|
+
|
|
|
+ .alertTitle {
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ .alertTitleName {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bankList {
|
|
|
+ background: #FFF;
|
|
|
+ border-bottom: 1px solid #eeeeee;
|
|
|
+ border-radius: 0;
|
|
|
+
|
|
|
+ .infoTpl {
|
|
|
+ .tplName {
|
|
|
+ .titleBox {
|
|
|
+ .tip {
|
|
|
+ color: #999 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bankList {
|
|
|
+ color: #fff;
|
|
|
+ background: #1F2A4A;
|
|
|
+ padding: 36rpx 38rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin-bottom: 25rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .det {
|
|
|
+ color: #0C5AFA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infoTpl {
|
|
|
+ .tplName {
|
|
|
+ .titleBox {
|
|
|
+ padding-left: 25rpx;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tip {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 25rpx;
|
|
|
+ color: rgba(255, 255, 255, 0.64);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|