InfoCard.88ddd795.js 4.3 KB

1
  1. import{d as A,aG as F,r as c,j as L,ai as i,aq as M,o as d,c as v,U as o,O as n,a,F as y,a8 as h,M as _,u as l,S as w,R as G,P as $,T as C}from"./vue.86c1cb21.js";import{u as H,a as J}from"./useTableData.0839b608.js";import{q as K,v as Q,w as W,p as X}from"./elementPlus.8e650391.js";import{c as Y,d as Z}from"./api.2f7c8e86.js";import ee from"./CreateEmployee.5b0a96d9.js";import{h as te}from"./hasPermission.b0dce6d1.js";import{_ as ae}from"./_plugin-vue_export-helper.c27b6911.js";import"./index.59c4c6ab.js";import"./useResponse.4dd7726f.js";const oe={class:"flex justify-between items-baseline"},le={class:"image-wrapper"},ne={class:"card-content"},se={class:"text-wrapper"},re={style:{"font-weight":"500"}},ie={class:"text-wrapper"},de={style:{"font-weight":"500"}},pe={style:{"text-align":"center",padding:"0 10px"}},ue={class:"pagination-container"},ce=A({__name:"InfoCard",setup(me){const V=F(),p=c([]),x=c([]),g=c(""),f=c(!1);c([]);const{tableOptions:s,handlePageChange:k}=H(u);s.value.limit=12;async function u(){const r={page:s.value.page,limit:s.value.limit,name:Array.isArray(p.value)?p.value.join(","):p.value,department:g.value};await J(Y,r,s)}async function E(){f.value=!0}const D=r=>{V.push({path:"/employee/detail",query:{id:r.id}})},U=r=>r.length>0?r[0].image_url:"";async function P(){try{const r=await Z();x.value=r.data.map(e=>({value:e.id,label:e.name}))}catch(r){console.error("Failed to fetch operation select:",r)}}return L(()=>{P(),u()}),(r,e)=>{const z=i("el-divider"),I=i("el-option"),N=i("el-select"),j=i("el-input"),b=i("el-button"),m=i("el-card"),q=i("el-icon"),B=i("el-image"),O=i("el-row"),R=i("el-pagination"),S=M("loading");return d(),v(y,null,[o(m,{class:"mb-5",style:{border:"none"}},{default:n(()=>[a("div",oe,[a("div",null,[e[5]||(e[5]=a("span",{class:"font-bold text-xl"},"人员信息概览",-1)),o(z,{class:"text-3xl",direction:"vertical"}),o(N,{modelValue:p.value,"onUpdate:modelValue":e[0]||(e[0]=t=>p.value=t),clearable:"","collapse-tags":"","collapse-tags-tooltip":"",filterable:"",multiple:"",placeholder:"姓名",style:{width:"200px","padding-right":"10px"},onChange:u},{default:n(()=>[(d(!0),v(y,null,h(x.value,t=>(d(),_(I,{key:t.label,label:t.label,value:t.label},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),o(j,{modelValue:g.value,"onUpdate:modelValue":e[1]||(e[1]=t=>g.value=t),clearable:"",placeholder:"部门",style:{width:"200px"},onChange:u},null,8,["modelValue"])]),a("span",null,[l(te)("PEOPLE_CREATE")?(d(),_(b,{key:0,icon:l(K),bg:"",text:"",type:"primary",onClick:E},{default:n(()=>e[6]||(e[6]=[w("添 加")])),_:1},8,["icon"])):G("",!0)])])]),_:1}),o(m,{"body-style":{padding:"0px"},class:"flex-grow",style:{border:"none"}},{default:n(()=>[$((d(),_(m,{class:"card-container",shadow:"never",style:{border:"none"}},{default:n(()=>[o(O,{gutter:20},{default:n(()=>[(d(!0),v(y,null,h(l(s).data,(t,T)=>(d(),_(l(Q),{key:T,lg:4,md:6,sm:8,xl:4,xs:12,class:"my-2.5"},{default:n(()=>[o(m,{"body-style":{padding:"20px 20px 5px 20px"},class:"item-card",shadow:"hover"},{footer:n(()=>[a("div",pe,[o(b,{icon:l(W),plain:"",round:"",style:{width:"100%"},type:"primary",onClick:_e=>D(t)},{default:n(()=>e[9]||(e[9]=[w(" 查看详情 ")])),_:2},1032,["icon","onClick"])])]),default:n(()=>[a("div",le,[o(B,{src:U(t.images),alt:"人员图片",class:"card-image"},{error:n(()=>[o(q,{class:"card-image",style:{"font-size":"4rem"}},{default:n(()=>[o(l(X))]),_:1})]),_:2},1032,["src"])]),e[10]||(e[10]=a("hr",{style:{"box-shadow":"0 4px 8px rgba(0, 0, 0, 0.2)"}},null,-1)),a("div",ne,[a("div",se,[e[7]||(e[7]=a("span",{style:{color:"#808d97","font-weight":"500"}},"姓名: ",-1)),a("span",re,C(t.name),1)]),a("div",ie,[e[8]||(e[8]=a("span",{style:{color:"#808d97","font-weight":"500"}},"部门: ",-1)),a("span",de,C(t.department),1)])])]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:1})),[[S,l(s).loading]]),a("div",ue,[o(R,{"current-page":l(s).page,"onUpdate:currentPage":e[2]||(e[2]=t=>l(s).page=t),"page-size":l(s).limit,"onUpdate:pageSize":e[3]||(e[3]=t=>l(s).limit=t),"page-sizes":[6,12,24,36,48,60],total:l(s).total,background:"",layout:"sizes, prev, pager, next, total, jumper",onChange:l(k)},null,8,["current-page","page-size","total","onChange"])])]),_:1}),o(ee,{modelValue:f.value,"onUpdate:modelValue":e[4]||(e[4]=t=>f.value=t),onRefresh:u},null,8,["modelValue"])],64)}}});const Ve=ae(ce,[["__scopeId","data-v-7c258f61"]]);export{Ve as default};