index.89efb4ff.js 2.2 KB

1
  1. import{C as s}from"./index.83a2d91c.js";import{P as i}from"./index.1ced1a36.js";import{r as l}from"./index.2553a511.js";import{d as o,c as a,a as n,ag as d,x as p,S as r,ah as e}from"./vendor.925c905e.js";var f=o({name:"MyFans",data(){return{pageInfo:{limit:12,page:1,total:0,page_size:[12,24,48,60]},list:[],loading:!1,dataShow:!1}},mounted(){this.getList()},methods:{async getList(){this.loading=!0;try{const{data:t}=await l.post("/api-website/teacher/queryMyFans",{requestType:"json",data:{page:this.pageInfo.page,rows:this.pageInfo.limit}});this.list=t.rows||[],console.log(this.list),this.pageInfo.total=t.total,t.total<=0&&(this.dataShow=!0)}catch{}this.dataShow?this.loading=!1:setTimeout(()=>{this.loading=!1},200)}},render(){return a("div",{class:"h-full bg-[#FAFAFA] rounded-md overflow-hidden"},[a("div",{class:"text-sm text-[#333] bg-white leading-none px-6 py-5 border-b border-b-[#E5E5E5]"},[n("\u6211\u7684\u7C89\u4E1D")]),a("div",{class:" pt-4"},[a(d,{loading:this.loading,animated:!0,class:" w-full m-auto px-[14px] flex",count:3},{default:()=>[a("div",{class:"flex flex-wrap px-3"},[this.list.map(t=>a("div",{class:"basis-1/3 "},[a("div",{class:"w-[296px] rounded-md bg-white py-4 px-[14px] mb-4 m-auto flex items-center hover:drop-shadow-lg transition-all"},[a(p,{src:t.avatar,class:"w-14 h-14 rounded-full"},null),a("div",{class:"pl-2.5"},[a("p",{class:"text-base text-[#333] font-medium leading-tight pb-1.5"},[t.userName]),a("p",null,[a(r,{effect:"dark",size:"small",color:"#FFF1DE",style:{borderColor:"#FFF1DE",color:"#FF8C00",marginRight:"5px"}},{default:()=>[t.subjectName]})])])])]))])],template:()=>a("div",{class:"w-[296px] rounded-md bg-white py-4 px-[14px] mb-4 m-auto flex items-center hover:drop-shadow-lg transition-all"},[a(e,{variant:"circle",style:{width:"56px",height:"56px"}},null),a("div",{class:"flex w-32 flex-col pl-2.5"},[a(e,{variant:"h3"},null),a(e,{variant:"p",style:{width:"60%",marginTop:"6px"}},null)])])})]),a(i,{total:this.pageInfo.total,page:this.pageInfo.page,"onUpdate:page":t=>this.pageInfo.page=t,limit:this.pageInfo.limit,"onUpdate:limit":t=>this.pageInfo.limit=t,pageSizes:this.pageInfo.page_size,pagination:this.getList},null),this.dataShow&&a(s,null,null)])}});export{f as default};