2 lines
6.6 KiB
JavaScript
Executable File
2 lines
6.6 KiB
JavaScript
Executable File
import{_ as t}from"./page-meta.438f2c32.js";import{T as e,C as a,r as l,a as i,o as s,b as r,w as u,f as n,e as o,j as d,g as c,F as h,h as f,n as p,l as m,t as y,p as g,U as b,d as x,z as _,V as v,$ as S,b1 as w,i as I}from"./index-561dd99e.js";import{_ as $}from"./u-badge.45c73cfd.js";import{_ as B}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as k}from"./z-paging.9764c1e2.js";import{r as C}from"./recharge.89103b5a.js";const j=B({name:"u-tabs",emits:["update:modelValue","input","change"],props:{value:{type:[Number,String],default:0},modelValue:{type:[Number,String],default:0},current:{type:[Number,String],default:0},isScroll:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},height:{type:[String,Number],default:80},fontSize:{type:[String,Number],default:30},duration:{type:[String,Number],default:.5},activeColor:{type:String,default:"#2979ff"},inactiveColor:{type:String,default:"#303133"},barWidth:{type:[String,Number],default:40},barHeight:{type:[String,Number],default:6},gutter:{type:[String,Number],default:30},bgColor:{type:String,default:"#ffffff"},name:{type:String,default:"name"},count:{type:String,default:"count"},offset:{type:Array,default:()=>[5,20]},bold:{type:Boolean,default:!0},activeItemStyle:{type:Object,default:()=>({})},showBar:{type:Boolean,default:!0},barStyle:{type:Object,default:()=>({})},itemWidth:{type:[Number,String],default:"auto"}},data(){return{scrollLeft:0,tabQueryInfo:[],componentWidth:0,scrollBarLeft:0,parentLeft:0,id:this.$u.guid(),currentIndex:this.current,barFirstTimeMove:!0}},watch:{list:{immediate:!0,handler(t,e){e&&t.length!==e.length&&(this.currentIndex=0),setTimeout((()=>{this.init()}),200)}},current:{immediate:!0,handler(t,e){this.$nextTick((()=>{this.currentIndex=t,this.scrollByIndex()}))}},valueCom:{immediate:!0,handler(t,e){this.$nextTick((()=>{this.currentIndex=t,this.scrollByIndex()}))}}},computed:{valueCom(){return this.modelValue},tabBarStyle(){let t={width:this.barWidth+"rpx",transform:`translate(${this.scrollBarLeft}px, -100%)`,"transition-duration":`${this.barFirstTimeMove?0:this.duration}s`,"background-color":this.activeColor,height:this.barHeight+"rpx","border-radius":this.barHeight/2+"px"};return Object.assign(t,this.barStyle),t},tabItemStyle(){return t=>{let e={height:this.height+"rpx","line-height":this.height+"rpx","font-size":this.fontSize+"rpx","transition-duration":`${this.duration}s`,padding:this.isScroll?`0 ${this.gutter}rpx`:"",flex:this.isScroll?"auto":"1",width:this.$u.addUnit(this.itemWidth)};return t==this.currentIndex&&this.bold&&(e.fontWeight="bold"),t==this.currentIndex?(e.color=this.activeColor,e=Object.assign(e,this.activeItemStyle)):e.color=this.inactiveColor,e}}},methods:{async init(){let t=await this.$uGetRect("#"+this.id);this.parentLeft=t.left,this.componentWidth=t.width,this.getTabRect()},clickTab(t){t!=this.currentIndex&&(this.$emit("change",t),this.$emit("input",t),this.$emit("update:modelValue",t))},getTabRect(){let t=e().in(this);for(let e=0;e<this.list.length;e++)t.select(`#u-tab-item-${e}`).fields({id:!0,size:!0,rect:!0});t.exec(function(t){this.tabQueryInfo=t,this.scrollByIndex()}.bind(this))},scrollByIndex(){let t=this.tabQueryInfo[this.currentIndex];if(!t)return;let e=t.width,l=t.left-this.parentLeft-(this.componentWidth-e)/2;this.scrollLeft=l<0?0:l;let i=t.left+t.width/2-this.parentLeft;this.scrollBarLeft=i-a(this.barWidth)/2,1==this.barFirstTimeMove&&setTimeout((()=>{this.barFirstTimeMove=!1}),100)}},mounted(){this.init()}},[["render",function(t,e,a,x,_,v){const S=l(i("u-badge"),$),w=g,I=b;return s(),r(w,{class:"u-tabs",style:p({background:a.bgColor})},{default:u((()=>[n(" $u.getRect()对组件根节点无效,因为写了.in(this),故这里获取内层接点尺寸 "),o(w,{id:_.id},{default:u((()=>[o(I,{"scroll-x":"",class:"u-scroll-view","scroll-left":_.scrollLeft,"scroll-with-animation":""},{default:u((()=>[o(w,{class:d(["u-scroll-box",{"u-tabs-scorll-flex":!a.isScroll}])},{default:u((()=>[(s(!0),c(h,null,f(a.list,((t,e)=>(s(),r(w,{class:"u-tab-item u-line-1",id:"u-tab-item-"+e,key:e,onClick:t=>v.clickTab(e),style:p([v.tabItemStyle(e)])},{default:u((()=>[o(S,{count:t[a.count]||t.count||0,offset:a.offset,size:"mini"},null,8,["count","offset"]),m(" "+y(t[a.name]||t.name),1)])),_:2},1032,["id","onClick","style"])))),128)),a.showBar?(s(),r(w,{key:0,class:"u-tab-bar",style:p([v.tabBarStyle])},null,8,["style"])):n("v-if",!0)])),_:1},8,["class"])])),_:1},8,["scroll-left"])])),_:1},8,["id"])])),_:1},8,["style"])}],["__scopeId","data-v-e6a415b0"]]),T=x({__name:"user_wallet",setup(e){const a=_([{name:"全部",type:""},{name:"收入",type:1},{name:"支出",type:2}]),p=v(),b=_([]),x=_(0),$=t=>{x.value=t,p.value.reload()},B=async(t,e)=>{try{const l=a.value[x.value].type,i=await w({action:l,type:"um",page_no:t,page_size:e});p.value.complete(i.lists)}catch(l){p.value.complete(!1)}},T=_({});return S((()=>{(async()=>{T.value=await C()})()})),(e,_)=>{const v=l(i("page-meta"),t),S=g,w=I,C=l(i("u-tabs"),j),V=l(i("z-paging"),k);return s(),c(h,null,[o(v,{"page-style":e.$theme.pageStyle},null,8,["page-style"]),o(V,{ref_key:"paging",ref:p,modelValue:b.value,"onUpdate:modelValue":_[1]||(_[1]=t=>b.value=t),onQuery:B,"show-loading-more-when-reload":!0},{default:u((()=>[o(S,{class:"user-wallet"},{default:u((()=>[o(S,{class:"p-[20rpx]"},{default:u((()=>[o(S,{class:"bg-primary rounded-[14rpx] flex items-center justify-between pl-[44rpx] py-[54rpx] text-white"},{default:u((()=>[o(S,null,{default:u((()=>[o(S,{class:"text-sm"},{default:u((()=>[m("钱包余额")])),_:1}),o(S,{class:"text-[60rpx]"},{default:u((()=>[m(y(T.value.user_money),1)])),_:1})])),_:1}),T.value.status?(s(),r(w,{key:0,url:"/packages/pages/recharge/recharge","hover-class":"none"},{default:u((()=>[o(S,{class:"text-primary px-[30rpx] py-[15rpx] bg-white rounded-l-full"},{default:u((()=>[m(" 去充值 ")])),_:1})])),_:1})):n("v-if",!0)])),_:1})])),_:1}),o(C,{list:a.value,"is-scroll":!1,modelValue:x.value,"onUpdate:modelValue":_[0]||(_[0]=t=>x.value=t),activeColor:"var(--color-primary)",onChange:$},null,8,["list","modelValue"]),o(S,{class:"pt-2.5"},{default:u((()=>[(s(!0),c(h,null,f(b.value,(t=>(s(),r(S,{key:t.id,class:"bg-white border-solid border-b border-0 border-light px-[26rpx] py-[24rpx]"},{default:u((()=>[o(S,{class:"flex justify-between"},{default:u((()=>[o(S,{class:"mr-2"},{default:u((()=>[m(y(t.type_desc),1)])),_:2},1024),o(S,{class:d(["text-lg",{"text-primary":1==t.action}])},{default:u((()=>[m(y(t.change_amount_desc),1)])),_:2},1032,["class"])])),_:2},1024),o(S,{class:"text-sm text-muted mr-1"},{default:u((()=>[m(y(t.create_time),1)])),_:2},1024)])),_:2},1024)))),128))])),_:1})])),_:1})])),_:1},8,["modelValue"])],64)}}});export{T as default};
|