提现暂存
This commit is contained in:
77
view/molistar/modules/guild-ar/BANK.html
Normal file
77
view/molistar/modules/guild-ar/BANK.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bank</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/BANK.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<b class="text2">Bank</b>
|
||||
</div>
|
||||
<!-- 账户信息 -->
|
||||
<div class="box currencyType">
|
||||
<span></span>
|
||||
<input type="text" disabled placeholder="Currency Type:USD">
|
||||
<!-- <img src="./images/right.png" alt="" class="right"> -->
|
||||
</div>
|
||||
<div class="box country">
|
||||
<span>*</span>
|
||||
<input type="text" readonly placeholder="Country">
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
</div>
|
||||
<div class="box payeeAccountNo">
|
||||
<span>*</span>
|
||||
<input type="text" placeholder="payeeAccountNo">
|
||||
</div>
|
||||
<div class="box bankName">
|
||||
<span>*</span>
|
||||
<input type="text" placeholder="Bank Name" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<div class="box sWIFTCode">
|
||||
<span>*</span>
|
||||
<input type="text" placeholder="SWIFT Code" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<div class="box payeeName">
|
||||
<span>*</span>
|
||||
<input type="text" placeholder="payeeName" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<div class="box Address">
|
||||
<span>*</span>
|
||||
<input type="text" placeholder="Address" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
<!-- 确认按钮 -->
|
||||
<div class="ok">Confirm</div>
|
||||
<!-- 解绑按钮 -->
|
||||
<div class="determine">Determine</div>
|
||||
</div>
|
||||
<!-- 选择弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<div class="title">Country</div>
|
||||
<div class="soure">OK</div>
|
||||
<div class="countryPub">asdasdasd</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/BANK.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
0
view/molistar/modules/guild-ar/PAYONNER.html
Normal file
0
view/molistar/modules/guild-ar/PAYONNER.html
Normal file
0
view/molistar/modules/guild-ar/USDT.html
Normal file
0
view/molistar/modules/guild-ar/USDT.html
Normal file
0
view/molistar/modules/guild-ar/VODAFONE.html
Normal file
0
view/molistar/modules/guild-ar/VODAFONE.html
Normal file
196
view/molistar/modules/guild-ar/css/BANK.css
Normal file
196
view/molistar/modules/guild-ar/css/BANK.css
Normal file
@@ -0,0 +1,196 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.66667rem;
|
||||
line-height: 3.46667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 9.2rem;
|
||||
height: 1.49333rem;
|
||||
border-radius: 0.21333rem;
|
||||
background: #F2F3F7;
|
||||
margin: 0 auto 0.45333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.box span {
|
||||
color: #ED4343;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
height: 100%;
|
||||
line-height: 1.49333rem;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 0.26667rem;
|
||||
}
|
||||
|
||||
.box input {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 7rem;
|
||||
height: 100%;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
outline: none;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.box input::placeholder {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.box .right {
|
||||
display: block;
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
float: right;
|
||||
margin: 0.48rem 0.26667rem 0;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 9.2rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 0 auto 0.45333rem;
|
||||
}
|
||||
|
||||
.but .ok {
|
||||
width: 4.45333rem;
|
||||
height: 1.22667rem;
|
||||
border-radius: 1.22667rem;
|
||||
line-height: 1.22667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: #04D5C6;
|
||||
margin: 0 0.14667rem;
|
||||
}
|
||||
|
||||
.but .determine {
|
||||
width: 4.45333rem;
|
||||
height: 1.22667rem;
|
||||
border-radius: 1.22667rem;
|
||||
line-height: 1.22667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: #FF6A6A;
|
||||
margin: 0 0.14667rem;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem 0.42667rem 0 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: 1.49333rem;
|
||||
padding-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.pub .pub_in .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
top: 0.32rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.pub .pub_in .soure {
|
||||
z-index: 2;
|
||||
color: #04D5C6;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: 0.42667rem;
|
||||
top: 0.37333rem;
|
||||
}
|
||||
|
||||
.pub .pub_in .countryPub {
|
||||
width: 100%;
|
||||
height: 0.85333rem;
|
||||
line-height: 0.85333rem;
|
||||
text-align: center;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.pub .pub_in .act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
right: 0.2rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .box span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .box input {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .box .right {
|
||||
float: left;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .pub .pub_in .soure {
|
||||
right: auto;
|
||||
left: 0.42667rem;
|
||||
}
|
207
view/molistar/modules/guild-ar/css/BANK.scss
Normal file
207
view/molistar/modules/guild-ar/css/BANK.scss
Normal file
@@ -0,0 +1,207 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(200);
|
||||
line-height: px2rem(260);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 54%;
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(690);
|
||||
height: px2rem(112);
|
||||
border-radius: px2rem(16);
|
||||
background: #F2F3F7;
|
||||
margin: 0 auto px2rem(34);
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
color: #ED4343;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
height: 100%;
|
||||
line-height: px2rem(112);
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 px2rem(20);
|
||||
}
|
||||
|
||||
input {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 7rem;
|
||||
height: 100%;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
outline: none;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-weight: bold;
|
||||
|
||||
&::placeholder {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
display: block;
|
||||
width: px2rem(42);
|
||||
height: px2rem(42);
|
||||
float: right;
|
||||
margin: px2rem(36) px2rem(20) 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.but {
|
||||
width: px2rem(690);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 0 auto px2rem(34);
|
||||
|
||||
.ok {
|
||||
width: px2rem(334);
|
||||
height: px2rem(92);
|
||||
border-radius: px2rem(92);
|
||||
line-height: px2rem(92);
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: #04D5C6;
|
||||
margin: 0 px2rem(11);
|
||||
}
|
||||
|
||||
.determine {
|
||||
width: px2rem(334);
|
||||
height: px2rem(92);
|
||||
border-radius: px2rem(92);
|
||||
line-height: px2rem(92);
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: #FF6A6A;
|
||||
margin: 0 px2rem(11);
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
border-radius: px2rem(32) px2rem(32) 0 0;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(112);
|
||||
padding-bottom: px2rem(20);
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
top: px2rem(24);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
}
|
||||
|
||||
.soure {
|
||||
z-index: 2;
|
||||
color: #04D5C6;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: px2rem(32);
|
||||
top: px2rem(28);
|
||||
}
|
||||
|
||||
.countryPub {
|
||||
width: 100%;
|
||||
height: px2rem(64);
|
||||
line-height: px2rem(64);
|
||||
text-align: center;
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.arabic {
|
||||
.back img {
|
||||
right: px2rem(15);
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.box {
|
||||
span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
input {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: left;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.pub .pub_in .soure {
|
||||
right: auto;
|
||||
left: px2rem(32);
|
||||
}
|
||||
}
|
@@ -257,6 +257,116 @@ html {
|
||||
margin-bottom: 2.13333rem;
|
||||
}
|
||||
|
||||
.withdrawalAccount {
|
||||
width: 9.2rem;
|
||||
height: 1.49333rem;
|
||||
line-height: 1.49333rem;
|
||||
box-sizing: border-box;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0.26667rem auto 0.26667rem;
|
||||
padding: 0 0.53333rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.withdrawalAccount .left {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.withdrawalAccount .left b {
|
||||
color: #ED4343;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.withdrawalAccount .right {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.37333rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.withdrawalAccount .right img {
|
||||
display: inline-block;
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
margin-top: 0.48rem;
|
||||
}
|
||||
|
||||
.selectAccount {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: 10rem;
|
||||
min-height: 6.10667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem 0.42667rem 0rem 0rem;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
margin-top: 0.34667rem;
|
||||
margin-bottom: 0.34667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .accountBox {
|
||||
margin: 0 auto;
|
||||
width: 9.14667rem;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .accountBox .account {
|
||||
width: 100%;
|
||||
height: 1.06667rem;
|
||||
line-height: 1.06667rem;
|
||||
background: #F4F4F4;
|
||||
border-radius: 0.21333rem;
|
||||
margin-bottom: 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .accountBox .account .sel {
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.29333rem;
|
||||
margin-right: 0.13333rem;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .accountBox .account b,
|
||||
.selectAccount .selectAccount_in .accountBox .account span {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.selectAccount .selectAccount_in .accountBox .account .eid {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-top: 0.24rem;
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: 9.17333rem;
|
||||
height: 1.06667rem;
|
||||
@@ -601,7 +711,10 @@ html {
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.arabic .transfer_method .official_withdraw .pop, .arabic .transfer_method .agent_settlement .pop, .arabic .transfer_dollars .official_withdraw .pop, .arabic .transfer_dollars .agent_settlement .pop {
|
||||
.arabic .transfer_method .official_withdraw .pop,
|
||||
.arabic .transfer_method .agent_settlement .pop,
|
||||
.arabic .transfer_dollars .official_withdraw .pop,
|
||||
.arabic .transfer_dollars .agent_settlement .pop {
|
||||
background: url(../images/pop-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
left: auto;
|
||||
|
@@ -247,6 +247,116 @@ html {
|
||||
margin-bottom: px2rem(80);
|
||||
}
|
||||
|
||||
.withdrawalAccount {
|
||||
width: px2rem(345);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(8);
|
||||
margin: px2rem(10) auto px2rem(10);
|
||||
padding: 0 px2rem(20);
|
||||
display: none;
|
||||
|
||||
.left {
|
||||
color: #313131;
|
||||
font-size: px2rem(14);
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
|
||||
b {
|
||||
color: #ED4343;
|
||||
margin-right: px2rem(4);
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(14);
|
||||
float: right;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(21);
|
||||
height: px2rem(21);
|
||||
margin-top: px2rem(18);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selectAccount {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
|
||||
.selectAccount_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: px2rem(375);
|
||||
min-height: px2rem(229);
|
||||
background: #fff;
|
||||
border-radius: px2rem(16) px2rem(16) px2rem(0) px2rem(0);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(16);
|
||||
margin-top: px2rem(13);
|
||||
margin-bottom: px2rem(13);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.accountBox {
|
||||
margin: 0 auto;
|
||||
width: px2rem(343);
|
||||
|
||||
.account {
|
||||
width: 100%;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
background: #F4F4F4;
|
||||
border-radius: px2rem(8);
|
||||
margin-bottom: px2rem(16);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(12);
|
||||
|
||||
.sel {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
margin-top: px2rem(11);
|
||||
margin-right: px2rem(5);
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
b,
|
||||
span {
|
||||
color: #313131;
|
||||
font-size: px2rem(14);
|
||||
font-weight: 400;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.eid {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-top: px2rem(9);
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: px2rem(344);
|
||||
height: px2rem(40);
|
||||
@@ -410,6 +520,7 @@ html {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .agent_pop_in{
|
||||
// width: px2rem(580);
|
||||
// height: px2rem(988);
|
||||
@@ -556,7 +667,11 @@ html {
|
||||
padding-left: unset;
|
||||
}
|
||||
}
|
||||
.transfer_method .official_withdraw .pop, .transfer_method .agent_settlement .pop, .transfer_dollars .official_withdraw .pop, .transfer_dollars .agent_settlement .pop{
|
||||
|
||||
.transfer_method .official_withdraw .pop,
|
||||
.transfer_method .agent_settlement .pop,
|
||||
.transfer_dollars .official_withdraw .pop,
|
||||
.transfer_dollars .agent_settlement .pop {
|
||||
background: url(../images/pop-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
left: auto;
|
||||
|
BIN
view/molistar/modules/guild-ar/images/eidIcon.png
Normal file
BIN
view/molistar/modules/guild-ar/images/eidIcon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 438 B |
BIN
view/molistar/modules/guild-ar/images/not.png
Normal file
BIN
view/molistar/modules/guild-ar/images/not.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/modules/guild-ar/images/yes.png
Normal file
BIN
view/molistar/modules/guild-ar/images/yes.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 856 B |
197
view/molistar/modules/guild-ar/js/BANK.js
Normal file
197
view/molistar/modules/guild-ar/js/BANK.js
Normal file
@@ -0,0 +1,197 @@
|
||||
const urlData = getQueryString();
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var fields = {};
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
get()
|
||||
}, 100);
|
||||
|
||||
});
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
// $('.text1').text(langReplace(localLang.bill.text1));
|
||||
|
||||
}
|
||||
// 获取
|
||||
function get() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/get",
|
||||
data: { type: getQueryString().type },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
// 回显数据
|
||||
$('.currencyType input').val('Currency Type:' + res.data.currency);
|
||||
fields = res.data.fields;
|
||||
if (fields.country == '') {
|
||||
$('.but .determine').hide();
|
||||
} else {
|
||||
$('.but .determine').show();
|
||||
}
|
||||
$('.country input').val(fields.country);
|
||||
$('.payeeAccountNo input').val(fields.bank_account);
|
||||
$('.bankName input').val(fields.bank_name);
|
||||
$('.sWIFTCode input').val(fields.swift_code);
|
||||
$('.payeeName input').val(fields.full_name);
|
||||
$('.Address input').val(fields.address);
|
||||
// 渲染国家
|
||||
$('.pub .pub_in .countryPub').remove();
|
||||
var str = '';
|
||||
res.data.countryOptionalList.forEach(res => {
|
||||
str += `
|
||||
<div country='${res}' class="countryPub">${res}</div>
|
||||
`
|
||||
})
|
||||
$('.pub .pub_in').append(str);
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 选择国家
|
||||
$('.country').click(function () {
|
||||
$('.pub').show();
|
||||
})
|
||||
// 关闭选择国家
|
||||
$('.pub').click(function (params) {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 选中国家
|
||||
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
var country = $(this).attr('country');
|
||||
fields.country = country;
|
||||
return false;
|
||||
})
|
||||
// 确认选中国家
|
||||
$('.pub .pub_in .soure').click(function name(params) {
|
||||
$('.country input').val(fields.country);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 确认绑定按钮
|
||||
$('.but .ok').click(function (params) {
|
||||
console.log(fields);
|
||||
var obj = {}
|
||||
obj.country = $('.country input').val();
|
||||
obj.bank_account = $('.payeeAccountNo input').val();
|
||||
obj.bank_name = $('.bankName input').val();
|
||||
obj.swift_code = $('.sWIFTCode input').val();
|
||||
obj.full_name = $('.payeeName input').val();
|
||||
obj.address = $('.Address input').val();
|
||||
if (obj.country && obj.bank_account && obj.bank_name && obj.swift_code && obj.full_name && obj.address != '') {
|
||||
fields = obj;
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
fields,
|
||||
}
|
||||
update(JSON.stringify(objJson));
|
||||
} else {
|
||||
toastMsg('Mandatory fields cannot be blank');
|
||||
}
|
||||
})
|
||||
// 绑定更新信息
|
||||
function update(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
|
||||
data: { obj },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 解绑
|
||||
$('.but .determine').click(function () {
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
}
|
||||
unbound(JSON.stringify(objJson));
|
||||
})
|
||||
// 解绑
|
||||
function unbound(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
|
||||
data: { obj },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
@@ -129,6 +129,18 @@ function getTab() {
|
||||
})
|
||||
$('.agent_pop .wrap').append(agent_popStr);
|
||||
$('.agent_pop .sure').attr('uid', rechargeUserList[0].uid);
|
||||
// 渲染账户列表
|
||||
var accountListStr = '';
|
||||
res.data.withdrawAccountVo.accountList.forEach(res => {
|
||||
accountListStr += `
|
||||
<div class="account">
|
||||
<img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" type=${res.type}>
|
||||
<b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
|
||||
<img src="./images/eidIcon.png" alt="" class="eid" type=${res.type}>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
$('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
|
||||
}
|
||||
// 当前可提现余额
|
||||
usGold = res.data.guildUsdNum
|
||||
@@ -146,7 +158,7 @@ function getTab() {
|
||||
tabStr += `<div tabKey=${res.tabKey} class="item ${i == 0 ? 'act' : ''}">${res.tabKey == 'personal' ? langReplace(localLang.salary.text4) : langReplace(localLang.salary.text5)}</div>`
|
||||
})
|
||||
$('.tab').append(tabStr);
|
||||
typeTabType = res.data.typeTab[0].tabKey
|
||||
typeTabType = res.data.typeTab[0].tabKey
|
||||
typeTabFun(typeTabType);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
@@ -175,6 +187,7 @@ function typeTabFun(type) {
|
||||
transfer_dollars_Arr = {};
|
||||
$('.transfer_method li').remove();
|
||||
$('.transfer_dollars li').remove();
|
||||
$('.withdrawalAccount').hide();
|
||||
var str = '';
|
||||
var arr = type == 'personal' ? tabPersonalArr[0] : tabAgentArr[0];
|
||||
// 处理方式
|
||||
@@ -207,6 +220,7 @@ function typeTabFun(type) {
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 5) {
|
||||
$('.withdrawalAccount').show();
|
||||
str += `
|
||||
<li class="official_withdraw ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>
|
||||
@@ -249,6 +263,7 @@ function typeTabFun(type) {
|
||||
}
|
||||
// 处理金额
|
||||
function dollarsFun(type) {
|
||||
$('.withdrawalAccount').hide();
|
||||
$('.transfer_dollars li').remove();
|
||||
var str2 = '';
|
||||
if (transfer_dollars_Arr[type].canCustom) {
|
||||
@@ -268,6 +283,9 @@ function dollarsFun(type) {
|
||||
$('.president_pop .btn_wrap .sure').attr('guildusdnum', res.guildUsdNum);
|
||||
$('.agent_pop .btn_wrap .sure').attr('guildusdnum', res.guildUsdNum);
|
||||
}
|
||||
if (res.type == 5) {
|
||||
$('.withdrawalAccount').show();
|
||||
}
|
||||
if (res.type == 2) {
|
||||
str2 += `
|
||||
<li class="${i == 0 ? 'li_act' : ''}" guildusdnum=${res.guildUsdNum}>
|
||||
@@ -458,6 +476,8 @@ function operateValue(than) {
|
||||
} else if (type == 4) {
|
||||
$('.president_pop').show();
|
||||
bodyScroolFun(true);
|
||||
} else if (type == 5) {
|
||||
console.log('账户提领');
|
||||
} else {
|
||||
var obj = {
|
||||
guildUsdNum,
|
||||
@@ -489,4 +509,25 @@ function operate(obj) {
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
// 打开账户按钮
|
||||
$('.withdrawalAccount').click(function name(params) {
|
||||
$('.selectAccount').show();
|
||||
})
|
||||
// 关闭账户按钮
|
||||
$('.selectAccount').click(function () {
|
||||
$('.selectAccount').hide();
|
||||
})
|
||||
// 选择账户按钮
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account', function () {
|
||||
return false;
|
||||
})
|
||||
// 选择账户按钮
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .sel', function () {
|
||||
|
||||
})
|
||||
// 选择账户编辑
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .eid', function () {
|
||||
var type = $(this).attr('type');
|
||||
location.href = `./${type}.html?type=${type}`
|
||||
})
|
@@ -222,7 +222,7 @@ langEn = {
|
||||
text17: `Can be exchanged for <b>0</b> gold coin`,
|
||||
text18: `(Exchange at a ratio of 1:<b>7000</b>)`,
|
||||
text19: `Exchange coins`,
|
||||
text20: `Official withdraw`,
|
||||
text20: `Withdraw`,
|
||||
text21: `Settlement available on the 1st and 16th of each month`,
|
||||
text22: `Agent settlement`,
|
||||
text23: `Recharge agent settlement`,
|
||||
|
@@ -70,6 +70,11 @@
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- 绑定账户 -->
|
||||
<div class="withdrawalAccount">
|
||||
<div class="left"><b>*</b><span>Withdrawal account</span></div>
|
||||
<div class="right"><b>Unbound</b><img src="./images/right.png" alt=""></div>
|
||||
</div>
|
||||
<!-- 转增金额 -->
|
||||
<div class="transfer_dollars_tit">
|
||||
<div class="title text7"></div>
|
||||
@@ -157,6 +162,20 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 选择账户弹窗 -->
|
||||
<div class="selectAccount">
|
||||
<div class="selectAccount_in">
|
||||
<div class="title">Select Account</div>
|
||||
<div class="accountBox">
|
||||
<!-- <div class="account">
|
||||
<img src="./images/not.png" alt="" class="sel">
|
||||
<b>Vodafone</b><span>(Unbound)</span>
|
||||
<img src="./images/eidIcon.png" alt="" class="eid">
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
|
Reference in New Issue
Block a user