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