薪资账户-新增pix提款类型

2025-05-23 17:35:54 +08:00
parent 9d76dbab01
commit b372b460d3
8 changed files with 248 additions and 126 deletions
--- a/view/molistar/modules/guild-ar/css/BANK.css
+++ b/view/molistar/modules/guild-ar/css/BANK.css
@@ -8,22 +8,21 @@ body {

 .back {
  width: 100%;
-  height: 2.66667rem;
-  line-height: 3.46667rem;
+  height: 2.6666666667rem;
+  line-height: 3.4666666667rem;
  position: fixed;
  left: 0;
  top: 0rem;
  text-align: center;
  color: #333333;
-  font-size: 0.50667rem;
+  font-size: 0.5066666667rem;
  font-weight: bold;
  z-index: 10;
  background: #fff;
 }
-
 .back img {
-  width: 0.58667rem;
-  height: 0.58667rem;
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
  position: absolute;
  left: 0.24rem;
  top: 54%;
@@ -31,71 +30,65 @@ body {

 .box {
  width: 9.2rem;
-  height: 1.49333rem;
-  border-radius: 0.21333rem;
+  height: 1.4933333333rem;
+  border-radius: 0.2133333333rem;
  background: #F2F3F7;
  margin: 0 auto 0.32rem;
  position: relative;
  box-sizing: border-box;
-  padding: 0 0.26667rem;
+  padding: 0 0.2666666667rem;
 }
-
 .box span {
  color: #ED4343;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  font-weight: 600;
  height: 100%;
-  line-height: 1.49333rem;
+  line-height: 1.4933333333rem;
  display: block;
  float: left;
-  margin: 0 0.26667rem;
+  margin: 0 0.2666666667rem;
 }
-
 .box input {
  display: block;
  float: left;
  width: 7rem;
  height: 100%;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  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;
+  margin: 0.48rem 0.2666666667rem 0;
 }

 .p {
  width: 9.2rem;
-  height: 0.53333rem;
-  line-height: 0.53333rem;
-  margin: 0 auto 0.21333rem;
+  height: 0.5333333333rem;
+  line-height: 0.5333333333rem;
+  margin: 0 auto 0.2133333333rem;
 }
-
 .p span {
  color: #ED4343;
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  font-weight: 600;
  height: 100%;
  display: block;
  float: left;
-  margin: 0 0.10667rem;
+  margin: 0 0.1066666667rem;
 }
-
 .p b {
-  font-size: 0.37333rem;
+  font-size: 0.3733333333rem;
  color: #313131;
  font-weight: 500;
 }
@@ -108,36 +101,34 @@ body {
  width: 9.2rem;
  display: flex;
  justify-content: center;
-  margin: 0 auto 0.45333rem;
+  margin: 0 auto 0.4533333333rem;
 }
-
 .but .ok {
-  width: 4.45333rem;
-  height: 1.22667rem;
-  border-radius: 1.22667rem;
-  line-height: 1.22667rem;
+  width: 4.4533333333rem;
+  height: 1.2266666667rem;
+  border-radius: 1.2266666667rem;
+  line-height: 1.2266666667rem;
  color: #FFFFFF;
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
  font-weight: 500;
  text-align: center;
  background: #04D5C6;
-  margin: 0 0.14667rem;
+  margin: 0 0.1466666667rem;
 }
-
 .but .determine {
-  width: 4.45333rem;
-  height: 1.22667rem;
-  border-radius: 1.22667rem;
-  line-height: 1.22667rem;
+  width: 4.4533333333rem;
+  height: 1.2266666667rem;
+  border-radius: 1.2266666667rem;
+  line-height: 1.2266666667rem;
  color: #FFFFFF;
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
  font-weight: 500;
  text-align: center;
  background: #FF6A6A;
-  margin: 0 0.14667rem;
+  margin: 0 0.1466666667rem;
 }

-.pub {
+.pub, .pub_type {
  position: fixed;
  left: 0;
  top: 0;
@@ -147,8 +138,7 @@ body {
  z-index: 999;
  display: none;
 }
-
-.pub .pub_in {
+.pub .pub_in, .pub_type .pub_in {
  width: 10rem;
  height: auto;
  position: absolute;
@@ -156,45 +146,41 @@ body {
  transform: translateX(-50%);
  bottom: 0;
  background: #fff;
-  border-radius: 0.42667rem 0.42667rem 0 0;
+  border-radius: 0.4266666667rem 0.4266666667rem 0 0;
  box-sizing: border-box;
-  padding-top: 1.49333rem;
-  padding-bottom: 0.26667rem;
+  padding-top: 1.4933333333rem;
+  padding-bottom: 0.2666666667rem;
 }
-
-.pub .pub_in .title {
+.pub .pub_in .title, .pub_type .pub_in .title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #313131;
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
  font-weight: 500;
  top: 0.32rem;
-  height: 0.58667rem;
-  line-height: 0.58667rem;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
 }
-
-.pub .pub_in .soure {
+.pub .pub_in .soure, .pub_type .pub_in .soure {
  z-index: 2;
  color: #04D5C6;
-  font-size: 0.42667rem;
+  font-size: 0.4266666667rem;
  font-weight: 500;
  position: absolute;
-  right: 0.42667rem;
-  top: 0.37333rem;
+  right: 0.4266666667rem;
+  top: 0.3733333333rem;
 }
-
-.pub .pub_in .countryPub {
+.pub .pub_in .countryPub, .pub_type .pub_in .countryPub {
  width: 100%;
-  height: 0.85333rem;
-  line-height: 0.85333rem;
+  height: 0.8533333333rem;
+  line-height: 0.8533333333rem;
  text-align: center;
  color: #7B7B7D;
  font-size: 0.4rem;
  font-weight: 400;
 }
-
-.pub .pub_in .act {
+.pub .pub_in .act, .pub_type .pub_in .act {
  background: #F4F4F4;
  color: #313131;
 }
@@ -204,25 +190,24 @@ body {
  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;
+  left: 0.4266666667rem;
+}
+.arabic .pub_type .pub_in .soure {
+  right: auto;
+  left: 0.4266666667rem;
 }
-
 .arabic .p span {
  float: right;
 }
--- a/view/molistar/modules/guild-ar/css/BANK.scss
+++ b/view/molistar/modules/guild-ar/css/BANK.scss
@@ -142,7 +142,7 @@ body {
    }
 }

-.pub {
+.pub,.pub_type {
    position: fixed;
    left: 0;
    top: 0;
@@ -231,6 +231,10 @@ body {
        right: auto;
        left: px2rem(32);
    }
+    .pub_type .pub_in .soure {
+        right: auto;
+        left: px2rem(32);
+    }

    .p {
        span {
--- a/view/molistar/modules/guild-ar/generalSalary.html
+++ b/view/molistar/modules/guild-ar/generalSalary.html
@@ -1,38 +1,61 @@
 <!DOCTYPE html>
 <html lang="en">
-
  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title class="text1"></title>
-    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/BANK.css">
+    <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="">
+      <img src="./images/travel/back3.png" alt="" />
      <b class="text1"></b>
    </div>
    <!-- 账户信息 -->
    <div class="box currencyType">
-        <input type="text" disabled placeholder="Currency Type:USD" class="text6">
+      <input
+        type="text"
+        disabled
+        placeholder="Currency Type:USD"
+        class="text6"
+      />
      <!-- <img src="./images/right.png" alt="" class="right"> -->
    </div>
    <p class="p"><span>*</span> <b class="p1"></b></p>
    <div class="box country">
-        <input type="text" readonly placeholder="Country" class="text7">
-        <img src="./images/right.png" alt="" class="right">
+      <input type="text" readonly placeholder="Country" class="text7" />
+      <img src="./images/right.png" alt="" class="right" />
    </div>
+
+    <div class="pix_box">
+        <!-- id -->
+      <p class="p"><span>*</span> <b class="DocumentID"></b></p>
+      <div class="box">
+        <input type="text" placeholder="Document lD" class="Document_input" />
+      </div>
+      <!-- 类型 -->
+      <p class="p"><span>*</span> <b class="AccountType"></b></p>
+      <div class="box AccountType_box">
+        <input type="text" readonly placeholder="AccountType" class="AccountType_input" />
+        <img src="./images/right.png" alt="" class="right" />
+      </div>
+    </div>
+
    <p class="p"><span>*</span> <b class="p7"></b></p>
    <div class="box payeeAccountNo">
-        <input type="text" placeholder="payeeAccountNo" class="text8">
+      <input type="text" placeholder="payeeAccountNo" class="text8" />
    </div>
    <p class="p 5 payeeName_top"><span>*</span> <b class="p5"></b></p>
    <div class="box payeeName">
-        <input type="text" placeholder="payeeName" class="text9"
-            onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
+      <input
+        type="text"
+        placeholder="payeeName"
+        class="text9"
+        onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')"
+      />
    </div>
    <!-- 按钮 -->
    <div class="but">
@@ -49,6 +72,19 @@
        <div class="countryPub"></div>
      </div>
    </div>
+
+    <!-- 类型选择弹窗 -->
+    <div class="pub_type">
+        <div class="pub_in">
+          <div class="title AccountType"></div>
+          <div class="soure text5"></div>
+          <div class="countryPub Email" account_type="Email">E:Email</div>
+          <div class="countryPub Phone" account_type="Phone">P:Phone</div>
+          <div class="countryPub CPFCNPJ" account_type="CNPJ">C:CPF/CNPJ</div>
+          <div class="countryPub EVP" account_type="EVP">B:EVP</div>
+        </div>
+      </div>
+
  </body>
  <script src="../../common/js/flexible.js"></script>
  <script src="../../common/js/jquery-3.2.1.min.js"></script>
@@ -62,5 +98,4 @@
  <script src="./local/tr.js"></script>
  <script src="./js/generalSalary.js"></script>
  <script src="../../common/local/langHandler.js"></script>
-
 </html>
--- a/view/molistar/modules/guild-ar/js/generalSalary.js
+++ b/view/molistar/modules/guild-ar/js/generalSalary.js
@@ -75,6 +75,19 @@ function translateFun() {
        $('.payeeName_top').hide();

    }
+    $('.DocumentID').text(langReplace(localLang.pTitle.DocumentID));
+    $('.Document_input').attr('placeholder', langReplace(localLang.pTitle.DocumentID));
+    $('.AccountType').text(langReplace(localLang.pTitle.AccountType));
+
+    $('.AccountType_input').attr('placeholder', langReplace(localLang.pTitle.AccountType));
+
+    if (typeName == 'pix') {
+        $('.p7').text(langReplace(localLang.pTitle.p71));
+        $('.text8').attr('placeholder', langReplace(localLang.pTitle.p72));
+    }else{
+        $('.pix_box').hide()
+    }
+
 }
 // 获取
 function get() {
@@ -110,6 +123,14 @@ function get() {
                    `
                })
                $('.pub .pub_in').append(str);
+
+                if(typeName == 'pix'){
+                    $('.payeeAccountNo input').val(fields.account_name);
+        $('.payeeName input').val(fields.account_no);
+       $('.Document_input').val(fields.document_id);
+       $('.AccountType_box input').val(fields.account_type);
+                }
+
            } else {
                toastMsg(res.message);
            }
@@ -121,6 +142,14 @@ function get() {
        },
    });
 }
+// 选择类型
+$('.AccountType_box').click(function () {
+    $('.pub_type').show();
+})
+// 关闭选择类型
+$('.pub_type').click(function (params) {
+    $('.pub_type').hide();
+})
 // 选择国家
 $('.country').click(function () {
    $('.pub').show();
@@ -129,6 +158,20 @@ $('.country').click(function () {
 $('.pub').click(function (params) {
    $('.pub').hide();
 })
+
+var typeTitle;
+// 选中类型
+$('.pub_type .pub_in').on('click', '.countryPub', function name(params) {
+    $(this).addClass('act').siblings().removeClass('act');
+    typeTitle = $(this).text();
+    fields.account_type = $(this).attr('account_type');
+    return false;
+})
+$('.pub_type .pub_in .soure').click(function name(params) {
+    $('.AccountType_box input').val(typeTitle);
+    $('.pub').hide();
+})
+
 // 选中国家
 var nameTitle
 $('.pub .pub_in').on('click', '.countryPub', function name(params) {
@@ -148,6 +191,26 @@ $('.but .ok').click(function (params) {
    console.log(fields);
    var obj = {}
    obj.country = fields.country;
+    // 类型是pix的时候
+    if (typeName == 'pix') {
+        obj.account_name = $('.payeeAccountNo input').val();
+        obj.account_no = $('.payeeName input').val();
+        obj.account_type = fields.account_type;
+        obj.document_id = $('.Document_input').val();
+        if (obj.country && obj.account_name && obj.account_no && obj.account_type && obj.document_id) {
+            fields = obj;
+            var objJson = {
+                uid: pubInfo.uid,
+                // uid: 3838,
+                type: getQueryString().type,
+                fields,
+            }
+            update(JSON.stringify(objJson));
+        } else {
+            toastMsg(langReplace(localLang.payonner.text10));
+        }
+
+    } else {
        obj.bank_account = $('.payeeAccountNo input').val();
        if (typeName !== 'epay') {
            obj.full_name = $('.payeeName input').val();
@@ -164,6 +227,9 @@ $('.but .ok').click(function (params) {
        } else {
            toastMsg(langReplace(localLang.payonner.text10));
        }
+    }
+
+
 })
 // 绑定更新信息
 function update(obj) {
--- a/view/molistar/modules/guild-ar/local/ar.js
+++ b/view/molistar/modules/guild-ar/local/ar.js
@@ -368,6 +368,14 @@ langAr = {
        p5: `اسم المستلم (أدخل الإنجليزية فقط)`,
        p6: `العنوان (أدخل الإنجليزية فقط)`,
        p7: `حساب المستلم (صيغة البريد الإلكتروني)`,
+        DocumentID:'المستند ID',
+        AccountType:'نوع الحساب',
+        Email:'البريد الإلكتروني:',
+        Phone:'الهاتف:',
+        CPFCNPJ:'CPF/CNPJ：الرمز',
+        EVP:'EVP：الرمز',
+        p71: `حساب المستلم (رقم الهاتف)`,
+        p72:'الصيغة: 11 رقمًا تبدأ بـ 09',
    },
    weeklyRewards: {
        text1: `مكافآت المضيف الأسبوعية`,
--- a/view/molistar/modules/guild-ar/local/en.js
+++ b/view/molistar/modules/guild-ar/local/en.js
@@ -370,6 +370,14 @@ langEn = {
        p5: `payeeName(Only Enter English)`,
        p6: `Address(Only Enter English)`,
        p7: `payeeAccount(E-mail fomat)`,
+        DocumentID:'DocumentID',
+        AccountType:'Account Type',
+        Email:'E:Email',
+        Phone:'P:Phone',
+        CPFCNPJ:'C:CPF/CNPJ',
+        EVP:'B:EVP',
+        p71: `payeeAccount(Phone number)`,
+        p72:'Format: 11 digits starting with 09'
    },
    weeklyRewards: {
        text1: `Host weekly rewards`,
--- a/view/molistar/modules/guild-ar/local/tr.js
+++ b/view/molistar/modules/guild-ar/local/tr.js
@@ -369,6 +369,14 @@ langTr = {
        p5: `alıcıAdı (Sadece İngilizce Girin)`,
        p6: `Adres (Sadece İngilizce Girin)`,
        p7: `alıcıHesap (E-posta formatında)`,
+        DocumentID:'Belge Kimliği',
+        AccountType:'Hesap Türü',
+        Email:'E:E-posta',
+        Phone:'P:Telefon',
+        CPFCNPJ:'C:CPF/CNPJ',
+        EVP:'B:EVP',
+        p71: `alıcıHesap (Telefon numarası)`,
+        p72:'Biçim: 09 ile başlayan 11 hane',
    },
    weeklyRewards: {
        text1: `Yayıncıya Haftalık Ödüller`,
--- a/view/molistar/modules/guild-ar/local/zh.js
+++ b/view/molistar/modules/guild-ar/local/zh.js
@@ -369,6 +369,14 @@ langZh = {
        p5: `收款人姓名(僅輸入英文)`,
        p6: `地址(僅輸入英文)`,
        p7: `收款人賬號（電子郵件格式）`,
+        DocumentID:'文件ID',
+        AccountType:'帳戶類型',
+        Email:'E:信箱',
+        Phone:'P:電話',
+        CPFCNPJ:'C:CPF/CNPJ',
+        EVP:'B:EVP',
+        p7: `收款人賬號（電話號碼格式）`,
+        p72:'格式：以09開頭的11位數字',
    },
    weeklyRewards: {
        text1: `主播每週獎勵`,