https://dtdt68.com/static/js/TutorialDetails/index.DI-MT8GE.js

1import{C as L,r as T,M as W,H as K,e as n,l as s,F as I,N as y,k as R,f as k,h as i,g as C,ac as q,j as Z,I as E,T as X,o as r,n as N,p as j,q as G,U as D}from"../.pnpm/.pnpm.KXmzOhx8.js";import{ab as P,_ as Y}from"../../../index.js";const z="/static/webp/banner.B-48oKJx.webp",e=P(),J=L("tutorial",{state:()=>({allTutorial:{AccountRegistrationTutorial:[{id:1,title:"HƯỚNG DẪN ĐĂNG KÝ TÀI KHOẢN",detailTitle:"HƯỚNG DẪN ĐĂNG KÝ TÀI KHOẢN",path:"/AccountRegistrationTutorial/HD ĐĂNG KÝ TÀI KHOẢN",detailImgArray:[{title:"Bước 1: Đăng ký tài khoản",src:`${e}/8day-pc-newui/webp/Tutorial/AccountRegistrationTutorial/AccountRegistrationTutorialImg1.webp`},{title:"Bước 2: Nhập nội dung đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AccountRegistrationTutorial/AccountRegistrationTutorialImg2.webp`},{title:"Bước 3: Xác nhận đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AccountRegistrationTutorial/AccountRegistrationTutorialImg3.webp`},{title:"Bước 4: Xác nhận thông tin",src:`${e}/8day-pc-newui/webp/Tutorial/AccountRegistrationTutorial/AccountRegistrationTutorialImg4.webp`},{title:"Bước 5: Hoàn thành đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AccountRegistrationTutorial/AccountRegistrationTutorialImg5.webp`}]}],OnlineRechargeTutorial:[{id:1,title:"VIP QR NGÂN HÀNG",detailTitle:"VIP QR NGÂN HÀNG",path:"/rechargeTutorial/Vip QR ngân hàng",detailImgArray:[{title:"Bước 1: Chọn vào Vip QR Ngân hàng",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/VipQRngânhàng/VipQRngânhàngImg1.webp`},{title:"Bước 2: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/VipQRngânhàng/VipQRngânhàngImg2.webp`},{title:"Bước 3: Xác nhận nạp tiền",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/VipQRngânhàng/VipQRngânhàngImg3.webp`},{title:"Bước 4: Tiến hành quét mã để hoàn tất",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/VipQRngânhàng/VipQRngânhàngImg4.webp`}]},{id:2,title:"QR NGÂN HÀNG",detailTitle:"QR NGÂN HÀNG",path:"/rechargeTutorial/QR ngân hàng",detailImgArray:[{title:"Bước 1: Chọn vào QR Ngân hàng",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/QRngânhàng/QRngânhàngImg1.webp`},{title:"Bước 2: Chọn ngân hàng muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/QRngânhàng/QRngânhàngImg2.webp`},{title:"Bước 3: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/QRngânhàng/QRngânhàngImg3.webp`},{title:"Bước 4: Tiến hành quét mã để hoàn tất",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/QRngânhàng/QRngânhàngImg4.webp`}]},{id:3,title:"NGÂN HÀNG 24/7",detailTitle:"NGÂN HÀNG 24/7",path:"/rechargeTutorial/Ngân hàng 24/7",detailImgArray:[{title:"Bước 1: Chọn vào Ngân hàng 24/7",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Ngânhàng247/Ngânhàng247Img1.webp`},{title:"Bước 2: Chọn ngân hàng muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Ngânhàng247/Ngânhàng247Img2.webp`},{title:"Bước 3: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Ngânhàng247/Ngânhàng247Img3.webp`},{title:"Bước 4: Tiến hành quét mã để hoàn tất",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Ngânhàng247/Ngânhàng247Img4.webp`}]},{id:4,title:"MOMO",detailTitle:"MOMO",path:"/rechargeTutorial/Momo",detailImgArray:[{title:"Bước 1: Chọn vào Momo",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Momo/MomoImg1.webp`},{title:"Bước 2: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Momo/MomoImg2.webp`},{title:"Bước 3: Mở app Momo quét mã thanh toán",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Momo/MomoImg3.webp`}]},{id:5,title:"ZALO",detailTitle:"ZALO",path:"/rechargeTutorial/Zalo",detailImgArray:[{title:"Bước 1: Chọn vào Zalo",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Zalo/ZaloImg1.webp`},{title:"Bước 2: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Zalo/ZaloImg2.webp`},{title:"Bước 3: Tiến hành quét mã để hoàn tất",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Zalo/ZaloImg3.webp`}]},{id:6,title:"THẺ CÀO",detailTitle:"THẺ CÀO",path:"/rechargeTutorial/Thẻ cào",detailImgArray:[{title:"Bước 1: Chọn vào Thẻ cào",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Thẻcào/ThẻcàoImg1.webp`},{title:"Bước 2: Chọn số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Thẻcào/ThẻcàoImg2.webp`},{title:"Bước 3: Lựa chọn nhà mạng và nhập mã theo yêu cầu",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/Thẻcào/ThẻcàoImg3.webp`}]},{id:7,title:"VIETTEL PAY",detailTitle:"VIETTEL PAY",path:"/rechargeTutorial/Viettel Pay",detailImgArray:[{title:"Bước 1: Chọn vào Viettel Pay",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/ViettelPay/ViettelPayImg1.webp`},{title:"Bước 2: Chọn số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/ViettelPay/ViettelPayImg2.webp`},{title:"Bước 3: Mở app Viettel Pay quét mã để thanh toán",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/ViettelPay/ViettelPayImg3.webp`}]},{id:8,title:"USDT",detailTitle:"USDT",path:"/rechargeTutorial/USDT",detailImgArray:[{title:"Bước 1: Chọn vào USDT",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/USDT/USDTImg1.webp`},{title:"Bước 2: Chọn số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/USDT/USDTImg2.webp`},{title:"Bước 3: Thanh toán theo thông tin hiện thị",src:`${e}/8day-pc-newui/webp/Tutorial/OnlineRechargeTutorial/USDT/USDTImg3.webp`}]}],OfflineRechargeTutorial:[{id:1,title:"VIP QR NGÂN HÀNG",detailTitle:"VIP QR NGÂN HÀNG",path:"/rechargeTutorial/Onlinerecharge/Vip QR ngân hàng",detailImgArray:[{title:"Bước 1: Chọn Vip QR Ngân hàng",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/VIPQRNGÂNHÀNG/VIPQRNGÂNHÀNGImg1.webp`},{title:"Bước 2: Nhập số điểm muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/VIPQRNGÂNHÀNG/VIPQRNGÂNHÀNGImg2.webp`},{title:"Bước 3: Thông báo gửi lệnh thành công",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/VIPQRNGÂNHÀNG/VIPQRNGÂNHÀNGImg3.webp`},{title:"Bước 4: Tiến hành quét mã để hoàn tất",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/VIPQRNGÂNHÀNG/VIPQRNGÂNHÀNGImg4.webp`}]},{id:2,title:"NGÂN HÀNG",detailTitle:"NGÂN HÀNG",path:"/rechargeTutorial/Onlinerecharge/Ngân hàng",detailImgArray:[{title:"Bước 1: Chọn vào Ngân hàng",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/NGÂNHÀNG/NGÂNHÀNGImg1.webp`},{title:"Bước 2: Lựa chọn ngân hàng muốn nạp",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/NGÂNHÀNG/NGÂNHÀNGImg2.webp`},{title:"Bước 3: Nhập số điểm muốn nạp và xác nhận",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/NGÂNHÀNG/NGÂNHÀNGImg3.webp`},{title:"Bước 4: Thông báo gửi lệnh thành công",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/NGÂNHÀNG/NGÂNHÀNGImg4.webp`},{title:"Bước 5: Tiến hành chuyển khoản để hoàn tất nạp tiền",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/NGÂNHÀNG/NGÂNHÀNGImg5.webp`}]},{id:3,title:"MOMO",detailTitle:"MOMO",path:"/rechargeTutorial/Onlinerecharge/Momo",detailImgArray:[{title:"Bước 1: Chọn vào Momo",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/MOMO/MOMOImg1.webp`},{title:"Bước 2: Nhập số điểm muốn nạp và xác nhận",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/MOMO/MOMOImg2.webp`},{title:"Bước 3: Thông báo gửi lệnh thành công",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/MOMO/MOMOImg3.webp`},{title:"Bước 4: Tiến hành chuyển khoản để hoàn tất nạp tiền",src:`${e}/8day-pc-newui/webp/Tutorial/OfflineRechargeTutorial/MOMO/MOMOImg4.webp`}]}],WithdrawalTutorial:[{id:1,title:"Ngân hàng",detailTitle:"NGÂN HÀNG",path:"/WithdrawalTutorial/Ngân hàng",detailImgArray:[{title:"Bước 1: Chọn vào Rút tiền",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg1.webp`},{title:"Bước 2: Điền thông tin cá nhân",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg2.webp`},{title:"Bước 3: Hoàn thành thông tin cá nhân",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg3.webp`},{title:"Bước 4: Xác nhận thông tin",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg4.webp`},{title:"Bước 5: Thêm thẻ ngân hàng",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg5.webp`},{title:"Bước 6: Tiến hành thao tác rút tiền",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg6.webp`},{title:"Bước 7: Hệ thống thông báo lệnh rút tiền thành công",src:`${e}/8day-pc-newui/webp/Tutorial/WithdrawalTutorial/WithdrawalTutorialImg7.webp`}]}],InviteFriendsTutorial:[{id:1,title:"HƯỚNG DẪN MỜI BẠN CHƠI CHUNG",detailTitle:"HD MỜI BẠN CHƠI CHUNG",path:"/InviteFriendsTutorial/HD MỜI BẠN CHƠI CHUNG",detailImgArray:[{title:"Bước 1: Chọn vào Bạn chơi chung",src:`${e}/8day-pc-newui/webp/Tutorial/InviteFriendsTutorial/InviteFriendsTutorialImg1.webp`},{title:"Bước 2: Phương thức mời bạn chơi chung",src:`${e}/8day-pc-newui/webp/Tutorial/InviteFriendsTutorial/InviteFriendsTutorialImg2.webp`},{title:"Bước 3: Hoàn tất điều kiện tham gia",src:`${e}/8day-pc-newui/webp/Tutorial/InviteFriendsTutorial/InviteFriendsTutorialImg3.webp`},{title:"Bước 4: Hoàn thành mã giới thiệu",src:`${e}/8day-pc-newui/webp/Tutorial/InviteFriendsTutorial/InviteFriendsTutorialImg4.webp`}]}],AgentRegistrationTutorial:[{id:1,title:"HD ĐĂNG KÝ ĐẠI LÝ",detailTitle:"HD ĐĂNG KÝ ĐẠI LÝ",path:"/AgentRegistrationTutorial/HD ĐĂNG KÝ ĐẠI LÝ",detailImgArray:[{title:"Bước 1: Chọn vào Đại lý",src:`${e}/8day-pc-newui/webp/Tutorial/AgentRegistrationTutorial/AgentRegistrationTutorialImg1.webp`},{title:"Bước 2: Tiến hành đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AgentRegistrationTutorial/AgentRegistrationTutorialImg2.webp`},{title:"Bước 3: Nhập nội dung đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AgentRegistrationTutorial/AgentRegistrationTutorialImg3.webp`},{title:"Bước 4: Xác nhận đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AgentRegistrationTutorial/AgentRegistrationTutorialImg4.webp`},{title:"Bước 5: Hoàn thành đăng ký",src:`${e}/8day-pc-newui/webp/Tutorial/AgentRegistrationTutorial/AgentRegistrationTutorialImg5.webp`}]}]}}),actions:{}}),x={class:"TutorialDetails-view"},ee={class:"upperPart"},te={class:"mainBox"},ie={class:"leftBox"},le=["onClick"],ae=["src"],ne={class:"rightBox"},re={key:0,class:"bankBigBox"},oe=["onClick"],ce={key:1,class:"Separator"},ue={key:2,class:"stepBigBoxUnderThree"},se={class:"stepLittleBox"},ge=["onClick"],he={key:3,class:"stepBigBox"},pe={class:"stepLittleBox"},Te=["onClick"],we={key:4,class:"stepBigBoxOverFive"},de={class:"stepLittleBoxOverFive"},me=["onClick"],Ne={key:5,class:"stepBigBoxNewAddFive"},be={class:"stepLittleBoxNewAddFive"},ve=["onClick"],Ie=["src"],ye={__name:"index",setup(Re){E();const M=K(),f=T(!1),B=T(!1),w=T(!1),V=T(null),Q=T(null),b=P(),$=T(""),g=J(),h=T(0),d=T(0),v=T(0),u=T([]),S=T([]),F=[{title:"HƯỚNG DẪN<br>ĐĂNG KÝ TÀI KHOẢN",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/AccountRegistration`},{title:"HƯỚNG DẪN<br>NẠP TRỰC TUYẾN",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/onlineRecharge`},{title:"HƯỚNG DẪN<br>NẠP CHUYỂN KHOẢN",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/OfflineRecharge`},{title:"HƯỚNG DẪN<br>RÚT TIỀN",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/Withdrawal`},{title:"HƯỚNG DẪN<br>MỜI BẠN CHƠI CHUNG",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/InviteFriends`},{title:"HƯỚNG DẪN<br>ĐĂNG KÝ ĐẠI LÝ",imgSrc:`${b}/8day-pc-newui/webp/Tutorial/leftImg/AgentRegistration`}],H=l=>{if(l==3?f.value=!0:f.value=!1,l==2?(B.value=!0,w.value=!1):(B.value=!1,w.value=!1),console.log("overFive",f.value,"leftIsThreeOrNot",B.value),l==h.value)return;h.value=l,d.value=0,v.value=0;const a=Object.keys(g.allTutorial);console.log(g.allTutorial[a[l]]),g.allTutorial[a[l]].length==1?(console.log("只有一个"),u.value=g.allTutorial[a[l]][0].detailImgArray,A(a[l],null,0)):(console.log("多个"),S.value=g.allTutorial[a[l]],u.value=g.allTutorial[a[l]][0].detailImgArray,A(a[l],0,0))},U=l=>{B.value&&l==1?w.value=!0:w.value=!1,console.log("overFive",f.value,"leftIsThreeOrNot",B.value,"leftThreeBankTwo",w.value),v.value=l;const a=Object.keys(g.allTutorial);u.value=g.allTutorial[a[h.value]][v.value].detailImgArray,d.value=0,A(a[h.value],v.value,d.value)},_=l=>{d.value=l;const a=Object.keys(g.allTutorial);f.value&&D(()=>{var O;const o=(O=V.value)==null?void 0:O.wrapRef,m=document.querySelector(".stepOverFive.stepActive");if(!o||!m)return;const c=o.getBoundingClientRect(),t=m.getBoundingClientRect();let p=o.scrollLeft+(t.left-c.left)-o.clientWidth/2+t.width/2;o.scrollTo({left:p,behavior:"smooth"}),console.log("执行 scrollTo:",{left:p,behavior:"smooth"})}),w.value&&D(()=>{var O;const o=(O=Q.value)==null?void 0:O.wrapRef,m=document.querySelector(".stepNewAddFive.stepActive");if(!o||!m)return;const c=o.getBoundingClientRect(),t=m.getBoundingClientRect();let p=o.scrollLeft+(t.left-c.left)-o.clientWidth/2+t.width/2;o.scrollTo({left:p,behavior:"smooth"}),console.log("执行 scrollTo:",{left:p,behavior:"smooth"})}),A(a[h.value],v.value,d.value)},A=(l,a,o)=>{a=a||0,$.value=g.allTutorial[l][a].detailImgArray[o].src,console.log("这是图片的地址",$.value)};return $.value=g.allTutorial.AccountRegistrationTutorial[0].detailImgArray[0].src,u.value=g.allTutorial.AccountRegistrationTutorial[0].detailImgArray,W(()=>{M.query?H(Number(M.query.id)):H(0)}),(l,a)=>{const o=Z("el-scrollbar"),m=X("dompurify-html");return r(),n("div",x,[a[0]||(a[0]=s("img",{class:"banner",src:z,alt:""},null,-1)),s("div",ee,[s("div",te,[s("div",ie,[(r(),n(I,null,y(F,(c,t)=>s("div",{class:N(["leftItem",{leftActive:i(h)===t}]),key:t,onClick:p=>H(t)},[s("img",{src:`${c.imgSrc}${i(h)===t?"Active":""}.png`,alt:""},null,8,ae),j(s("div",{class:N(["leftItemTitle",{leftDivActive:i(h)===t}])},null,2),[[m,c.title]])],10,le)),64))]),s("div",ne,[i(h)===1||i(h)===2?(r(),n("div",re,[(r(!0),n(I,null,y(i(S),(c,t)=>(r(),n("span",{class:N(["bank",{bankActive:i(v)===t}]),key:t,onClick:p=>U(t)},G(c.title),11,oe))),128))])):R("",!0),i(h)===1||i(h)===2?(r(),n("div",ce)):R("",!0),i(u).length<=3?(r(

1),n("div",ue,[s("div",se,[(r(!0),n(I,null,y(i(u),(c,t)=>(r(),n("div",{class:N(["step",{stepActive:t===i(d)}]),key:t,onClick:p=>_(t)},G(c.title),11,ge))),128))])])):R("",!0),!i(w)&&i(u).length>3&&i(u).length<=5?(r(),n("div",he,[s("div",pe,[(r(!0),n(I,null,y(i(u),(c,t)=>(r(),n("div",{class:N(["step",{stepActive:t===i(d)}]),key:t,onClick:p=>_(t)},G(c.title),11,Te))),128))])])):R("",!0),!i(w)&&i(u).length>5?(r(),n("div",we,[k(o,{always:"",ref_key:"scrollbarRef",ref:V,class:"step-scrollbar"},{default:C(()=>[s("div",de,[(r(!0),n(I,null,y(i(u),(c,t)=>(r(),n("div",{class:N(["stepOverFive",{stepActive:t===i(d)}]),key:t,onClick:p=>_(t)},G(c.title),11,me))),128))])]),_:1},512)])):R("",!0),i(w)&&i(u).length==5?(r(),n("div",Ne,[k(o,{always:"",ref_key:"scrollbarRefNewAdd",ref:Q,class:"step-scrollbar"},{default:C(()=>[s("div",be,[(r(!0),n(I,null,y(i(u),(c,t)=>(r(),n("div",{class:N(["stepNewAddFive",{stepActive:t===i(d)}]),key:t,onClick:p=>_(t)},G(c.title),11,ve))),128))])]),_:1},512)])):R("",!0),k(q,{name:"fade",mode:"out-in"},{default:C(()=>[s("img",{class:"mainImg",src:i($),alt:""},null,8,Ie)]),_:1})])])])])}}},Oe=Y(ye,[["__scopeId","data-v-2266059e"]]);export{Oe as default};