| 1 |
- import{_ as e}from"./u-loading-page.6e8b6450.js";import{d as l,F as t,r as a,o as r,Q as s,G as n,ag as u,ah as x,a4 as i,a as o,c,w as f,b as p,e as d,n as v,g as _,S as g,T as m,U as h,p as b,h as y,i as w,j as k,ai as j,aa as C,E as F,t as A,A as E,D as X,M as z,q as T,aj as I,ak as S}from"./index-65a0752a.js";import{_ as q}from"./u-empty.711ff734.js";import{_ as B}from"./_plugin-vue_export-helper.1b428a4d.js";import"./u-loading-icon.8860be91.js";import"./u-transition.4a1deb0f.js";import"./u-icon.086befcc.js";const D=B(l({__name:"level",setup(l){const B=t();let D=a(!1),G=a([]),M=a([]);const O=a(0),Q=a(0);a({title:"会员等级",topStatusBar:{style:"style-1",bgColor:"transparent",textColor:"#fff"}}),r((()=>{s()&&(N(),L())}));const U=n((()=>B.info));let $=e=>{let l=e,t=100;return G.value[l]&&G.value[l].growth&&(t=U.value.growth/G.value[l].growth*100),t};const H=a(""),J=a(""),K=a(""),L=()=>{D.value=!0,u().then((e=>{G.value=e.data||[];let l=!0;U.value&&G.value&&G.value.length&&G.value.forEach(((e,t)=>{e.level_id==U.value.member_level&&(l=!1,O.value=t,Q.value=O.value,V(t))})),l&&V(0),G.value&&G.value.length>=5?(H.value="width:115rpx;",J.value="max-width:115rpx;",K.value="width:460rpx;transform: translateX(-235rpx);"):G.value&&4==G.value.length?(H.value="width:144rpx;",J.value="max-width:144rpx;",K.value="width:436rpx;transform: translateX(-218rpx);"):G.value&&3==G.value.length?(H.value="width:192rpx;",J.value="max-width:192rpx;",K.value="width:388rpx;transform: translateX(-194rpx);"):G.value&&2==G.value.length?(H.value="width:289rpx;",J.value="max-width:289rpx;",K.value="width:289rpx;transform: translateX(-144rpx);"):(J.value="max-width:578rpx;",H.value="width:100%;"),D.value=!1})).catch((()=>{D.value=!1}))},N=()=>{x().then((e=>{M.value=e.data}))},P=e=>{O.value=e.detail.current,Q.value=O.value,V(e.detail.current)};let R=a({}),V=e=>{let l=i(G.value[e]);if(l&&l.level_benefits&&(l.benefits_arr=[],Object.values(l.level_benefits).forEach(((e,t,a)=>{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,t,a)=>{a[t].type=e})),l.gifts_arr=l.gifts_arr.concat(l.level_gifts[e].content))}R.value=l};return(l,t)=>{const a=y(w("u-loading-page"),e),r=k,s=T,n=I,u=S,x=j,i=C,B=F,L=y(w("u-empty"),q);return o(),c(r,{style:v(l.themeColor())},{default:f((()=>[p(a,{loading:d(D)&&d(U),loadingText:"","bg-color":"#f7f7f7"},null,8,["loading"]),!d(D)&&d(U)&&d(G)&&d(G).length?(o(),c(r,{key:0,class:"min-h-[100vh] overflow-hidden flex flex-col",style:v({backgroundColor:d(R).level_style.bg_color})},{default:f((()=>[p(r,null,{default:f((()=>[p(r,{class:"pt-[40rpx] mb-[20rpx]"},{default:f((()=>[_(" 轮播图 "),p(r,{class:"relative"},{default:f((()=>[p(x,{class:"swiper ns-indicator-dots",style:{height:"300rpx"},onChange:P,current:O.value,"previous-margin":"48rpx","next-margin":"48rpx"},{default:f((()=>[(o(!0),g(h,null,m(d(G),((e,l)=>(o(),c(u,{class:"swiper-item",key:e.id},{default:f((()=>[p(r,{class:"h-[300rpx] relative"},{default:f((()=>[d(U).member_level==e.level_id&&O.value==l?(o(),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] leadinig-[34rpx] box-border",style:v({background:"url("+d(A)(d(R).level_tag)+") no-repeat",color:d(R).level_style.level_color})},{default:f((()=>[b(" 当前等级 ")])),_:1},8,["style"])):_("v-if",!0),p(r,{class:E(["absolute left-0 right-0 z-10 px-[30rpx] pt-[76rpx]",{"px-[50rpx]":O.value!=l}])},{default:f((()=>[p(r,{class:"flex items-center leading-[50rpx] mb-[70rpx]"},{default:f((()=>[p(s,{class:"h-[32rpx] w-[34rpx] align-middle",src:d(A)(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:v({color:d(R).level_style.level_color})},{default:f((()=>[b(X(e.level_name),1)])),_:2},1032,["style"])])),_:2},1024),p(r,{class:"flex items-center",style:v({color:d(R).level_style.level_color})},{default:f((()=>[p(r,{class:"text-[28rpx] font-bold leading-[38rpx]"},{default:f((()=>[b(X(d(U).growth),1)])),_:1}),p(r,{class:"text-[24rpx] leading-[34rpx]"},{default:f((()=>[b("/"+X(d(G)[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(n,{percent:d($)(l),"border-radius":100,activeColor:d(R).level_style.level_color,backgroundColor:"#fff","stroke-width":"6"},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:E(["h-full w-full",{"swiper-animation":O.value!=l}]),src:d(A)(e.level_bg),mode:"aspectFit","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:v(K.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(i,{"scroll-x":!0,"scroll-with-animation":"","scroll-into-view":"id"+(Q.value?Q.value-1:0)},{default:f((()=>[p(r,{class:"flex flex-nowrap py-[10rpx]"},{default:f((()=>[(o(!0),g(h,null,m(d(G),((e,l)=>(o(),c(r,{key:e.id,style:v(H.value),class:"flex-shrink-0 flex flex-col items-center justify-center",onClick:e=>(e=>{Q.value=e,O.value=e,V(e)})(l),id:"id"+l},{default:f((()=>[p(r,{class:E(["w-[14rpx] h-[14rpx] level-class",{"level-select":Q.value==l}])},null,8,["class"]),p(r,{style:v(J.value),class:"text-[24rpx] text-[#aaa] mt-[10rpx] truncate"},{default:f((()=>[b(X(e.level_name),1)])),_:2},1032,["style"])])),_:2},1032,["style","onClick","id"])))),128))])),_:1})])),_:1},8,["scroll-into-view"])])),_:1})])),_:1}),d(R).benefits_arr&&d(R).benefits_arr.length?(o(),c(r,{key:0,class:"flex mx-[30rpx] px-[38rpx] pt-[30rpx] pb-[46rpx] items-center flex-col level_benefits",style:v({backgroundImage:"url("+d(A)(d(R).member_bg)+")"})},{default:f((()=>[p(r,{class:"flex items-center justify-center"},{default:f((()=>[p(B,{class:"text-[#fff] text-[32rpx] font-bold leading-[44rpx]"},{default:f((()=>[b("会员权益")])),_:1})])),_:1}),p(r,{class:"flex flex-wrap w-[690rpx] mt-[40rpx] justify-between"},{default:f((()=>[(o(!0),g(h,null,m(d(R).benefits_arr,((e,l)=>(o(),c(r,{class:"flex flex-col w-[25%] items-center",key:l},{default:f((()=>[p(s,{class:"h-[100rpx] w-[100rpx]",src:d(A)(e.icon),mode:"heightFix"},null,8,["src"]),p(B,{class:"text-[rgba(255,255,255,0.9)] mt-[10rpx] text-[24rpx]"},{default:f((()=>[b(X(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-[30rpx] mt-[-16rpx] relative tab-bar",style:v({background:`linear-gradient( 180deg, ${d(R).level_style.gift} 0%, #FFFFFF 20%)`})},{default:f((()=>[_(" 升级礼包 "),d(R).gifts_arr&&d(R).gifts_arr.length?(o(),c(r,{key:0},{default:f((()=>[p(r,{class:"pt-[10rpx] pb-[30rpx] flex items-center"},{default:f((()=>[p(B,{class:"text-[32rpx] text-[#3A3945] font-bold leading-[44rpx]"},{default:f((()=>[b("升级礼包")])),_:1})])),_:1}),p(r,{class:"flex flex-wrap"},{default:f((()=>[(o(!0),g(h,null,m(d(R).gifts_arr,((e,l)=>(o(),c(r,{key:l,class:E(["mb-[20rpx]",{"mr-[20rpx]":(l+1)%3!=0}])},{default:f((()=>[p(r,{class:"relative box-border mb-[12rpx] w-[216rpx] h-[180rpx] !bg-contain",style:v({background:"url("+d(A)(e.background)+") no-repeat"})},null,8,["style"]),p(r,{class:"text-center text-[#333] text-[28rpx] font-500 truncate leading-[40rpx] max-w-[216rpx]"},{default:f((()=>[b(X(e.text),1)])),_:2},1024)])),_:2},1032,["class"])))),128))])),_:1})])),_:1})):_("v-if",!0),_(" 升级技巧 "),d(M)&&d(M).length?(o(),c(r,{key:1},{default:f((()=>[p(r,{class:"pt-[10rpx] pb-[30rpx] flex items-center"},{default:f((()=>[p(B,{class:"text-[32rpx] text-[#333] font-bold leading-[44rpx]"},{default:f((()=>[b("升级技巧")])),_:1})])),_:1}),p(r,null,{default:f((()=>[(o(!0),g(h,null,m(d(M),((e,l)=>(o(),c(r,{class:"flex items-center mb-[30rpx]",key:l},{default:f((()=>[p(s,{class:"h-[100rpx] w-[100rpx] mr-[20rpx]",src:d(A)(e.icon),mode:"heightFix"},null,8,["src"]),p(r,{class:"flex flex-col"},{default:f((()=>[p(r,{class:"text-[#3A3945] text-[28rpx] font-bold leading-[38rpx] mb-[8rpx]"},{default:f((()=>[b(X(e.title),1)])),_:2},1024),p(r,{class:"text-[24rpx] text-[#3A3945] leading-[34rpx]"},{default:f((()=>[b(X(e.desc),1)])),_:2},1024)])),_:2},1024),p(B,{class:"skill-btn",onClick:l=>d(z)({url:e.button.wap_redirect,param:{},mode:"redirectTo"})},{default:f((()=>[b(X(e.button.text),1)])),_:2},1032,["onClick"])])),_:2},1024)))),128))])),_:1})])),_:1})):_("v-if",!0)])),_:1},8,["style"])])),_:1},8,["style"])):_("v-if",!0),d(D)||d(G)&&d(G).length?_("v-if",!0):(o(),c(r,{key:1,class:"h-[100vh] w-full flex items-center justify-center"},{default:f((()=>[p(L,{icon:d(A)("static/resource/images/empty.png"),text:"暂无会员等级"},null,8,["icon"])])),_:1}))])),_:1},8,["style"])}}}),[["__scopeId","data-v-d4c0ce6b"]]);export{D as default};
|
