mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-03-29 16:50:52 +00:00
2 lines
9.2 KiB
JavaScript
2 lines
9.2 KiB
JavaScript
import{_ as e}from"./loading-page.vue_vue_type_script_setup_true_lang.1b8b4b02.js";import{d as l,s as a,r as t,P as r,O as s,t as u,aH as n,aI as o,ag as x,o as i,e as c,w as f,f as p,g as v,k as d,j as _,Z as g,ad as m,_ as b,C as h,l as y,m as w,p as k,S as C,aJ as j,ax as F,K as T,q as E,T as X,E as z,D as I,c as B,aK as K,aL as O}from"./index-ab4b7b3d.js";import{t as P}from"./topTabbar.d99162c4.js";import{_ as S}from"./_plugin-vue_export-helper.1b428a4d.js";import"./u-loading-icon.d05cfed8.js";import"./u-transition.dcaa034a.js";const q=S(l({__name:"level",setup(l){const S=a(),q=t(!1),D=t([]),H=t([]),J=t(0),L=t(0);P().setTopTabbarParam({title:"会员等级"}),t({title:"会员等级",topStatusBar:{style:"style-1",bgColor:"#fff",rollBgColor:"#333",textColor:"#333",rollTextColor:"#333"}}),r(()=>{s()&&(Q(),N())});const Z=u(()=>S.info),$=e=>{let l=e,a=100;return D.value[l]&&D.value[l].growth&&(a=Z.value.growth/D.value[l].growth*100),a},A=t(""),G=t(""),M=t(""),N=()=>{q.value=!0,n().then(e=>{D.value=e.data||[];let l=!0;Z.value&&D.value&&D.value.length&&D.value.forEach((e,a)=>{e.level_id==Z.value.member_level&&(l=!1,J.value=a,L.value=J.value,V(a))}),l&&V(0),D.value&&D.value.length>=5?(A.value="width:115rpx;",G.value="max-width:115rpx;",M.value="width:460rpx;transform: translateX(-235rpx);"):D.value&&4==D.value.length?(A.value="width:144rpx;",G.value="max-width:144rpx;",M.value="width:436rpx;transform: translateX(-218rpx);"):D.value&&3==D.value.length?(A.value="width:192rpx;",G.value="max-width:192rpx;",M.value="width:388rpx;transform: translateX(-194rpx);"):D.value&&2==D.value.length?(A.value="width:289rpx;",G.value="max-width:289rpx;",M.value="width:289rpx;transform: translateX(-144rpx);"):(G.value="max-width:578rpx;",A.value="width:100%;"),q.value=!1}).catch(()=>{q.value=!1})},Q=()=>{o().then(e=>{H.value=e.data})},R=e=>{J.value=e.detail.current,L.value=J.value,V(e.detail.current)},U=t({}),V=e=>{let l=x(D.value[e]);if(l&&l.level_benefits&&(l.benefits_arr=[],Object.values(l.level_benefits).forEach((e,a,t)=>{e.content&&l.benefits_arr.push(e.content)})),l&&l.level_gifts){l.gifts_arr=[];for(let e in l.level_gifts)l.level_gifts[e].content&&(l.level_gifts[e].content.forEach((l,a,t)=>{t[a].type=e}),l.gifts_arr=l.gifts_arr.concat(l.level_gifts[e].content))}U.value=l};return(l,a)=>{const t=y(w("loading-page"),e),r=k,s=C,u=K,n=O,o=j,x=F,P=T,S=E("layout-default-uni");return i(),c(S,null,{default:f(()=>[p(r,{style:d(l.themeColor()),class:"bg-[var(--page-bg-color)] min-h-[100vh] overflow-hidden"},{default:f(()=>[p(t,{loading:q.value&&v(Z)},null,8,["loading"]),!q.value&&v(Z)&&D.value&&D.value.length?(i(),c(r,{key:0,class:"min-h-[100vh] overflow-hidden flex flex-col",style:d({backgroundColor:U.value.level_style.bg_color})},{default:f(()=>[p(r,null,{default:f(()=>[p(r,{class:"pt-[40rpx] mb-[40rpx]"},{default:f(()=>[_(" 轮播图 "),p(r,{class:"relative"},{default:f(()=>[p(o,{class:"swiper ns-indicator-dots relative",style:{height:"300rpx"},onChange:R,current:J.value,"previous-margin":"30rpx","next-margin":"30rpx"},{default:f(()=>[(i(!0),g(b,null,m(D.value,(e,l)=>(i(),c(n,{class:"swiper-item",key:e.id},{default:f(()=>[p(r,{class:"h-[300rpx] relative"},{default:f(()=>[v(Z).member_level==e.level_id&&J.value==l?(i(),c(r,{key:0,class:"text-[24rpx] absolute top-0 left-0 z-10 h-[66rpx] !bg-contain w-[150rpx] flex pt-[12rpx] pl-[16rpx] box-border",style:d({background:"url("+v(X)(U.value.level_tag)+") no-repeat",color:U.value.level_style.level_color})},{default:f(()=>[h("当前等级")]),_:1},8,["style"])):_("v-if",!0),p(r,{class:z(["absolute top-0 left-0 right-0 bottom-0 z-20 px-[30rpx] pt-[68rpx] box-border",{"px-[50rpx]":J.value!=l}])},{default:f(()=>[p(r,{class:"flex items-center leading-[50rpx] mb-[90rpx]"},{default:f(()=>[p(s,{class:"h-[32rpx] w-[34rpx] align-middle",src:v(X)(e.level_icon?e.level_icon:""),mode:"aspectFill"},null,8,["src"]),p(r,{class:"text-[36rpx] font-bold ml-[10rpx] max-w-[340rpx] truncate",style:d({color:U.value.level_style.level_color})},{default:f(()=>[h(I(e.level_name),1)]),_:2},1032,["style"])]),_:2},1024),p(r,{class:"flex items-baseline",style:d({color:U.value.level_style.level_color})},{default:f(()=>[p(r,{class:"text-[30rpx] font-500 leading-[38rpx]"},{default:f(()=>[h(I(v(Z).growth),1)]),_:1}),p(r,{class:"text-[24rpx] leading-[34rpx]"},{default:f(()=>[h("/"+I(D.value[l].growth)+"成长值",1)]),_:2},1024)]),_:2},1032,["style"]),p(r,{class:"flex justify-between items-center mt-[10rpx]"},{default:f(()=>[p(r,{class:"flex flex-col flex-1"},{default:f(()=>[p(r,null,{default:f(()=>[p(u,{percent:$(l),"border-radius":100,activeColor:U.value.level_style.level_color,backgroundColor:"#fff","stroke-width":"4"},null,8,["percent","activeColor"])]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1032,["class"]),p(r,{class:"relatvie h-full w-full"},{default:f(()=>[p(s,{class:z(["h-full w-full",{"swiper-animation":J.value!=l}]),src:v(X)(e.level_bg),"show-menu-by-longpress":!0},null,8,["src","class"])]),_:2},1024)]),_:2},1024)]),_:2},1024))),128))]),_:1},8,["current"])]),_:1})]),_:1}),p(r,{class:"mb-[30rpx] relative"},{default:f(()=>[p(r,{class:"bg-[#fff] opacity-15 h-[2rpx] w-full absolute top-[15rpx]"}),p(r,{style:d(M.value),class:"bg-[#fff] opacity-60 h-[2rpx] absolute top-[15rpx] z-4 left-[50%]"},null,8,["style"]),p(r,{class:"mx-[86rpx]"},{default:f(()=>[p(x,{"scroll-x":!0,"scroll-with-animation":"","scroll-into-view":"id"+(L.value?L.value-1:0)},{default:f(()=>[p(r,{class:"flex flex-nowrap py-[10rpx]"},{default:f(()=>[(i(!0),g(b,null,m(D.value,(e,l)=>(i(),c(r,{key:e.id,style:d(A.value),class:"flex-shrink-0 flex flex-col items-center justify-center",onClick:e=>(e=>{L.value=e,J.value=e,V(e)})(l),id:"id"+l},{default:f(()=>[p(r,{class:z(["w-[14rpx] h-[14rpx] level-class",{"level-select":L.value==l}])},null,8,["class"]),p(r,{style:d(G.value),class:z(["text-[22rpx] text-[#aaa] mt-[16rpx] truncate",{"!text-[#fff]":L.value==l}])},{default:f(()=>[h(I(e.level_name),1)]),_:2},1032,["style","class"])]),_:2},1032,["style","onClick","id"]))),128))]),_:1})]),_:1},8,["scroll-into-view"])]),_:1})]),_:1}),U.value.benefits_arr&&U.value.benefits_arr.length?(i(),c(r,{key:0,class:"flex mx-[var(--sidebar-m)] pt-[30rpx] pb-[46rpx] items-center flex-col level_benefits",style:d({backgroundImage:"url("+v(X)(U.value.member_bg)+")"})},{default:f(()=>[p(r,{class:"flex items-center justify-center"},{default:f(()=>[p(P,{class:"text-[#fff] text-[30rpx] font-500 leading-[44rpx]"},{default:f(()=>[h("会员权益")]),_:1})]),_:1}),p(r,{class:"flex flex-wrap w-[690rpx] mt-[40rpx] justify-between"},{default:f(()=>[(i(!0),g(b,null,m(U.value.benefits_arr,(e,l)=>(i(),c(r,{class:"flex flex-col w-[25%] items-center",key:l},{default:f(()=>[p(s,{class:"h-[88rpx] w-[88rpx]",src:v(X)(e.icon),mode:"heightFix"},null,8,["src"]),p(P,{class:"text-[rgba(255,255,255,0.9)] mt-[16rpx] text-[24rpx] leading-[34rpx]"},{default:f(()=>[h(I(e.title),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1},8,["style"])):_("v-if",!0)]),_:1}),p(r,{class:"flex-1 rounded-t-[40rpx] px-[30rpx] pt-[var(--pad-top-m)] mt-[-10rpx] relative tab-bar",style:d({background:`linear-gradient( 180deg, ${U.value.level_style.gift} 0%, #FFFFFF 20%)`})},{default:f(()=>[_(" 升级礼包 "),U.value.gifts_arr&&U.value.gifts_arr.length?(i(),c(r,{key:0},{default:f(()=>[p(r,{class:"pb-[30rpx] flex items-center"},{default:f(()=>[p(P,{class:"text-[30rpx] text-[#333] font-500 leading-[44rpx]"},{default:f(()=>[h("升级礼包")]),_:1})]),_:1}),p(r,{class:"flex flex-wrap"},{default:f(()=>[(i(!0),g(b,null,m(U.value.gifts_arr,(e,l)=>(i(),c(r,{key:l,class:z(["mb-[20rpx]",{"mr-[21rpx]":(l+1)%3!=0}])},{default:f(()=>[p(r,{class:"relative box-border mb-[16rpx] w-[216rpx] h-[180rpx] !bg-contain",style:d({background:"url("+v(X)(e.background)+") no-repeat"})},null,8,["style"]),p(r,{class:"text-center font-500 text-[#333] text-[28rpx] truncate leading-[40rpx] max-w-[216rpx]"},{default:f(()=>[h(I(e.text),1)]),_:2},1024)]),_:2},1032,["class"]))),128))]),_:1})]),_:1})):_("v-if",!0),_(" 升级技巧 "),H.value&&H.value.length?(i(),c(r,{key:1},{default:f(()=>[p(r,{class:"pt-[30rpx] pb-[30rpx] flex items-center"},{default:f(()=>[p(P,{class:"text-[30rpx] text-[#333] font-500 leading-[44rpx]"},{default:f(()=>[h("升级技巧")]),_:1})]),_:1}),p(r,{class:"pb-[30rpx]"},{default:f(()=>[(i(!0),g(b,null,m(H.value,(e,l)=>(i(),c(r,{class:"flex items-center mb-[34rpx]",key:l},{default:f(()=>[p(s,{class:"h-[100rpx] w-[100rpx] mr-[20rpx]",src:v(X)(e.icon),mode:"heightFix"},null,8,["src"]),p(r,{class:"flex flex-col"},{default:f(()=>[p(r,{class:"text-[28rpx] leading-[38rpx] mb-[8rpx]"},{default:f(()=>[h(I(e.title),1)]),_:2},1024),p(r,{class:"text-[24rpx] text-[var(--text-color-light9)] leading-[34rpx]"},{default:f(()=>[h(I(e.desc),1)]),_:2},1024)]),_:2},1024),p(P,{class:"skill-btn",onClick:l=>v(B)({url:e.button.wap_redirect,param:{},mode:"redirectTo"})},{default:f(()=>[h(I(e.button.text),1)]),_:2},1032,["onClick"])]),_:2},1024))),128))]),_:1})]),_:1})):_("v-if",!0)]),_:1},8,["style"])]),_:1},8,["style"])):_("v-if",!0),q.value||D.value&&D.value.length?_("v-if",!0):(i(),c(r,{key:1},{default:f(()=>[p(r,{class:"empty-page"},{default:f(()=>[p(s,{class:"img",src:v(X)("static/resource/images/empty.png"),mode:"aspectFill"},null,8,["src"]),p(P,{class:"desc"},{default:f(()=>[h("暂无会员等级")]),_:1})]),_:1})]),_:1}))]),_:1},8,["style"])]),_:1})}}}),[["__scopeId","data-v-d6fd9308"]]);export{q as default};
|