From 59dfb185c79ae32f0a957c8d2196085ca6235d8f Mon Sep 17 00:00:00 2001
From: Dragon <13925835632@139.com>
Date: Thu, 20 Jul 2023 17:00:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BD=99=E9=A2=9D=E4=B8=8D?=
 =?UTF-8?q?=E8=B6=B3=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/peko/modules/luckyTarot/css/index.css    |  64 +++++++++++++++
 view/peko/modules/luckyTarot/css/index.scss   |  73 ++++++++++++++++++
 .../modules/luckyTarot/images/no-money.png    | Bin 0 -> 1264 bytes
 view/peko/modules/luckyTarot/index.html       |  12 +++
 view/peko/modules/luckyTarot/js/index.js      |  40 +++++++++-
 5 files changed, 188 insertions(+), 1 deletion(-)
 create mode 100644 view/peko/modules/luckyTarot/images/no-money.png

diff --git a/view/peko/modules/luckyTarot/css/index.css b/view/peko/modules/luckyTarot/css/index.css
index b6d6a04..b53f6c0 100644
--- a/view/peko/modules/luckyTarot/css/index.css
+++ b/view/peko/modules/luckyTarot/css/index.css
@@ -506,4 +506,68 @@ h3 {
   bottom: -1.3333333333rem;
 }
 
