mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-06 04:58:10 +00:00
2 lines
9.1 KiB
JavaScript
2 lines
9.1 KiB
JavaScript
import{_ as e}from"./u-loading-page.4c1187eb.js";import{d as l,H as t,r as a,ai as r,R as s,I as u,al as n,am as x,a7 as o,o as i,c as f,w as c,b as p,u as v,n as d,f as _,T as m,U as g,V as b,E as h,g as y,h as w,i as k,an as j,ad as F,G as C,l as T,B as E,F as X,a as z,_ as I,ao as A,ap as B}from"./index-3788e709.js";import{_ as G}from"./u-empty.d2f2d7cd.js";import{t as H}from"./topTabbar.d68c2bd9.js";import{_ as O}from"./_plugin-vue_export-helper.1b428a4d.js";import"./u-loading-icon.9cc882ae.js";import"./u-transition.2921302e.js";import"./u-icon.29403ccf.js";const P=O(l({__name:"level",setup(l){const O=t(),P=a(!1),R=a([]),U=a([]),V=a(0),$=a(0);H().setTopTabbarParam({title:"会员等级"}),r((()=>{s()&&(N(),M())}));const q=u((()=>O.info)),D=e=>{let l=e,t=100;return R.value[l]&&R.value[l].growth&&(t=q.value.growth/R.value[l].growth*100),t},J=a(""),K=a(""),L=a(""),M=()=>{P.value=!0,n().then((e=>{R.value=e.data||[];let l=!0;q.value&&R.value&&R.value.length&&R.value.forEach(((e,t)=>{e.level_id==q.value.member_level&&(l=!1,V.value=t,$.value=V.value,W(t))})),l&&W(0),R.value&&R.value.length>=5?(J.value="width:115rpx;",K.value="max-width:115rpx;",L.value="width:460rpx;transform: translateX(-235rpx);"):R.value&&4==R.value.length?(J.value="width:144rpx;",K.value="max-width:144rpx;",L.value="width:436rpx;transform: translateX(-218rpx);"):R.value&&3==R.value.length?(J.value="width:192rpx;",K.value="max-width:192rpx;",L.value="width:388rpx;transform: translateX(-194rpx);"):R.value&&2==R.value.length?(J.value="width:289rpx;",K.value="max-width:289rpx;",L.value="width:289rpx;transform: translateX(-144rpx);"):(K.value="max-width:578rpx;",J.value="width:100%;"),P.value=!1})).catch((()=>{P.value=!1}))},N=()=>{x().then((e=>{U.value=e.data}))},Q=e=>{V.value=e.detail.current,$.value=V.value,W(e.detail.current)},S=a({}),W=e=>{let l=o(R.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))}S.value=l};return(l,t)=>{const a=y(w("u-loading-page"),e),r=k,s=I,u=A,n=B,x=j,o=F,H=C,O=y(w("u-empty"),G);return i(),f(r,{style:d(l.themeColor())},{default:c((()=>[p(a,{loading:P.value&&v(q),loadingText:"","bg-color":"#f7f7f7"},null,8,["loading"]),!P.value&&v(q)&&R.value&&R.value.length?(i(),f(r,{key:0,class:"min-h-[100vh] overflow-hidden flex flex-col",style:d({backgroundColor:S.value.level_style.bg_color})},{default:c((()=>[p(r,null,{default:c((()=>[p(r,{class:"pt-[40rpx] mb-[20rpx]"},{default:c((()=>[_(" 轮播图 "),p(r,{class:"relative"},{default:c((()=>[p(x,{class:"swiper ns-indicator-dots relative",style:{height:"300rpx"},onChange:Q,current:V.value,"previous-margin":"48rpx","next-margin":"48rpx"},{default:c((()=>[(i(!0),m(b,null,g(R.value,((e,l)=>(i(),f(n,{class:"swiper-item",key:e.id},{default:c((()=>[p(r,{class:"h-[300rpx] relative"},{default:c((()=>[v(q).member_level==e.level_id&&V.value==l?(i(),f(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(T)(S.value.level_tag)+") no-repeat",color:S.value.level_style.level_color})},{default:c((()=>[h(" 当前等级 ")])),_:1},8,["style"])):_("v-if",!0),p(r,{class:E(["absolute top-0 left-0 right-0 bottom-0 z-20 px-[30rpx] pt-[76rpx] box-border",{"px-[50rpx]":V.value!=l}])},{default:c((()=>[p(r,{class:"flex items-center leading-[50rpx] mb-[70rpx]"},{default:c((()=>[p(s,{class:"h-[32rpx] w-[34rpx] align-middle",src:v(T)(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:S.value.level_style.level_color})},{default:c((()=>[h(X(e.level_name),1)])),_:2},1032,["style"])])),_:2},1024),p(r,{class:"flex items-center",style:d({color:S.value.level_style.level_color})},{default:c((()=>[p(r,{class:"text-[28rpx] font-bold leading-[38rpx]"},{default:c((()=>[h(X(v(q).growth),1)])),_:1}),p(r,{class:"text-[24rpx] leading-[34rpx] font-500"},{default:c((()=>[h("/"+X(R.value[l].growth)+"成长值",1)])),_:2},1024)])),_:2},1032,["style"]),p(r,{class:"flex justify-between items-center mt-[10rpx]"},{default:c((()=>[p(r,{class:"flex flex-col flex-1"},{default:c((()=>[p(r,null,{default:c((()=>[p(u,{percent:D(l),"border-radius":100,activeColor:S.value.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:c((()=>[p(s,{class:E(["h-full w-full",{"swiper-animation":V.value!=l}]),src:v(T)(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:c((()=>[p(r,{class:"bg-[#fff] opacity-15 h-[2rpx] w-full absolute top-[15rpx]"}),p(r,{style:d(L.value),class:"bg-[#fff] opacity-60 h-[2rpx] absolute top-[15rpx] z-4 left-[50%]"},null,8,["style"]),p(r,{class:"mx-[86rpx]"},{default:c((()=>[p(o,{"scroll-x":!0,"scroll-with-animation":"","scroll-into-view":"id"+($.value?$.value-1:0)},{default:c((()=>[p(r,{class:"flex flex-nowrap py-[10rpx]"},{default:c((()=>[(i(!0),m(b,null,g(R.value,((e,l)=>(i(),f(r,{key:e.id,style:d(J.value),class:"flex-shrink-0 flex flex-col items-center justify-center",onClick:e=>(e=>{$.value=e,V.value=e,W(e)})(l),id:"id"+l},{default:c((()=>[p(r,{class:E(["w-[14rpx] h-[14rpx] level-class",{"level-select":$.value==l}])},null,8,["class"]),p(r,{style:d(K.value),class:"text-[24rpx] text-[#aaa] mt-[10rpx] truncate"},{default:c((()=>[h(X(e.level_name),1)])),_:2},1032,["style"])])),_:2},1032,["style","onClick","id"])))),128))])),_:1})])),_:1},8,["scroll-into-view"])])),_:1})])),_:1}),S.value.benefits_arr&&S.value.benefits_arr.length?(i(),f(r,{key:0,class:"flex mx-[30rpx] pt-[30rpx] pb-[46rpx] items-center flex-col level_benefits",style:d({backgroundImage:"url("+v(T)(S.value.member_bg)+")"})},{default:c((()=>[p(r,{class:"flex items-center justify-center"},{default:c((()=>[p(H,{class:"text-[#fff] text-[32rpx] font-bold leading-[44rpx]"},{default:c((()=>[h("会员权益")])),_:1})])),_:1}),p(r,{class:"flex flex-wrap w-[690rpx] mt-[40rpx] justify-between"},{default:c((()=>[(i(!0),m(b,null,g(S.value.benefits_arr,((e,l)=>(i(),f(r,{class:"flex flex-col w-[25%] items-center",key:l},{default:c((()=>[p(s,{class:"h-[100rpx] w-[100rpx]",src:v(T)(e.icon),mode:"heightFix"},null,8,["src"]),p(H,{class:"text-[rgba(255,255,255,0.9)] mt-[10rpx] text-[24rpx] leading-[34rpx]"},{default:c((()=>[h(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:d({background:`linear-gradient( 180deg, ${S.value.level_style.gift} 0%, #FFFFFF 20%)`})},{default:c((()=>[_(" 升级礼包 "),S.value.gifts_arr&&S.value.gifts_arr.length?(i(),f(r,{key:0},{default:c((()=>[p(r,{class:"pt-[10rpx] pb-[30rpx] flex items-center"},{default:c((()=>[p(H,{class:"text-[32rpx] text-[#333] font-bold leading-[44rpx]"},{default:c((()=>[h("升级礼包")])),_:1})])),_:1}),p(r,{class:"flex flex-wrap"},{default:c((()=>[(i(!0),m(b,null,g(S.value.gifts_arr,((e,l)=>(i(),f(r,{key:l,class:E(["mb-[20rpx]",{"mr-[20rpx]":(l+1)%3!=0}])},{default:c((()=>[p(r,{class:"relative box-border mb-[12rpx] w-[216rpx] h-[180rpx] !bg-contain",style:d({background:"url("+v(T)(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:c((()=>[h(X(e.text),1)])),_:2},1024)])),_:2},1032,["class"])))),128))])),_:1})])),_:1})):_("v-if",!0),_(" 升级技巧 "),U.value&&U.value.length?(i(),f(r,{key:1},{default:c((()=>[p(r,{class:"pt-[10rpx] pb-[30rpx] flex items-center"},{default:c((()=>[p(H,{class:"text-[32rpx] text-[#333] font-bold leading-[44rpx]"},{default:c((()=>[h("升级技巧")])),_:1})])),_:1}),p(r,null,{default:c((()=>[(i(!0),m(b,null,g(U.value,((e,l)=>(i(),f(r,{class:"flex items-center mb-[30rpx]",key:l},{default:c((()=>[p(s,{class:"h-[100rpx] w-[100rpx] mr-[20rpx]",src:v(T)(e.icon),mode:"heightFix"},null,8,["src"]),p(r,{class:"flex flex-col"},{default:c((()=>[p(r,{class:"text-[#3A3945] text-[28rpx] font-bold leading-[38rpx] mb-[8rpx]"},{default:c((()=>[h(X(e.title),1)])),_:2},1024),p(r,{class:"text-[24rpx] text-[#3A3945] leading-[34rpx]"},{default:c((()=>[h(X(e.desc),1)])),_:2},1024)])),_:2},1024),p(H,{class:"skill-btn",onClick:l=>v(z)({url:e.button.wap_redirect,param:{},mode:"redirectTo"})},{default:c((()=>[h(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),P.value||R.value&&R.value.length?_("v-if",!0):(i(),f(r,{key:1,class:"h-[100vh] w-full flex items-center justify-center"},{default:c((()=>[p(O,{icon:v(T)("static/resource/images/empty.png"),text:"暂无会员等级"},null,8,["icon"])])),_:1}))])),_:1},8,["style"])}}}),[["__scopeId","data-v-7acf93d4"]]);export{P as default};
|