From cdc8f2290c6bc4d9f8fc647e25666710f5ceeaa3 Mon Sep 17 00:00:00 2001
From: Dragon <13925835632@139.com>
Date: Tue, 11 Jul 2023 18:01:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E8=B0=83=E7=99=BB=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/peko/common/js/common2.js                |   2 +-
 view/peko/modules/h5Income/css/withdrawal.css | 255 ++++++++++++++++
 .../peko/modules/h5Income/css/withdrawal.scss | 277 ++++++++++++++++++
 view/peko/modules/h5Income/js/login.js        |  27 +-
 view/peko/modules/h5Income/withdrawal.html    |  31 ++
 5 files changed, 590 insertions(+), 2 deletions(-)

diff --git a/view/peko/common/js/common2.js b/view/peko/common/js/common2.js
index 4193a23..321ed3f 100644
--- a/view/peko/common/js/common2.js
+++ b/view/peko/common/js/common2.js
@@ -547,7 +547,7 @@ function getInfoFromClient () {
         pubInfo.deviceId = "0";
         pubInfo.deviceInfo = {
             app: 'peko',
-            appVersion: '1.5.0',
+            appVersion: '0.0.0',
             os: '0.0.0',
             osVersion: '0.0.0',
             channel: 'browser',
diff --git a/view/peko/modules/h5Income/css/withdrawal.css b/view/peko/modules/h5Income/css/withdrawal.css
index cba569c..d53fba7 100644
--- a/view/peko/modules/h5Income/css/withdrawal.css
+++ b/view/peko/modules/h5Income/css/withdrawal.css
@@ -249,6 +249,7 @@ body {
   right: 0;
   background: rgba(0, 0, 0, 0.6);
   z-index: 99;
+  display: none;
 }
 .goldPub .goldPub_in {
   width: 8.5066666667rem;
@@ -281,5 +282,259 @@ body {
   font-size: 0.7466666667rem;
   font-weight: bold;
 }
+.goldPub .goldPub_in img {
+  position: absolute;
+  left: 3.2rem;
+  top: 2.7333333333rem;
+  width: 0.5333333333rem;
+  height: 0.5333333333rem;
+}
+.goldPub .goldPub_in span {
+  position: absolute;
+  top: 2.8rem;
+  left: 3.84rem;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in input {
+  width: 6.8rem;
+  height: 1.28rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.6266666667rem;
+  text-align: center;
+  background: #F3F5FA;
+  outline: none;
+  border: none;
+  border-radius: 0.2133333333rem;
+  font-size: 0.3733333333rem;
+}
+.goldPub .goldPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.44rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.withDrawalPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+.withDrawalPub .withDrawalPub_in {
+  width: 8.5066666667rem;
+  height: 5.8133333333rem;
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.withDrawalPub .withDrawalPub_in .title {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.4266666667rem;
+  font-weight: bold;
+  position: absolute;
+  left: 0;
+  top: 0.64rem;
+}
+.withDrawalPub .withDrawalPub_in p {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 1.8666666667rem;
+}
+.withDrawalPub .withDrawalPub_in p b {
+  font-weight: bold;
+}
+.withDrawalPub .withDrawalPub_in span {
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  left: 0;
+  top: 2.72rem;
+}
+.withDrawalPub .withDrawalPub_in span b {
+  color: #9168FA;
+  font-size: 0.4266666667rem;
+}
+.withDrawalPub .withDrawalPub_in .but {
+  width: 7.0133333333rem;
+  height: 1.2266666667rem;
+  line-height: 1.2266666667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.9466666667rem;
+  text-align: center;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  border-radius: 1.2266666667rem;
+  color: #FFFFFF;
+  font-size: 0.4266666667rem;
+}
+
+.binding {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.binding .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.binding .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.binding .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.binding .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.binding .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.binding .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+
+.switch {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(0, 0, 0, 0.6);
+  display: none;
+}
+.switch .pub_in {
+  position: relative;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 0.5333333333rem;
+  width: 8.5066666667rem;
+  height: 4.96rem;
+}
+.switch .pub_in .title {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  color: #1F1B4F;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+  top: 0.64rem;
+  left: 0;
+}
+.switch .pub_in p {
+  color: #1F1B4F;
+  font-size: 0.3733333333rem;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  left: 0;
+  top: 1.7333333333rem;
+}
+.switch .pub_in p b {
+  color: #9168FA;
+  font-weight: bold;
+  font-size: 0.4266666667rem;
+}
+.switch .pub_in .close {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: #E6E6F0;
+  position: absolute;
+  left: 0.7466666667rem;
+  bottom: 0.64rem;
+}
+.switch .pub_in .ok {
+  width: 3.3066666667rem;
+  height: 1.1733333333rem;
+  border-radius: 1.1733333333rem;
+  line-height: 1.1733333333rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.4266666667rem;
+  background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+  position: absolute;
+  right: 0.7466666667rem;
+  bottom: 0.64rem;
+}
 
 /*# sourceMappingURL=withdrawal.css.map */
diff --git a/view/peko/modules/h5Income/css/withdrawal.scss b/view/peko/modules/h5Income/css/withdrawal.scss
index cab285b..2c3afe3 100644
--- a/view/peko/modules/h5Income/css/withdrawal.scss
+++ b/view/peko/modules/h5Income/css/withdrawal.scss
@@ -283,6 +283,7 @@ body {
     right: 0;
     background: rgba(0, 0, 0, .6);
     z-index: 99;
+    display: none;
 
     .goldPub_in {
         width: px2rem(638, );
@@ -316,5 +317,281 @@ body {
             font-size: px2rem(56, );
             font-weight: bold;
         }
+
+        img {
+            position: absolute;
+            left: px2rem(240, );
+            top: px2rem(205, );
+            width: px2rem(40, );
+            height: px2rem(40, );
+        }
+
+        span {
+            position: absolute;
+            top: px2rem(210, );
+            left: px2rem(288, );
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+        }
+
+        input {
+            width: px2rem(510, );
+            height: px2rem(96, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(272, );
+            text-align: center;
+            background: #F3F5FA;
+            outline: none;
+            border: none;
+            border-radius: px2rem(16, );
+            font-size: px2rem(28, );
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(408, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.withDrawalPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .withDrawalPub_in {
+        width: px2rem(638, );
+        height: px2rem(436, );
+        background: #fff;
+        border-radius: px2rem(40, );
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .title {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(32, );
+            font-weight: bold;
+            position: absolute;
+            left: 0;
+            top: px2rem(48, );
+        }
+
+        p {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(140, );
+
+            b {
+                font-weight: bold;
+            }
+        }
+
+        span {
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            left: 0;
+            top: px2rem(204, );
+
+            b {
+                color: #9168FA;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .but {
+            width: px2rem(526, );
+            height: px2rem(92, );
+            line-height: px2rem(92, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(296, );
+            text-align: center;
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            border-radius: px2rem(92, );
+            color: #FFFFFF;
+            font-size: px2rem(32, );
+        }
+    }
+}
+
+.binding {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+    }
+}
+.switch {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    background: rgba(0, 0, 0, .6);
+    display: none;
+
+    .pub_in {
+        position: relative;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        background: #fff;
+        border-radius: px2rem(40, );
+        width: px2rem(638, );
+        height: px2rem(372, );
+
+        .title {
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            color: #1F1B4F;
+            font-weight: bold;
+            font-size: px2rem(32, );
+            top: px2rem(48, );
+            left: 0;
+        }
+
+        p {
+            color: #1F1B4F;
+            font-size: px2rem(28, );
+            position: absolute;
+            width: 100%;
+            text-align: center;
+            left: 0;
+            top: px2rem(130, );
+
+            b {
+                color: #9168FA;
+                font-weight: bold;
+                font-size: px2rem(32, );
+            }
+        }
+
+        .close {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: #E6E6F0;
+            position: absolute;
+            left: px2rem(56, );
+            bottom: px2rem(48, );
+        }
+
+        .ok {
+            width: px2rem(248, );
+            height: px2rem(88, );
+            border-radius: px2rem(88, );
+            line-height: px2rem(88, );
+            text-align: center;
+            color: #fff;
+            font-size: px2rem(32, );
+            background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
+            position: absolute;
+            right: px2rem(56, );
+            bottom: px2rem(48, );
+        }
     }
 }
\ No newline at end of file
diff --git a/view/peko/modules/h5Income/js/login.js b/view/peko/modules/h5Income/js/login.js
index a4ae424..02b8c2d 100644
--- a/view/peko/modules/h5Income/js/login.js
+++ b/view/peko/modules/h5Income/js/login.js
@@ -29,6 +29,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
 var idOrPhone = true;//判断id登入或手机号登入
 var times = 0;//倒计时计时器
 var isClick = true;//判断是否再次获取验证码
+var token;
 $(function () {
     setTimeout(function () {
         getInfoFromClient()
@@ -62,6 +63,29 @@ function getCode () {
         }
     })
 }
+// ticket接口 
+function ticket () {
+    showLoading()
+    networkRequest({
+        type: 'POST',
+        url: urlPrefix + '/oauth/ticket',
+        data: { issue_type: "multi", access_token: token },
+        success (res) {
+            if (res.code === 200) {
+                sessionStorage.setItem("uid", res.data.uid);
+                sessionStorage.setItem("ticket", res.data.ticket);
+                window.location.href = './index.html'
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
 // 登入接口 
 function oauthToken () {
     if (idOrPhone) {
@@ -79,7 +103,8 @@ function oauthToken () {
         data: idOrPhone ? { "grant_type": "password", phone, password, client_id: "erban-client", "client_secret": "uyzjdhds" } : { grant_type: 'verify_code', phoneAreaCode, phone, code, client_id: "erban-client", "client_secret": "uyzjdhds" },
         success (res) {
             if (res.code === 200) {
-
+                token = res.data.access_token;
+                ticket();
             } else {
                 toastMsg(res.message)
             }
diff --git a/view/peko/modules/h5Income/withdrawal.html b/view/peko/modules/h5Income/withdrawal.html
index ed0a8be..6e568be 100644
--- a/view/peko/modules/h5Income/withdrawal.html
+++ b/view/peko/modules/h5Income/withdrawal.html
@@ -63,6 +63,37 @@
         <div class="goldPub_in">
             <p class="title">輸入提現金幣數額</p>
             <div class="num">00</div>
+            <span>金幣余額</span>
+            <img src="./images/withdrawal/gold.png" alt="">
+            <input type="number" placeholder="請輸入提現金幣數額">
+            <div class="but">確認</div>
+        </div>
+    </div>
+    <!-- 二次确认弹窗 -->
+    <div class="withDrawalPub">
+        <div class="withDrawalPub_in">
+            <div class="title">確認提現</div>
+            <p>確認通過 <b>中國大陸銀聯</b> 提現 <b>6666</b>金幣?</p>
+            <span>提現到賬數額為<b>CNY 343.9</b></span>
+            <div class="but">確認</div>
+        </div>
+    </div>
+    <!-- 二次确认綁定弹窗 -->
+    <div class="binding">
+        <div class="pub_in">
+            <div class="title">確認綁定</div>
+            <p>需要先綁定中國大陸銀聯賬戶資料 </p>
+            <div class="close">取消</div>
+            <div class="ok">确认</div>
+        </div>
+    </div>
+    <!-- 二次确认切换弹窗 -->
+    <div class="switch">
+        <div class="pub_in">
+            <div class="title">確認綁定</div>
+            <p>是否切換到馬來西亞銀行提現 </p>
+            <div class="close">取消</div>
+            <div class="ok">确认</div>
         </div>
     </div>
 </body>