+.shade-mask-fragmentNum {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99999;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8rem;
+  height: 8rem;
+  background: white;
+  border-radius: 0.32rem;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-title {
+  font-size: 0.48rem;
+  font-weight: bold;
+  color: #333333;
+  margin-top: 0.5066666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum img {
+  width: 1.6rem;
+  width: 1.6rem;
+  margin-top: 1.44rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum p {
+  font-size: 0.4rem;
+  font-weight: 600;
+  color: #333333;
+  margin-top: 0.6666666667rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap {
+  display: flex;
+  justify-content: space-between;
+  width: 6.8266666667rem;
+  height: 1.0133333333rem;
+  margin-top: 1.2rem;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .cancel-btn,
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  width: 3.2rem;
+  height: 1.0133333333rem;
+  line-height: 1.0133333333rem;
+  text-align: center;
+  border-radius: 0.5066666667rem;
+  font-size: 0.3733333333rem;
+  font-weight: 600;
+  background-color: #EAE5FC;
+  color: #7154EE;
+}
+.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn {
+  background-color: #735FFE;
+  color: #fff;
+}
+
 /*# sourceMappingURL=index.css.map */
diff --git a/view/peko/modules/luckyTarot/css/index.scss b/view/peko/modules/luckyTarot/css/index.scss
index 83cf7b9..9f32646 100644
--- a/view/peko/modules/luckyTarot/css/index.scss
+++ b/view/peko/modules/luckyTarot/css/index.scss
@@ -583,4 +583,77 @@ h3 {
             bottom: px2rem(-100, );
         }
     }
+}
+
+// 碎片不足弹窗
+.shade-mask-fragmentNum {
+    // display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba($color: #000000, $alpha: 0.6);
+
+    .shade-content-fragmentNum {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(600);
+        height: px2rem(600);
+        background: white;
+        border-radius: px2rem(24);
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .fragmentNum-title {
+            font-size: px2rem(36);
+            font-weight: bold;
+            color: #333333;
+            margin-top: px2rem(38);
+        }
+
+        img {
+            width: px2rem(120);
+            width: px2rem(120);
+            margin-top: px2rem(108);
+        }
+
+        p {
+            font-size: px2rem(30);
+            font-weight: 600;
+            color: #333333;
+            margin-top: px2rem(50);
+        }
+
+        .fragmentNum-btn-wrap {
+            display: flex;
+            justify-content: space-between;
+            width: px2rem(512);
+            height: px2rem(76);
+            margin-top: px2rem(90);
+
+            .cancel-btn,
+            .confirm-btn {
+                width: px2rem(240);
+                height: px2rem(76);
+                line-height: px2rem(76);
+                text-align: center;
+                border-radius: px2rem(38);
+                font-size: px2rem(28);
+                font-weight: 600;
+                background-color: #EAE5FC;
+                color: #7154EE;
+            }
+
+            .confirm-btn {
+                background-color: #735FFE;
+                color: #fff;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/view/peko/modules/luckyTarot/images/no-money.png b/view/peko/modules/luckyTarot/images/no-money.png
new file mode 100644
index 0000000000000000000000000000000000000000..c460916d1f57c426f5faa79af0bcd73bf7ce1a1e
GIT binary patch
literal 1264
zcmeAS@N?(olHy`uVBq!ia0vp^6(G#P3?%t>9eV(z4hQ&zxB}__tF-^`(f+qb7mRfN
z?$H4<{)5rKJv#qENcaCf?f*xtVQL^Mb^q<t`M*~WB)AudbpGuIa<zf%|GNx9Bv2QG
z+y!O;+53PDpy7J|cY~||sR40;Ds}$v2C}t4=%B{`T^b-kpqU_*AZ5RI>ipkg4^#|7
zyLA5FkOFB3X#tw4xk#S<0MHw@B|(0{3~Z)XzPyRQt9NnddMkOB=O=#c-?C8Z#-r8C
zJnmN(WTk}#xN6CW%yal~`DA~Ip{g=3`?nb#zGs_aq7MsN-@Gz=Ap-;Rd`}n0kc@jr
zZ?_lSGGI9NvHuA7ZJy2U5s7WSm)_K=z5gGwSI#7lQ*)Zlm+Hp-=haV^PvS{bzP@AS
z6z`+Ex2@a$zH4dG(_;nh9wGN$Szfm~e_{RHc~jk$%<g(kdonNmt!J9{UEU<Ky4(yN
z$Lu|Qg7fE3W^&f{sZ)~Ey}exEexBkk_t`>k++7||(^&b$>E4e<L7N`MlNrX7wlPX3
z&z^WQnM3-DWb-eEraA*PdxfNsq#Q5hma@?Fo>$=<C$CCs-*wg4-g8&iDWkGy?)5{i
z(~hxZi0Q2mo6+I))#-YQ)0zL%%8Tc7etd3Sv;GiE=!dm>!dH))w|)1y@>d}J>1L6@
zH~edt`U&2&Iam2XGhrih!yI46f6h;)UfN!`VQugck@%|`ho=56NdI`0e?HTfav5HY
zCC$RqjyIezhz#tg+tnbd`Q)8(jjN&WpX6Q3C%o>-xgq~3pO5)un<XQY*k$hGW(U=y
zAL^R?cUE(CNGzLnSpK|^@tJg))U20n*^)9_X5`J#l`#qCW$*Uz^EQ>?Sub~)Z?pKG
zmsbuQ+<k7w%l5N84Bao=GZ|m3;wWdd&^pA|FsrM8cg4Aomh{jaA%e@g_suGhH_tj`
zK4S%^|AQ5r)*G(2<ceHv={~WFGd*z?=j;ntTS`kGZktsgeLd^Y^%<)<&j$tx>n&WP
z7USmXyJOM2%|AXZRQmI=Ni&t@wy)SypNW?>7H&8i*ln~$Cc(?@<HaT;ABQ5ly$=%>
z2f9f*v>Sap|06ei*_6INFBV*u=e0IHwUOb8uh%6TFQd;47gAo$`my%-m9I@_r;D&w
zSEnvp)5F}XX<T4%ZH88E&tkUVs}373EML{???2^X;3;9I+OF9<UO#-$_vn{{g7(%k
z%(su-TRuaFNyzxrLC0fvPM=xoFgGbi#<o7d!}iwN$%m}_<TRg&smpBq5ca84cFw6v
z5ryiW*H1qjo%E2E{rX}iSDlZcYNwSOUw(;O)RDuMo@2xHLH^FytjwU6?FS>-gwq~K
zbE{=F=Gz)N`g7@pPMoe67MtnQQ8x8e>)r#pdM}IxYh$h?GgWaUJ}^wX$FOh>S5IhS
z>x4BG>kmY6<bFAJV^6Pw!u|vwvC0m^w4Q@!8a8~LGx6;82^*rbdR(I4DWu;>VChwS
z!kaZEL|S3ep1>t7izd3Ktap9*M*Gpn8y6&J-K%h^S=Cm2Uf`YV;;tEMcl%EMpK7){
zTP11ts~cM-?JFKNZ=Q8GGI!#NJ71oD`F?PECf}kuMn=C^B5JCRpt6m@)78&qol`;+
E06-6I#sB~S

literal 0
HcmV?d00001

diff --git a/view/peko/modules/luckyTarot/index.html b/view/peko/modules/luckyTarot/index.html
index aecce83..2c8be4b 100644
--- a/view/peko/modules/luckyTarot/index.html
+++ b/view/peko/modules/luckyTarot/index.html
@@ -140,6 +140,18 @@
             <img src="./images/close.png" alt="" class="close">
         </div>
     </div>
+    <!-- 余额不足提示弹窗 -->
+    <div class="shade-mask-fragmentNum">
+        <div class="shade-content-fragmentNum">
+            <div class="fragmentNum-title">鉆石余額不足</div>
+            <img src="./images/no-money.png" alt="">
+            <p>当前鉆石不足</p>
+            <div class="fragmentNum-btn-wrap">
+                <div class="cancel-btn">取消</div>
+                <div class="confirm-btn">获取鉆石</div>
+            </div>
+        </div>
+    </div>
 </body>
 
 </html>
diff --git a/view/peko/modules/luckyTarot/js/index.js b/view/peko/modules/luckyTarot/js/index.js
index d4c251c..83f9132 100644
--- a/view/peko/modules/luckyTarot/js/index.js
+++ b/view/peko/modules/luckyTarot/js/index.js
@@ -208,7 +208,7 @@ const draw = () => {
         data: JSON.stringify({
             prodId: prodIdActive,
             selectedNo: cardArr,
-            roomUid:pubInfo.roomUid,
+            roomUid: pubInfo.roomUid,
             // roomUid: pubInfo.uid,
         }),
         headers: { 'Content-Type': 'application/json;charset=utf8' },
@@ -216,6 +216,12 @@ const draw = () => {
             if (res.code == 200) {
                 kineticEffect(cardArr, res.data.win, res);
                 getUserInfo();
+            }
+            else if (res.code == 2103) {
+                lock = true;
+                $('.shade-mask-fragmentNum').show();
+                bodyScroolFun(true);
+                toastMsg(res.message);
             } else {
                 lock = true;
                 toastMsg(res.message);
@@ -432,4 +438,36 @@ $('.winningRecord .winningRecord_in ul').scroll(function () {
             console.log('到底了');
         }
     }
+})
+// 关闭去充值弹窗
+$('.shade-mask-fragmentNum .cancel-btn').click(function () {
+    $('.shade-mask-fragmentNum').hide();
+    bodyScroolFun(false);
+})
+// 确认去充值弹窗
+$('.shade-mask-fragmentNum .confirm-btn').click(function () {
+    $('.shade-mask-fragmentNum').hide();
+    bodyScroolFun(false);
+    if (browser.app) {
+        if (browser.android) {
+            let channel = pubInfo.deviceInfo.channel;
+            console.log(pubInfo.deviceInfo);
+            if (channel == "google") {
+                window.androidJsObj.openChargePage(6);
+            } else {
+                window.androidJsObj.openChargePage(6);
+                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+            }
+        } else if (browser.ios) {
+            let channel = pubInfo.deviceInfo.channel;
+            if (channel == "appstore") {
+                window.webkit.messageHandlers.openChargePage.postMessage(null);
+            } else {
+                window.webkit.messageHandlers.chargePayClickPage.postMessage(6);
+                window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
+            }
+        }
+    } else {
+        toastMsg('請在app內打開')
+    }
 })
\ No newline at end of file