zhixinlian
/
fontend-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

二维码修改，充值方式修改

Browse Source
master
钟海欣 5 years ago
parent 2f07f90187
commit ef1e6e06f7
7 changed files with 307 additions and 137 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/home/iPhone.png
  2. BIN
      src/assets/home/qrcode.png
  3. 123
      src/components/balances/balances-deposit-widget.vue
  4. 97
      src/components/balances/banlanes-tabds.vue
  5. 124
      src/components/balances/bibi-balances/bibi-balances-deposit.vue
  6. 96
      src/components/balances/bibi-balances/bibi-balances-table.vue
  7. 4
      src/pages/index.vue

BIN
src/assets/home/iPhone.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 158 KiB

After

Width:  |  Height:  |  Size: 89 KiB

BIN
src/assets/home/qrcode.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

123
src/components/balances/balances-deposit-widget.vue
Unescape View File

@ -2,12 +2,12 @@
<div class="balances-deposit-widget"> <div class="balances-deposit-widget">
<!-- 充币地址 --> <!-- 充币地址 -->
<div class="deposit-address"> <div class="deposit-address">
<p>{{$t('recharge.table.header_addr')}}</p> <p>{{ $t('recharge.table.header_addr') }}</p>
<!-- 复制功能 --> <!-- 复制功能 -->
<div class="deposit-address_inner"> <div class="deposit-address_inner">
<div class="deposit-address_body"> <div class="deposit-address_body">
<!-- 充币地址 --> <!-- 充币地址 -->
<div class="deposit-address_text">{{taInfo.addr}}</div> <div class="deposit-address_text">{{ taInfo.addr }}</div>
<div class="deposit-address_action"> <div class="deposit-address_action">
<el-tooltip <el-tooltip
effect="light" effect="light"
@ -21,16 +21,17 @@
ref="chargeAddressCopyBtn" ref="chargeAddressCopyBtn"
:data-clipboard-text="taInfo.addr" :data-clipboard-text="taInfo.addr"
type="text" type="text"
>{{$t('recharge.table.header_copy')}}</el-button> >{{ $t('recharge.table.header_copy') }}</el-button
>
</el-tooltip> </el-tooltip>
<!--<el-button size="" type="text">显示二维码</el-button>--> <!--<el-button size="" type="text">显示二维码</el-button>-->
</div> </div>
<!-- eos需要备注 --> <!-- eos需要备注 -->
<div v-show="taInfo.tokenSymbol=='EOS'?true:false" class="file"> <div v-show="taInfo.tokenSymbol == 'EOS' ? true : false" class="file">
<!-- 充币备注 --> <!-- 充币备注 -->
<p>{{$t('recharge.table.header_remarks')}}</p> <p>{{ $t('recharge.table.header_remarks') }}</p>
<div class="deposit-address_text">{{taInfo.id}}</div> <div class="deposit-address_text">{{ taInfo.id }}</div>
<!-- 复制功能 --> <!-- 复制功能 -->
<div class="deposit-address_action"> <div class="deposit-address_action">
<el-tooltip <el-tooltip
@ -45,7 +46,8 @@
ref="chargeAddressCopyId" ref="chargeAddressCopyId"
:data-clipboard-text="taInfo.id" :data-clipboard-text="taInfo.id"
type="text" type="text"
>{{$t('recharge.table.header_copy')}}</el-button> >{{ $t('recharge.table.header_copy') }}</el-button
>
</el-tooltip> </el-tooltip>
<!--<el-button size="" type="text">显示二维码</el-button>--> <!--<el-button size="" type="text">显示二维码</el-button>-->
</div> </div>
@ -60,24 +62,35 @@
</div> </div>
</div> </div>
<!-- 扫码充值 --> <!-- 扫码充值 -->
<div class="deposit-address_qrcodeText">{{$t('balances.table.header_sweep')}}</div> <div class="deposit-address_qrcodeText">
{{ $t('balances.table.header_sweep') }}
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="addBox">
<div class="add" @click="surerecharge">确认充值</div>
</div>
<!-- 温馨提示 --> <!-- 温馨提示 -->
<div class="tips"> <div class="tips">
<p class="tips_header">{{$t('recharge.table.header_tips')}}</p> <p class="tips_header">{{ $t('recharge.table.header_tips') }}</p>
<div class="tips-list"> <div class="tips-list">
<div <div class="tips-list_item">
class="tips-list_item" 1.{{ $t('recharge.table.header_deal1') }}{{ taInfo.tokenSymbol
>1.{{$t('recharge.table.header_deal1')}}{{taInfo.tokenSymbol}}{{$t('recharge.table.header_deal2')}}</div> }}{{ $t('recharge.table.header_deal2') }}
<div </div>
class="tips-list_item" <div class="tips-list_item">
>2.{{taInfo.tokenSymbol}}{{$t('recharge.table.header_financial')}}</div> 2.{{ taInfo.tokenSymbol }}{{ $t('recharge.table.header_financial') }}
<div class="tips-list_item">3.{{$t('recharge.table.header_currency')}}</div> </div>
<div class="tips-list_item">4.{{$t('recharge.table.header_repeat')}}</div> <div class="tips-list_item">
<div class="tips-list_item">5.{{$t('recharge.table.header_safety')}}</div> 3.{{ $t('recharge.table.header_currency') }}
</div>
<div class="tips-list_item">
4.{{ $t('recharge.table.header_repeat') }}
</div>
<div class="tips-list_item">
5.{{ $t('recharge.table.header_safety') }}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -86,6 +99,11 @@
<script> <script>
import Clipboard from 'clipboard'; import Clipboard from 'clipboard';
// import {QRcode} from '@/common/qrcode'; // import {QRcode} from '@/common/qrcode';
import {addBtc} from '@/api/btc.js';
import {addEth} from '@/api/eth.js';
import {addEos} from '@/api/eos.js';
export default { export default {
name: 'BalancesDepositWidget', name: 'BalancesDepositWidget',
@ -226,6 +244,57 @@ export default {
clipboard.destroy(); clipboard.destroy();
}); });
}, },
// 确认充值
surerecharge() {
var name = this.taInfo;
if (name.tokenSymbol == 'EOS') {
addEos({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'CCT',
}).then(res => {
if (res.data.code === 200) {
// 充值成功！
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
} else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') {
addBtc({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'CCT',
}).then(res => {
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
} else {
addEth({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'CCT',
}).then(res => {
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
}
},
}, },
}; };
</script> </script>
@ -344,4 +413,20 @@ export default {
.el-dialog__body { .el-dialog__body {
padding: 35px; padding: 35px;
} }
.addBox {
position: relative;
margin-bottom: 60px;
}
.add {
color: #e8c141;
display: inline-block;
padding: 12px 12px;
// background-color: #e8494a;
border-radius: 3px;
border: 1px solid #e8c141;
cursor: pointer;
position: absolute;
top: 0;
left: 40%;
}
</style> </style>

97
src/components/balances/banlanes-tabds.vue
Unescape View File

@ -469,55 +469,56 @@ export default {
// this.$message.warning('敬请期待!'); // this.$message.warning('敬请期待!');
// return; // return;
// } // }
// this.ctrl.depositDialogVisible = true; this.ctrl.depositDialogVisible = true;
this.tatoo = name; this.tatoo = name;
if (name.tokenSymbol == 'EOS') {
addEos({ // if (name.tokenSymbol == 'EOS') {
addr: name.addr, // addEos({
tokenId: name.tokenSymbol, // addr: name.addr,
walletType: 'CCT', // tokenId: name.tokenSymbol,
}).then(res => { // walletType: 'CCT',
if (res.data.code === 200) { // }).then(res => {
// 充值成功！ // if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add')); // // 充值成功！
setInterval(() => { // this.$message.success(this.$t('balances.table.add'));
location.reload(); //成功刷新页面 // setInterval(() => {
}, 1000); // location.reload(); //成功刷新页面
} else { // }, 1000);
this.$message.error(res.data.msg); // } else {
} // this.$message.error(res.data.msg);
}); // }
} else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') { // });
addBtc({ // } else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') {
addr: name.addr, // addBtc({
tokenId: name.tokenSymbol, // addr: name.addr,
walletType: 'CCT', // tokenId: name.tokenSymbol,
}).then(res => { // walletType: 'CCT',
if (res.data.code === 200) { // }).then(res => {
this.$message.success(this.$t('balances.table.add')); // if (res.data.code === 200) {
setInterval(() => { // this.$message.success(this.$t('balances.table.add'));
location.reload(); //成功刷新页面 // setInterval(() => {
}, 1000); // location.reload(); //成功刷新页面
} else { // }, 1000);
this.$message.error(res.data.msg); // } else {
} // this.$message.error(res.data.msg);
}); // }
} else { // });
addEth({ // } else {
addr: name.addr, // addEth({
tokenId: name.tokenSymbol, // addr: name.addr,
walletType: 'CCT', // tokenId: name.tokenSymbol,
}).then(res => { // walletType: 'CCT',
if (res.data.code === 200) { // }).then(res => {
this.$message.success(this.$t('balances.table.add')); // if (res.data.code === 200) {
setInterval(() => { // this.$message.success(this.$t('balances.table.add'));
location.reload(); //成功刷新页面 // setInterval(() => {
}, 1000); // location.reload(); //成功刷新页面
} else { // }, 1000);
this.$message.error(res.data.msg); // } else {
} // this.$message.error(res.data.msg);
}); // }
} // });
// }
break; break;
case 'withdrawal': case 'withdrawal':
// 提币弹窗 // 提币弹窗

124
src/components/balances/bibi-balances/bibi-balances-deposit.vue
Unescape View File

@ -2,12 +2,12 @@
<div class="balances-deposit-widget"> <div class="balances-deposit-widget">
<!-- 充币地址 --> <!-- 充币地址 -->
<div class="deposit-address"> <div class="deposit-address">
<p>{{$t('recharge.table.header_addr')}}</p> <p>{{ $t('recharge.table.header_addr') }}</p>
<!-- 复制功能 --> <!-- 复制功能 -->
<div class="deposit-address_inner"> <div class="deposit-address_inner">
<div class="deposit-address_body"> <div class="deposit-address_body">
<!-- 充币地址 --> <!-- 充币地址 -->
<div class="deposit-address_text">{{taInfo.addr}}</div> <div class="deposit-address_text">{{ taInfo.addr }}</div>
<div class="deposit-address_action"> <div class="deposit-address_action">
<el-tooltip <el-tooltip
effect="light" effect="light"
@ -21,16 +21,17 @@
ref="chargeAddressCopyBtn" ref="chargeAddressCopyBtn"
:data-clipboard-text="taInfo.addr" :data-clipboard-text="taInfo.addr"
type="text" type="text"
>{{$t('recharge.table.header_copy')}}</el-button> >{{ $t('recharge.table.header_copy') }}</el-button
>
</el-tooltip> </el-tooltip>
<!--<el-button size="" type="text">显示二维码</el-button>--> <!--<el-button size="" type="text">显示二维码</el-button>-->
</div> </div>
<!-- eos需要备注 --> <!-- eos需要备注 -->
<div v-show="taInfo.tokenSymbol=='EOS'?true:false" class="file"> <div v-show="taInfo.tokenSymbol == 'EOS' ? true : false" class="file">
<!-- 充币备注 --> <!-- 充币备注 -->
<p>{{$t('recharge.table.header_remarks')}}</p> <p>{{ $t('recharge.table.header_remarks') }}</p>
<div class="deposit-address_text">{{taInfo.id}}</div> <div class="deposit-address_text">{{ taInfo.id }}</div>
<!-- 复制功能 --> <!-- 复制功能 -->
<div class="deposit-address_action"> <div class="deposit-address_action">
<el-tooltip <el-tooltip
@ -45,7 +46,8 @@
ref="chargeAddressCopyId" ref="chargeAddressCopyId"
:data-clipboard-text="taInfo.id" :data-clipboard-text="taInfo.id"
type="text" type="text"
>{{$t('recharge.table.header_copy')}}</el-button> >{{ $t('recharge.table.header_copy') }}</el-button
>
</el-tooltip> </el-tooltip>
<!--<el-button size="" type="text">显示二维码</el-button>--> <!--<el-button size="" type="text">显示二维码</el-button>-->
</div> </div>
@ -60,24 +62,35 @@
</div> </div>
</div> </div>
<!-- 扫码充值 --> <!-- 扫码充值 -->
<div class="deposit-address_qrcodeText">{{$t('balances.table.header_sweep')}}</div> <div class="deposit-address_qrcodeText">
{{ $t('balances.table.header_sweep') }}
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="addBox">
<div class="add" @click="surerecharge">确认充值</div>
</div>
<!-- 温馨提示 --> <!-- 温馨提示 -->
<div class="tips"> <div class="tips">
<p class="tips_header">{{$t('recharge.table.header_tips')}}</p> <p class="tips_header">{{ $t('recharge.table.header_tips') }}</p>
<div class="tips-list"> <div class="tips-list">
<div <div class="tips-list_item">
class="tips-list_item" 1.{{ $t('recharge.table.header_deal1') }}{{ taInfo.tokenSymbol
>1.{{$t('recharge.table.header_deal1')}}{{taInfo.tokenSymbol}}{{$t('recharge.table.header_deal2')}}</div> }}{{ $t('recharge.table.header_deal2') }}
<div </div>
class="tips-list_item" <div class="tips-list_item">
>2.{{taInfo.tokenSymbol}}{{$t('recharge.table.header_financial')}}</div> 2.{{ taInfo.tokenSymbol }}{{ $t('recharge.table.header_financial') }}
<div class="tips-list_item">3.{{$t('recharge.table.header_currency')}}</div> </div>
<div class="tips-list_item">4.{{$t('recharge.table.header_repeat')}}</div> <div class="tips-list_item">
<div class="tips-list_item">5.{{$t('recharge.table.header_safety')}}</div> 3.{{ $t('recharge.table.header_currency') }}
</div>
<div class="tips-list_item">
4.{{ $t('recharge.table.header_repeat') }}
</div>
<div class="tips-list_item">
5.{{ $t('recharge.table.header_safety') }}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -86,7 +99,11 @@
<script> <script>
import Clipboard from 'clipboard'; import Clipboard from 'clipboard';
// import {QRcode} from '@/common/qrcode'; // import {QRcode} from '@/common/qrcode';
import {addBtc} from '@/api/btc.js';
import {addEth} from '@/api/eth.js';
import {addEos} from '@/api/eos.js';
export default { export default {
name: 'BibiBalancesDeposit', name: 'BibiBalancesDeposit',
props: { props: {
@ -168,7 +185,7 @@ export default {
} }
timeoutPending = setTimeout(() => { timeoutPending = setTimeout(() => {
tip.visible = false; tip.visible = false;
},1000); }, 1000);
} }
}; };
@ -223,6 +240,57 @@ export default {
clipboard.destroy(); clipboard.destroy();
}); });
}, },
// 确认充值
surerecharge() {
var name = this.taInfo;
if (name.tokenSymbol == 'EOS') {
addEos({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'C2C',
}).then(res => {
if (res.data.code === 200) {
// 充值成功！
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
} else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') {
addBtc({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'C2C',
}).then(res => {
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
} else {
addEth({
addr: name.addr,
tokenId: name.tokenSymbol,
walletType: 'C2C',
}).then(res => {
if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add'));
setInterval(() => {
location.reload(); //成功刷新页面
}, 1000);
} else {
this.$message.error(res.data.msg);
}
});
}
},
}, },
}; };
</script> </script>
@ -341,4 +409,20 @@ export default {
.el-dialog__body { .el-dialog__body {
padding: 35px; padding: 35px;
} }
.addBox {
position: relative;
margin-bottom: 60px;
}
.add {
color: #e8c141;
display: inline-block;
padding: 12px 12px;
// background-color: #e8494a;
border-radius: 3px;
border: 1px solid #e8c141;
cursor: pointer;
position: absolute;
top: 0;
left: 40%;
}
</style> </style>

96
src/components/balances/bibi-balances/bibi-balances-table.vue
Unescape View File

@ -473,55 +473,55 @@ export default {
// return; // return;
// } // }
// 充值弹窗 // 充值弹窗
// this.ctrl.depositDialogVisible = true; this.ctrl.depositDialogVisible = true;
this.tatoo = name; this.tatoo = name;
if (name.tokenSymbol == 'EOS') { // if (name.tokenSymbol == 'EOS') {
addEos({ // addEos({
addr: name.addr, // addr: name.addr,
tokenId: name.tokenSymbol, // tokenId: name.tokenSymbol,
walletType: 'C2C', // walletType: 'C2C',
}).then(res => { // }).then(res => {
if (res.data.code === 200) { // if (res.data.code === 200) {
// 充值成功！ // // 充值成功！
this.$message.success(this.$t('balances.table.add')); // this.$message.success(this.$t('balances.table.add'));
setInterval(() => { // setInterval(() => {
location.reload(); //成功刷新页面 // location.reload(); //成功刷新页面
}, 1000); // }, 1000);
} else { // } else {
this.$message.error(res.data.msg); // this.$message.error(res.data.msg);
} // }
}); // });
} else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') { // } else if (name.tokenSymbol == 'BTC' || name.tokenSymbol == 'USDT') {
addBtc({ // addBtc({
addr: name.addr, // addr: name.addr,
tokenId: name.tokenSymbol, // tokenId: name.tokenSymbol,
walletType: 'C2C', // walletType: 'C2C',
}).then(res => { // }).then(res => {
if (res.data.code === 200) { // if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add')); // this.$message.success(this.$t('balances.table.add'));
setInterval(() => { // setInterval(() => {
location.reload(); //成功刷新页面 // location.reload(); //成功刷新页面
}, 1000); // }, 1000);
} else { // } else {
this.$message.error(res.data.msg); // this.$message.error(res.data.msg);
} // }
}); // });
} else { // } else {
addEth({ // addEth({
addr: name.addr, // addr: name.addr,
tokenId: name.tokenSymbol, // tokenId: name.tokenSymbol,
walletType: 'C2C', // walletType: 'C2C',
}).then(res => { // }).then(res => {
if (res.data.code === 200) { // if (res.data.code === 200) {
this.$message.success(this.$t('balances.table.add')); // this.$message.success(this.$t('balances.table.add'));
setInterval(() => { // setInterval(() => {
location.reload(); //成功刷新页面 // location.reload(); //成功刷新页面
}, 1000); // }, 1000);
} else { // } else {
this.$message.error(res.data.msg); // this.$message.error(res.data.msg);
} // }
}); // });
} // }
break; break;
case 'withdrawal': case 'withdrawal':

4
src/pages/index.vue
Unescape View File

@ -264,7 +264,7 @@
</div> </div>
<!-- 二维码 --> <!-- 二维码 -->
<!-- <div class="qrCode"> <div class="qrCode">
<img src="../assets/home/iPhone.png" alt /> <img src="../assets/home/iPhone.png" alt />
<div class="qrCode-contant"> <div class="qrCode-contant">
<div class="qrCode-char">{{ $t('price.index.index_here') }}</div> <div class="qrCode-char">{{ $t('price.index.index_here') }}</div>
@ -276,7 +276,7 @@
<div>iOS & Android</div> <div>iOS & Android</div>
</div> </div>
</div> </div>
</div> --> </div>
<Footer></Footer> <Footer></Footer>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save