新增福袋

This commit is contained in:
Dragon
2023-07-11 15:27:08 +08:00
parent 3c57f4e780
commit 1148a0753e
25 changed files with 2525 additions and 7 deletions

View File

@@ -549,7 +549,7 @@ function getInfoFromClient () {
pubInfo.deviceId = "0";
pubInfo.deviceInfo = {
app: 'peko',
appVersion: '0.0.0',
appVersion: '1.5.0',
os: '0.0.0',
osVersion: '0.0.0',
channel: 'browser',
@@ -773,10 +773,9 @@ function networkRequest (reqObj = {}, type) {
os_version: pubInfo.deviceInfo.osVersion || '',
channel: pubInfo.deviceInfo.channel || '',
client: 'h5',
pub_uid: pubInfo.uid,
pub_uid: window.location.pathname.match(/h5Income/) ? 0 : pubInfo.uid,
pub_ticket: pubInfo.ticket
};
const url = reqObj.url;
const commParams = objToParam(pubHeader);
if (url.indexOf('?') >= 0) {

View File

@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>賬戶資料</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/chainBank.css">
</head>
<body>
<!-- 返回 -->
<img src="./images/back.png" alt="" class="back">
<!-- 标题 -->
<h3>中國大陸銀聯</h3>
<!-- 姓名身份证 -->
<div class="box1">
<div>
<span>真實姓名</span>
<input class="name" type="text" placeholder="例:張三">
</div>
<div>
<span>身份證號</span>
<input class="card" type="text" placeholder="請輸入正確的身份證號碼">
</div>
</div>
<!-- 银行卡手机号等信息 -->
<div class="box2">
<div>
<span>銀行卡號</span>
<input class="bankCard" type="number" placeholder="請填寫銀行卡號">
</div>
<div>
<span>手機號碼</span>
<input class="phone" type="number" placeholder="請輸入手機號碼">
</div>
<div>
<span>支付寶號</span>
<input class="alipay" type="text" placeholder="請輸入支付寶賬號 ( 非必填 )">
</div>
<div>
<span>個人地址</span>
<input class="address" type="text" placeholder="請輸入身份證地址">
</div>
</div>
<!-- 上传身份证 -->
<div class="box3">
<p>上傳身份證照片</p>
<div class="idBox">
<!-- 正面 -->
<div class="z">
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳正面照片</span>
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload" style="opacity: 0;">
</div>
<!-- 反面 -->
<div class="f">
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳反面照片</span>
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload" style="opacity: 0;">
</div>
</div>
</div>
<!-- 绑定按钮 -->
<div class="but">確認綁定</div>
<!-- 说明 -->
<div class="rule">
<p>註意:</p>
<p>1.該頁面適用於中國大陸地區的提現,非大陸地區請切換其他提現方式;</p>
<p>2.提現人必須年滿18周歲提現資料請勿隨意填寫需正確填寫以上資料</p>
<p>3.銀行卡號、手機號、身份證號碼必須與提現實名一致,否則提現不能到賬;</p>
<p>4.請勿將賬號綁定他人的姓名,提現真實姓名綁定後不能修改,請謹慎操作;</p>
<p>5.實際提現收益按照轉賬時的匯率之後金額;</p>
<p>6.首次進行提現流程時,會需要上傳您的身份證相關信息;</p>
<p>7.如有疑問請聯系Wechat:sd245376</p>
</div>
</body>
</html>
<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="../../common/js/svga.min.js"></script>
<script src="./js/qiniu.min.js"></script>
<script src="./js/chainBank.js"></script>

View File

@@ -0,0 +1,196 @@
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
top: 0.2rem;
}
h3 {
width: 100%;
margin-top: 0.5333333333rem;
margin-bottom: 0.4266666667rem;
text-align: center;
color: #1F1B4F;
font-size: 0.48rem;
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: 0.3733333333rem;
}
input::placeholder {
font-size: 0.3733333333rem;
color: #8A8CAB;
}
.box1 {
width: 9.1466666667rem;
height: 2.7733333333rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box1 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box1 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box1 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box2 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box2 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box3 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.5333333333rem;
overflow: hidden;
}
.box3 p {
font-size: 0.3733333333rem;
color: #1F1B4F;
margin-top: 0.4266666667rem;
}
.box3 .idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 0.4266666667rem;
}
.box3 .idBox .z,
.box3 .idBox .f {
width: 3.84rem;
height: 3.1466666667rem;
background: #F3F5FA;
border-radius: 0.2666666667rem;
position: relative;
}
.box3 .idBox .z .documents,
.box3 .idBox .f .documents {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.box3 .idBox .z .icon_camera,
.box3 .idBox .f .icon_camera {
position: absolute;
width: 1.0666666667rem;
height: 1.0666666667rem;
left: 50%;
top: 0.8rem;
transform: translateX(-50%);
z-index: 2;
}
.box3 .idBox .z span,
.box3 .idBox .f span {
position: absolute;
color: #8A8CAB;
font-size: 0.32rem;
left: 50%;
top: 2.4rem;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.box3 .idBox .z .upload,
.box3 .idBox .f .upload {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.but {
width: 8.08rem;
height: 1.28rem;
line-height: 1.28rem;
border-radius: 1.28rem;
margin: 0 auto 0.64rem;
text-align: center;
font-size: 0.4266666667rem;
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active {
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: 8.72rem;
margin: 0 auto 0.6666666667rem;
color: #8A8CAB;
font-size: 0.3733333333rem;
}
.rule p {
margin-bottom: 0.1333333333rem;
line-height: 0.45rem;
}
/*# sourceMappingURL=chainBank.css.map */

View File

@@ -0,0 +1,209 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
}
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
top: 0.2rem;
// display: none;
}
h3 {
width: 100%;
margin-top: px2rem(40, );
margin-bottom: px2rem(32, );
text-align: center;
color: #1F1B4F;
font-size: px2rem(36, );
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: px2rem(28, );
&::placeholder {
font-size: px2rem(28, );
color: #8A8CAB;
}
}
.box1 {
width: px2rem(686, );
height: px2rem(208, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box2 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box3 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(40, );
overflow: hidden;
p {
font-size: px2rem(28, );
color: #1F1B4F;
margin-top: px2rem(32, );
}
.idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: px2rem(32, );
.z,
.f {
width: px2rem(288, );
height: px2rem(236, );
background: #F3F5FA;
border-radius: px2rem(20, );
position: relative;
.documents {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
.icon_camera {
position: absolute;
width: px2rem(80, );
height: px2rem(80, );
left: 50%;
top: px2rem(60, );
transform: translateX(-50%);
z-index: 2;
}
span {
position: absolute;
color: #8A8CAB;
font-size: px2rem(24, );
left: 50%;
top: px2rem(180, );
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.upload {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
}
}
}
.but {
width: px2rem(606, );
height: px2rem(96, );
line-height: px2rem(96, );
border-radius: px2rem(96, );
margin: 0 auto px2rem(48, );
text-align: center;
font-size: px2rem(32, );
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active{
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: px2rem(654, );
margin: 0 auto px2rem(50, );
color: #8A8CAB;
font-size: px2rem(28, );
p {
margin-bottom: px2rem(10, );
line-height: 0.45rem;
}
}

View File

@@ -0,0 +1,196 @@
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
top: 0.2rem;
}
h3 {
width: 100%;
margin-top: 0.5333333333rem;
margin-bottom: 0.4266666667rem;
text-align: center;
color: #1F1B4F;
font-size: 0.48rem;
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: 0.3733333333rem;
}
input::placeholder {
font-size: 0.3733333333rem;
color: #8A8CAB;
}
.box1 {
width: 9.1466666667rem;
height: 9.7066666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box1 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box1 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box1 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box2 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box2 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box3 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.5333333333rem;
overflow: hidden;
}
.box3 p {
font-size: 0.3733333333rem;
color: #1F1B4F;
margin-top: 0.4266666667rem;
}
.box3 .idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 0.4266666667rem;
}
.box3 .idBox .z,
.box3 .idBox .f {
width: 3.84rem;
height: 3.1466666667rem;
background: #F3F5FA;
border-radius: 0.2666666667rem;
position: relative;
}
.box3 .idBox .z .documents,
.box3 .idBox .f .documents {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.box3 .idBox .z .icon_camera,
.box3 .idBox .f .icon_camera {
position: absolute;
width: 1.0666666667rem;
height: 1.0666666667rem;
left: 50%;
top: 0.8rem;
transform: translateX(-50%);
z-index: 2;
}
.box3 .idBox .z span,
.box3 .idBox .f span {
position: absolute;
color: #8A8CAB;
font-size: 0.32rem;
left: 50%;
top: 2.4rem;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.box3 .idBox .z .upload,
.box3 .idBox .f .upload {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.but {
width: 8.08rem;
height: 1.28rem;
line-height: 1.28rem;
border-radius: 1.28rem;
margin: 0 auto 0.64rem;
text-align: center;
font-size: 0.4266666667rem;
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active {
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: 8.72rem;
margin: 0 auto 0.6666666667rem;
color: #8A8CAB;
font-size: 0.3733333333rem;
}
.rule p {
margin-bottom: 0.1333333333rem;
line-height: 0.45rem;
}
/*# sourceMappingURL=malaysia.css.map */

View File

@@ -0,0 +1,209 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
}
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
top: 0.2rem;
// display: none;
}
h3 {
width: 100%;
margin-top: px2rem(40, );
margin-bottom: px2rem(32, );
text-align: center;
color: #1F1B4F;
font-size: px2rem(36, );
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: px2rem(28, );
&::placeholder {
font-size: px2rem(28, );
color: #8A8CAB;
}
}
.box1 {
width: px2rem(686, );
height: px2rem(728, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box2 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box3 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(40, );
overflow: hidden;
p {
font-size: px2rem(28, );
color: #1F1B4F;
margin-top: px2rem(32, );
}
.idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: px2rem(32, );
.z,
.f {
width: px2rem(288, );
height: px2rem(236, );
background: #F3F5FA;
border-radius: px2rem(20, );
position: relative;
.documents {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
.icon_camera {
position: absolute;
width: px2rem(80, );
height: px2rem(80, );
left: 50%;
top: px2rem(60, );
transform: translateX(-50%);
z-index: 2;
}
span {
position: absolute;
color: #8A8CAB;
font-size: px2rem(24, );
left: 50%;
top: px2rem(180, );
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.upload {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
}
}
}
.but {
width: px2rem(606, );
height: px2rem(96, );
line-height: px2rem(96, );
border-radius: px2rem(96, );
margin: 0 auto px2rem(48, );
text-align: center;
font-size: px2rem(32, );
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active{
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: px2rem(654, );
margin: 0 auto px2rem(50, );
color: #8A8CAB;
font-size: px2rem(28, );
p {
margin-bottom: px2rem(10, );
line-height: 0.45rem;
}
}

View File

@@ -0,0 +1,165 @@
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
top: 0.2rem;
}
h3 {
width: 100%;
margin-top: 0.5333333333rem;
margin-bottom: 0.4266666667rem;
text-align: center;
color: #1F1B4F;
font-size: 0.48rem;
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: 0.3733333333rem;
}
input::placeholder {
font-size: 0.3733333333rem;
color: #8A8CAB;
}
.box2 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box2 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box2 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box3 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.5333333333rem;
overflow: hidden;
}
.box3 p {
font-size: 0.3733333333rem;
color: #1F1B4F;
margin-top: 0.4266666667rem;
}
.box3 .idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 0.4266666667rem;
}
.box3 .idBox .z,
.box3 .idBox .f {
width: 3.84rem;
height: 3.1466666667rem;
background: #F3F5FA;
border-radius: 0.2666666667rem;
position: relative;
}
.box3 .idBox .z .documents,
.box3 .idBox .f .documents {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.box3 .idBox .z .icon_camera,
.box3 .idBox .f .icon_camera {
position: absolute;
width: 1.0666666667rem;
height: 1.0666666667rem;
left: 50%;
top: 0.8rem;
transform: translateX(-50%);
z-index: 2;
}
.box3 .idBox .z span,
.box3 .idBox .f span {
position: absolute;
color: #8A8CAB;
font-size: 0.32rem;
left: 50%;
top: 2.4rem;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.box3 .idBox .z .upload,
.box3 .idBox .f .upload {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.but {
width: 8.08rem;
height: 1.28rem;
line-height: 1.28rem;
border-radius: 1.28rem;
margin: 0 auto 0.64rem;
text-align: center;
font-size: 0.4266666667rem;
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active {
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: 8.72rem;
margin: 0 auto 0.6666666667rem;
color: #8A8CAB;
font-size: 0.3733333333rem;
}
.rule p {
margin-bottom: 0.1333333333rem;
line-height: 0.45rem;
}
/*# sourceMappingURL=other.css.map */

View File

@@ -0,0 +1,174 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
}
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
top: 0.2rem;
// display: none;
}
h3 {
width: 100%;
margin-top: px2rem(40, );
margin-bottom: px2rem(32, );
text-align: center;
color: #1F1B4F;
font-size: px2rem(36, );
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: px2rem(28, );
&::placeholder {
font-size: px2rem(28, );
color: #8A8CAB;
}
}
.box2 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box3 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(40, );
overflow: hidden;
p {
font-size: px2rem(28, );
color: #1F1B4F;
margin-top: px2rem(32, );
}
.idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: px2rem(32, );
.z,
.f {
width: px2rem(288, );
height: px2rem(236, );
background: #F3F5FA;
border-radius: px2rem(20, );
position: relative;
.documents {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
.icon_camera {
position: absolute;
width: px2rem(80, );
height: px2rem(80, );
left: 50%;
top: px2rem(60, );
transform: translateX(-50%);
z-index: 2;
}
span {
position: absolute;
color: #8A8CAB;
font-size: px2rem(24, );
left: 50%;
top: px2rem(180, );
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.upload {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
}
}
}
.but {
width: px2rem(606, );
height: px2rem(96, );
line-height: px2rem(96, );
border-radius: px2rem(96, );
margin: 0 auto px2rem(48, );
text-align: center;
font-size: px2rem(32, );
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active{
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: px2rem(654, );
margin: 0 auto px2rem(50, );
color: #8A8CAB;
font-size: px2rem(28, );
p {
margin-bottom: px2rem(10, );
line-height: 0.45rem;
}
}

View File

@@ -0,0 +1,196 @@
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
top: 0.2rem;
}
h3 {
width: 100%;
margin-top: 0.5333333333rem;
margin-bottom: 0.4266666667rem;
text-align: center;
color: #1F1B4F;
font-size: 0.48rem;
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: 0.3733333333rem;
}
input::placeholder {
font-size: 0.3733333333rem;
color: #8A8CAB;
}
.box1 {
width: 9.1466666667rem;
height: 9.7066666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box1 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box1 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box1 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.32rem;
overflow: hidden;
}
.box2 div {
width: 100%;
height: 1.3733333333rem;
line-height: 1.3733333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
display: flex;
}
.box2 div span {
flex: 3;
height: 100%;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box2 div input {
flex: 7;
height: 100%;
text-align: right;
font-size: 0.3733333333rem;
color: #1F1B4F;
}
.box3 {
width: 9.1466666667rem;
height: 5.5466666667rem;
background: #fff;
border-radius: 0.2666666667rem;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.5333333333rem;
overflow: hidden;
}
.box3 p {
font-size: 0.3733333333rem;
color: #1F1B4F;
margin-top: 0.4266666667rem;
}
.box3 .idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 0.4266666667rem;
}
.box3 .idBox .z,
.box3 .idBox .f {
width: 3.84rem;
height: 3.1466666667rem;
background: #F3F5FA;
border-radius: 0.2666666667rem;
position: relative;
}
.box3 .idBox .z .documents,
.box3 .idBox .f .documents {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.box3 .idBox .z .icon_camera,
.box3 .idBox .f .icon_camera {
position: absolute;
width: 1.0666666667rem;
height: 1.0666666667rem;
left: 50%;
top: 0.8rem;
transform: translateX(-50%);
z-index: 2;
}
.box3 .idBox .z span,
.box3 .idBox .f span {
position: absolute;
color: #8A8CAB;
font-size: 0.32rem;
left: 50%;
top: 2.4rem;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.box3 .idBox .z .upload,
.box3 .idBox .f .upload {
position: absolute;
width: 3.0933333333rem;
height: 1.92rem;
left: 50%;
transform: translateX(-50%);
top: 0.3733333333rem;
}
.but {
width: 8.08rem;
height: 1.28rem;
line-height: 1.28rem;
border-radius: 1.28rem;
margin: 0 auto 0.64rem;
text-align: center;
font-size: 0.4266666667rem;
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active {
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: 8.72rem;
margin: 0 auto 0.6666666667rem;
color: #8A8CAB;
font-size: 0.3733333333rem;
}
.rule p {
margin-bottom: 0.1333333333rem;
line-height: 0.45rem;
}
/*# sourceMappingURL=singapore.css.map */

View File

@@ -0,0 +1,209 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
}
html,
body {
width: 100%;
background: #F3F5FA;
}
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
top: 0.2rem;
// display: none;
}
h3 {
width: 100%;
margin-top: px2rem(40, );
margin-bottom: px2rem(32, );
text-align: center;
color: #1F1B4F;
font-size: px2rem(36, );
font-weight: bold;
}
input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
font-size: px2rem(28, );
&::placeholder {
font-size: px2rem(28, );
color: #8A8CAB;
}
}
.box1 {
width: px2rem(686, );
height: px2rem(728, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box2 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(24, );
overflow: hidden;
div {
width: 100%;
height: px2rem(103, );
line-height: px2rem(103, );
border-bottom: px2rem(1, ) solid #EBEEF5;
display: flex;
span {
flex: 3;
height: 100%;
font-size: px2rem(28, );
color: #1F1B4F;
}
input {
flex: 7;
height: 100%;
text-align: right;
font-size: px2rem(28, );
color: #1F1B4F;
}
}
}
.box3 {
width: px2rem(686, );
height: px2rem(416, );
background: #fff;
border-radius: px2rem(20, );
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(40, );
overflow: hidden;
p {
font-size: px2rem(28, );
color: #1F1B4F;
margin-top: px2rem(32, );
}
.idBox {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: px2rem(32, );
.z,
.f {
width: px2rem(288, );
height: px2rem(236, );
background: #F3F5FA;
border-radius: px2rem(20, );
position: relative;
.documents {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
.icon_camera {
position: absolute;
width: px2rem(80, );
height: px2rem(80, );
left: 50%;
top: px2rem(60, );
transform: translateX(-50%);
z-index: 2;
}
span {
position: absolute;
color: #8A8CAB;
font-size: px2rem(24, );
left: 50%;
top: px2rem(180, );
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.upload {
position: absolute;
width: px2rem(232, );
height: px2rem(144, );
left: 50%;
transform: translateX(-50%);
top: px2rem(28, );
}
}
}
}
.but {
width: px2rem(606, );
height: px2rem(96, );
line-height: px2rem(96, );
border-radius: px2rem(96, );
margin: 0 auto px2rem(48, );
text-align: center;
font-size: px2rem(32, );
color: #FFFFFF;
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
}
.active{
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
}
.rule {
width: px2rem(654, );
margin: 0 auto px2rem(50, );
color: #8A8CAB;
font-size: px2rem(28, );
p {
margin-bottom: px2rem(10, );
line-height: 0.45rem;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@@ -0,0 +1,129 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封装layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
$(function () {
setTimeout(function () {
getInfoFromClient()
if (browser.app) {
$('.back').hide();
}
setTimeout(function () {
}, 100)
})
})
// 返回按钮
$('.back').click(function () {
window.history.go(-1)
})
function fileChangeZ (e) {
var filesList = document.querySelector('#frontImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(1)
}
function fileChangeF (e) {
var filesList = document.querySelector('#backImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(2)
}
// 上传身份证接口
function getUploadToken (type) {
const frontImage = document.getElementById('frontImageUpload').files[0];
const backImage = document.getElementById('backImageUpload').files[0];
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/qiniu/upload/getUploadToken',
success (res) {
if (res.code === 200) {
var frontImageKey = res.data.key;
var frontImageToken = res.data.token;
showLoading()
const observable = qiniu.upload(
type == 1 ? frontImage : backImage,
frontImageKey,
frontImageToken
);
observable.subscribe({
complete: (res) => {
console.log(res);
if (type == 1) {
$('.box3 .idBox .z .documents').attr('src', res.path);
} else {
$('.box3 .idBox .f .documents').attr('src', res.path);
}
hideLoading(layerIndex)
toastMsg("上傳成功")
},
});
} else {
toastMsg(res.message)
}
// hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 确认绑定按钮
$('.but').click(function () {
if (listenFun()) {
var filesList = document.querySelector('#frontImageUpload').files;
var backImageUpload = document.querySelector('#backImageUpload').files;
if (filesList.length == 0 || backImageUpload.length == 0) {
toastMsg('請上傳身份證照片')
return;
}
}
})
//监听是否完善信息
function listenFun () {
var num1 = $(".box1 div .name").val();
var num2 = $(".box1 div .card").val();
var num3 = $(".box2 div .bankCard").val();
var num4 = $(".box2 div .phone").val();
var num5 = $(".box2 div .address").val();
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '') {
$('.but').addClass('active');
return true;
} else {
$('.but').removeClass('active');
return false;
}
}
// 监听所有输入框输入
$(".box1 div .name,.box1 div .card,.box2 div .bankCard,.box2 div .phone,.box2 div .address").on("keyup", function () {
listenFun()
});

File diff suppressed because one or more lines are too long

View File

@@ -86,4 +86,4 @@ function getUser () {
// 返回按钮
$('.back').click(function () {
window.history.go(-1)
})
})

View File

@@ -40,11 +40,13 @@ $(function () {
// 获取验证码接口
function getCode () {
var mobileDes = encryptDes($('.box .phone .phoneNumberBox .phoneNumber').val(), '1ea53d260ecf11e7b56e00163e046a26');
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/sms/getCode',
data:{mobile: `${$('.box .phone .phoneNumberBox .prefix b').text()}${$('.box .phone .phoneNumberBox .phoneNumber').val()}`, type: 1},
headers: {"pub_uid":"0"},
data: { mobile: mobileDes, phoneAreaCode: $('.box .phone .phoneNumberBox .prefix b').text(), type: 2 },
success (res) {
if (res.code === 200) {
$('.box .phone .codeBox .codeBut').addClass('codeButTime')
@@ -61,11 +63,20 @@ function getCode () {
})
}
// 登入接口
function getAreaInfo () {
function oauthToken () {
if (idOrPhone) {
var phone = $('.box .idLogin .id').val();
var password = $('.box .idLogin .password').val();
} else {
var phone = $('.box .phone .phoneNumberBox .phoneNumber').val();
var code = $('.box .phone .codeBox .code').val();
var phoneAreaCode = $('.box .phone .phoneNumberBox .prefix b').text();
}
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/oauth/token',
data: idOrPhone ? { "grant_type": "password", phone, password } : { grant_type: 'verify_code', phoneAreaCode, phone, code },
success (res) {
if (res.code === 200) {
@@ -175,8 +186,10 @@ function phoneFun () {
var num4 = $(".box .phone .codeBox .code").val();
if (num1 != '' && num2 != '' || num3 != '' && num4 != '') {
$('.box .but').addClass('butok');
return true;
} else {
$('.box .but').removeClass('butok');
return false;
}
}
// 监听账号输入
@@ -194,4 +207,20 @@ $(".box .phone .phoneNumberBox .phoneNumber").on("keyup", function () {
// 监听验证码输入
$(".box .phone .codeBox .code").on("keyup", function () {
phoneFun()
});
});
// 登入按钮
$('.box .but').click(function () {
if (phoneFun()) {
oauthToken();
}
})
//DES加密
const encryptDes = (message, key) => {
var keyHex = CryptoJS.enc.Utf8.parse(key);
var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
}

View File

@@ -0,0 +1,135 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封装layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
$(function () {
setTimeout(function () {
getInfoFromClient()
if (browser.app) {
$('.back').hide();
}
setTimeout(function () {
}, 100)
})
})
// 返回按钮
$('.back').click(function () {
window.history.go(-1)
})
function fileChangeZ (e) {
var filesList = document.querySelector('#frontImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(1)
}
function fileChangeF (e) {
var filesList = document.querySelector('#backImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(2)
}
// 上传身份证接口
function getUploadToken (type) {
const frontImage = document.getElementById('frontImageUpload').files[0];
const backImage = document.getElementById('backImageUpload').files[0];
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/qiniu/upload/getUploadToken',
success (res) {
if (res.code === 200) {
var frontImageKey = res.data.key;
var frontImageToken = res.data.token;
showLoading()
const observable = qiniu.upload(
type == 1 ? frontImage : backImage,
frontImageKey,
frontImageToken
);
observable.subscribe({
complete: (res) => {
console.log(res);
if (type == 1) {
$('.box3 .idBox .z .documents').attr('src', res.path);
} else {
$('.box3 .idBox .f .documents').attr('src', res.path);
}
hideLoading(layerIndex)
toastMsg("上傳成功")
},
});
} else {
toastMsg(res.message)
}
// hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 确认绑定按钮
$('.but').click(function () {
if (listenFun()) {
var filesList = document.querySelector('#frontImageUpload').files;
var backImageUpload = document.querySelector('#backImageUpload').files;
if (filesList.length == 0 || backImageUpload.length == 0) {
toastMsg('請上傳身份證照片')
return;
}
}
})
//监听是否完善信息
function listenFun () {
var num1 = $(".box1 div .name").val();
var num2 = $(".box1 div .accountName").val();
var num3 = $(".box1 div .card").val();
var num4 = $(".box1 div .state").val();
var num5 = $(".box1 div .city").val();
var num7 = $(".box1 div .street").val();
var num8 = $(".box1 div .postalCode").val();
var num9 = $(".box2 div .bankAccount").val();
var num10 = $(".box2 div .bankName").val();
var num11 = $(".box2 div .swiftCode").val();
var num12 = $(".box2 div .phone").val();
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
$('.but').addClass('active');
return true;
} else {
$('.but').removeClass('active');
return false;
}
}
// 监听所有输入框输入
$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
listenFun()
});

View File

@@ -0,0 +1,128 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封装layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
$(function () {
setTimeout(function () {
getInfoFromClient()
if (browser.app) {
$('.back').hide();
}
setTimeout(function () {
}, 100)
})
})
// 返回按钮
$('.back').click(function () {
window.history.go(-1)
})
function fileChangeZ (e) {
var filesList = document.querySelector('#frontImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(1)
}
function fileChangeF (e) {
var filesList = document.querySelector('#backImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(2)
}
// 上传身份证接口
function getUploadToken (type) {
const frontImage = document.getElementById('frontImageUpload').files[0];
const backImage = document.getElementById('backImageUpload').files[0];
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/qiniu/upload/getUploadToken',
success (res) {
if (res.code === 200) {
var frontImageKey = res.data.key;
var frontImageToken = res.data.token;
showLoading()
const observable = qiniu.upload(
type == 1 ? frontImage : backImage,
frontImageKey,
frontImageToken
);
observable.subscribe({
complete: (res) => {
console.log(res);
if (type == 1) {
$('.box3 .idBox .z .documents').attr('src', res.path);
} else {
$('.box3 .idBox .f .documents').attr('src', res.path);
}
hideLoading(layerIndex)
toastMsg("上傳成功")
},
});
} else {
toastMsg(res.message)
}
// hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 确认绑定按钮
$('.but').click(function () {
if (listenFun()) {
var filesList = document.querySelector('#frontImageUpload').files;
var backImageUpload = document.querySelector('#backImageUpload').files;
if (filesList.length == 0 || backImageUpload.length == 0) {
toastMsg('請上傳身份證照片')
return;
}
}
})
//监听是否完善信息
function listenFun () {
var num1 = $(".box2 div .bankCard").val();
var num2 = $(".box2 div .name").val();
var num3 = $(".box2 div .card").val();
var num4 = $(".box2 div .phone").val();
if (num1 != '' && num2 != '' && num3 != '' && num4 != '') {
$('.but').addClass('active');
return true;
} else {
$('.but').removeClass('active');
return false;
}
}
// 监听所有输入框输入
$(".box2 div .bankCard,.box2 div .name,.box2 div .card,.box2 div .phone").on("keyup", function () {
listenFun()
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,135 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封装layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
$(function () {
setTimeout(function () {
getInfoFromClient()
if (browser.app) {
$('.back').hide();
}
setTimeout(function () {
}, 100)
})
})
// 返回按钮
$('.back').click(function () {
window.history.go(-1)
})
function fileChangeZ (e) {
var filesList = document.querySelector('#frontImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(1)
}
function fileChangeF (e) {
var filesList = document.querySelector('#backImageUpload').files;
if (filesList.length == 0) {
return;
}
getUploadToken(2)
}
// 上传身份证接口
function getUploadToken (type) {
const frontImage = document.getElementById('frontImageUpload').files[0];
const backImage = document.getElementById('backImageUpload').files[0];
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/qiniu/upload/getUploadToken',
success (res) {
if (res.code === 200) {
var frontImageKey = res.data.key;
var frontImageToken = res.data.token;
showLoading()
const observable = qiniu.upload(
type == 1 ? frontImage : backImage,
frontImageKey,
frontImageToken
);
observable.subscribe({
complete: (res) => {
console.log(res);
if (type == 1) {
$('.box3 .idBox .z .documents').attr('src', res.path);
} else {
$('.box3 .idBox .f .documents').attr('src', res.path);
}
hideLoading(layerIndex)
toastMsg("上傳成功")
},
});
} else {
toastMsg(res.message)
}
// hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 确认绑定按钮
$('.but').click(function () {
if (listenFun()) {
var filesList = document.querySelector('#frontImageUpload').files;
var backImageUpload = document.querySelector('#backImageUpload').files;
if (filesList.length == 0 || backImageUpload.length == 0) {
toastMsg('請上傳身份證照片')
return;
}
}
})
//监听是否完善信息
function listenFun () {
var num1 = $(".box1 div .name").val();
var num2 = $(".box1 div .accountName").val();
var num3 = $(".box1 div .card").val();
var num4 = $(".box1 div .state").val();
var num5 = $(".box1 div .city").val();
var num7 = $(".box1 div .street").val();
var num8 = $(".box1 div .postalCode").val();
var num9 = $(".box2 div .bankAccount").val();
var num10 = $(".box2 div .bankName").val();
var num11 = $(".box2 div .swiftCode").val();
var num12 = $(".box2 div .phone").val();
if (num1 != '' && num2 != '' && num3 != '' && num4 != '' && num5 != '' && num7 != '' && num8 != '' && num9 != '' && num10 != '' && num11 != '' && num12 != '') {
$('.but').addClass('active');
return true;
} else {
$('.but').removeClass('active');
return false;
}
}
// 监听所有输入框输入
$(".box1 div .name,.box1 div .accountName,.box1 div .card,.box1 div .state,.box1 div .city,.box1 div .street,.box1 div .postalCode,.box2 div .bankAccount,.box2 div .bankName,.box2 div .swiftCode,.box2 div .phone").on("keyup", function () {
listenFun()
});

View File

@@ -60,4 +60,5 @@
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="../../common/js/crypto-js.js"></script>
<script src="./js/login.js"></script>

View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>賬戶資料</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/malaysia.css">
</head>
<body>
<!-- 返回 -->
<img src="./images/back.png" alt="" class="back">
<!-- 标题 -->
<h3>馬來西亞銀行</h3>
<!-- 姓名身份证 -->
<div class="box1">
<div>
<span>開戶姓氏</span>
<input class="name" type="text" placeholder="例ZHANG">
</div>
<div>
<span>開戶名稱</span>
<input class="accountName" type="text" placeholder="例LEE HONG">
</div>
<div>
<span>身份證號备份</span>
<input class="card" type="text" placeholder="請輸入正確的身份證號碼备份">
</div>
<div>
<span>省(州)</span>
<input class="state" type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>城市</span>
<input class="city" type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>街道地址</span>
<input class="street " type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>郵編</span>
<input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
</div>
</div>
<!-- 银行卡手机号等信息 -->
<div class="box2">
<div>
<span>銀行收款賬戶</span>
<input class="bankAccount " type="number" placeholder="例666666">
</div>
<div>
<span>銀行名稱</span>
<input class="bankName" type="number" placeholder="例CIMB Bank">
</div>
<div>
<span>SWIFT CODE</span>
<input class="swiftCode" type="text" placeholder="例MBBEMYKLPKG">
</div>
<div>
<span>聯系方式</span>
<input class="phone" type="text" placeholder="可聯系您的聯系方式,郵箱/電話">
</div>
</div>
<!-- 上传身份证 -->
<div class="box3">
<p>上傳身份證照片</p>
<div class="idBox">
<!-- 正面 -->
<div class="z">
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳正面照片</span>
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
style="opacity: 0;">
</div>
<!-- 反面 -->
<div class="f">
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳反面照片</span>
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
style="opacity: 0;">
</div>
</div>
</div>
<!-- 绑定按钮 -->
<div class="but">確認綁定</div>
<!-- 说明 -->
<div class="rule">
<p>註意:</p>
<p>1.該頁面適用於馬來西亞地區的提現,非馬來西亞地區請切換其他提現方式;</p>
<p>2.提現資料請勿隨意填寫,需正確填寫以上資料;</p>
<p>3.銀行賬號與身份證號碼必須與提現實名一致,否則提現不能到賬;</p>
<p>4.請勿將賬號綁定他人的姓名,提現真實姓名綁定後不能修改,請謹慎操作;</p>
<p>5.實際提現收益按照轉賬時的匯率之後金額;</p>
<p>6.首次進行提現流程時,會需要上傳您的身份證相關信息;</p>
<p>7.申請提現人為未滿二十歲的未成年人,除需提供申請人的身份證相關信息外,另須提供法定代理人(或監護人)的身份證件相關信息;</p>
<p>8.如有疑問請聯系Wechat:sd245376</p>
</div>
</body>
</html>
<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="../../common/js/svga.min.js"></script>
<script src="./js/qiniu.min.js"></script>
<script src="./js/malaysia.js"></script>

View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>賬戶資料</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/other.css">
</head>
<body>
<!-- 返回 -->
<img src="./images/back.png" alt="" class="back">
<!-- 标题 -->
<h3>其他賬戶</h3>
<!-- 银行卡手机号等信息 -->
<div class="box2">
<div>
<span>Payoneer賬戶</span>
<input class="bankCard" type="number" placeholder="Payoneer賬戶">
</div>
<div>
<span>真實姓名</span>
<input class="name" type="number" placeholder="例:張三">
</div>
<div>
<span>身份證號</span>
<input class="card" type="text" placeholder="請輸入正確的身份證號碼">
</div>
<div>
<span>聯系方式</span>
<input class="phone" type="text" placeholder="可聯系您的聯系方式,郵箱/電話">
</div>
</div>
<!-- 上传身份证 -->
<div class="box3">
<p>上傳身份證照片</p>
<div class="idBox">
<!-- 正面 -->
<div class="z">
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳正面照片</span>
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
style="opacity: 0;">
</div>
<!-- 反面 -->
<div class="f">
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳反面照片</span>
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
style="opacity: 0;">
</div>
</div>
</div>
<!-- 绑定按钮 -->
<div class="but">確認綁定</div>
<!-- 说明 -->
<div class="rule">
<p>註意:</p>
<p>1.其他賬戶提現將由Payoneer發放</p>
<p>2.Payoneer的使用方法請聯系客服 Wechat:xxxx 咨詢;</p>
<p>3.Payoneer賬户必須與真實姓名一致否則提現不能到賬</p>
<p>4.請勿將賬號綁定他人的姓名,提現真實姓名綁定後不能修改,請謹慎操作;</p>
<p>5.首次進行提現流程時,會需要上傳您的身份證相關信息;</p>
<p>6.申請提現人為未滿二十歲的未成年人,除需提供申請人的身份證相關信息外,另須提供法定代理人(或監護人)的身份證件相關信息;</p>
<p>7.如有疑問請聯系Wechat:sd245376</p>
</div>
</body>
</html>
<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="../../common/js/svga.min.js"></script>
<script src="./js/qiniu.min.js"></script>
<script src="./js/other.js"></script>

View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>新加坡銀行</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/singapore.css">
</head>
<body>
<!-- 返回 -->
<img src="./images/back.png" alt="" class="back">
<!-- 标题 -->
<h3>馬來西亞銀行</h3>
<!-- 姓名身份证 -->
<div class="box1">
<div>
<span>開戶姓氏</span>
<input class="name" type="text" placeholder="例ZHANG">
</div>
<div>
<span>開戶名稱</span>
<input class="accountName" type="text" placeholder="例LEE HONG">
</div>
<div>
<span>身份證號备份</span>
<input class="card" type="text" placeholder="請輸入正確的身份證號碼备份">
</div>
<div>
<span>省(州)</span>
<input class="state" type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>城市</span>
<input class="city" type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>街道地址</span>
<input class="street " type="text" placeholder="請輸入身份證上的地址信息">
</div>
<div>
<span>郵編</span>
<input class="postalCode" type="text" placeholder="請輸入身份證上的郵編信息">
</div>
</div>
<!-- 银行卡手机号等信息 -->
<div class="box2">
<div>
<span>銀行收款賬戶</span>
<input class="bankAccount " type="number" placeholder="例666666">
</div>
<div>
<span>銀行名稱</span>
<input class="bankName" type="number" placeholder="例CIMB Bank">
</div>
<div>
<span>SWIFT CODE</span>
<input class="swiftCode" type="text" placeholder="例MBBEMYKLPKG">
</div>
<div>
<span>聯系方式</span>
<input class="phone" type="text" placeholder="可聯系您的聯系方式,郵箱/電話">
</div>
</div>
<!-- 上传身份证 -->
<div class="box3">
<p>上傳身份證照片</p>
<div class="idBox">
<!-- 正面 -->
<div class="z">
<img src="./images/chainBank/documents_front.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳正面照片</span>
<input type="file" id="frontImageUpload" accept="image/*" onchange="fileChangeZ(event)" class="upload"
style="opacity: 0;">
</div>
<!-- 反面 -->
<div class="f">
<img src="./images/chainBank/documents_reverse.png" alt="" class="documents">
<img src="./images/chainBank/icon_camera.png" alt="" class="icon_camera">
<span>請上傳反面照片</span>
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
style="opacity: 0;">
</div>
</div>
</div>
<!-- 绑定按钮 -->
<div class="but">確認綁定</div>
<!-- 说明 -->
<div class="rule">
<p>註意:</p>
<p>1.該頁面適用於馬來西亞地區的提現,非馬來西亞地區請切換其他提現方式;</p>
<p>2.提現資料請勿隨意填寫,需正確填寫以上資料;</p>
<p>3.銀行賬號與身份證號碼必須與提現實名一致,否則提現不能到賬;</p>
<p>4.請勿將賬號綁定他人的姓名,提現真實姓名綁定後不能修改,請謹慎操作;</p>
<p>5.實際提現收益按照轉賬時的匯率之後金額;</p>
<p>6.首次進行提現流程時,會需要上傳您的身份證相關信息;</p>
<p>7.申請提現人為未滿二十歲的未成年人,除需提供申請人的身份證相關信息外,另須提供法定代理人(或監護人)的身份證件相關信息;</p>
<p>8.如有疑問請聯系Wechat:sd245376</p>
</div>
</body>
</html>
<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="../../common/js/svga.min.js"></script>
<script src="./js/qiniu.min.js"></script>
<script src="./js/singapore.js"></script>