2 lines
6.0 KiB
JavaScript
2 lines
6.0 KiB
JavaScript
import{c as e,u as a,d as l,g as n}from"./index-3c4b7a64.js";import{r as t,e as r,a as o,w as u,i as s,an as i,j as d,k as p,aa as c,p as m,n as g,m as f,q as v,ao as h,H as _,a3 as y,l as w,ap as b,aq as C,ar as k,as as z,A as V,G as x,Q as P,at as S,_ as U}from"./index-71a5bbac.js";const j={total:0,currentPage:1,pageSizes:[10,20,50],pageSize:10,layout:"total, sizes, prev, pager, next, jumper"};const q={class:"app-container"},T={class:"toolbar-wrapper"},B={class:"table-wrapper"},D={class:"pager-wrapper"},F=U(r({name:"ElementPlus",__name:"index",setup(r){const U=o(!1),{paginationData:F,handleCurrentChange:R,handleSizeChange:A}=function(e={}){const a=t({...j,...e});return{paginationData:a,handleCurrentChange:e=>{a.currentPage=e},handleSizeChange:e=>{a.pageSize=e}}}(),E=o(!1),G=o(null),H=t({username:"",password:""}),I=t({username:[{required:!0,trigger:"blur",message:"请输入用户名"}],password:[{required:!0,trigger:"blur",message:"请输入密码"}]}),Q=()=>{var l;null==(l=G.value)||l.validate(((l,n)=>{l?void 0===J.value?e(H).then((()=>{P.success("新增成功"),N()})).finally((()=>{E.value=!1})):a({id:J.value,username:H.username}).then((()=>{P.success("修改成功"),N()})).finally((()=>{E.value=!1})):console.error("表单校验不通过",n)}))},$=()=>{J.value=void 0,H.username="",H.password=""},J=o(void 0),K=o([]),L=o(null),M=t({username:"",phone:""}),N=()=>{U.value=!0,n({currentPage:F.currentPage,size:F.pageSize,username:M.username||void 0,phone:M.phone||void 0}).then((e=>{F.total=e.data.total,K.value=e.data.list})).catch((()=>{K.value=[]})).finally((()=>{U.value=!1}))},O=()=>{1===F.currentPage?N():F.currentPage=1},W=()=>{var e;null==(e=L.value)||e.resetFields(),O()};return u([()=>F.currentPage,()=>F.pageSize],N,{immediate:!0}),(e,a)=>{const n=s("el-input"),t=s("el-form-item"),r=s("el-button"),o=s("el-form"),u=s("el-card"),j=s("el-tooltip"),X=s("el-table-column"),Y=s("el-tag"),Z=s("el-table"),ee=s("el-pagination"),ae=s("el-dialog"),le=i("loading");return d(),p("div",q,[c((d(),m(u,{shadow:"never",class:"search-wrapper"},{default:g((()=>[f(o,{ref_key:"searchFormRef",ref:L,inline:!0,model:M},{default:g((()=>[f(t,{prop:"username",label:"用户名"},{default:g((()=>[f(n,{modelValue:M.username,"onUpdate:modelValue":a[0]||(a[0]=e=>M.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),f(t,{prop:"phone",label:"手机号"},{default:g((()=>[f(n,{modelValue:M.phone,"onUpdate:modelValue":a[1]||(a[1]=e=>M.phone=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),f(t,null,{default:g((()=>[f(r,{type:"primary",icon:v(h),onClick:O},{default:g((()=>[_("查询")])),_:1},8,["icon"]),f(r,{icon:v(y),onClick:W},{default:g((()=>[_("重置")])),_:1},8,["icon"])])),_:1})])),_:1},8,["model"])])),_:1})),[[le,U.value]]),c((d(),m(u,{shadow:"never"},{default:g((()=>[w("div",T,[w("div",null,[f(r,{type:"primary",icon:v(b),onClick:a[2]||(a[2]=e=>E.value=!0)},{default:g((()=>[_("新增用户")])),_:1},8,["icon"]),f(r,{type:"danger",icon:v(C)},{default:g((()=>[_("批量删除")])),_:1},8,["icon"])]),w("div",null,[f(j,{content:"下载"},{default:g((()=>[f(r,{type:"primary",icon:v(k),circle:""},null,8,["icon"])])),_:1}),f(j,{content:"刷新当前页"},{default:g((()=>[f(r,{type:"primary",icon:v(z),circle:"",onClick:N},null,8,["icon"])])),_:1})])]),w("div",B,[f(Z,{data:K.value},{default:g((()=>[f(X,{type:"selection",width:"50",align:"center"}),f(X,{prop:"username",label:"用户名",align:"center"}),f(X,{prop:"roles",label:"角色",align:"center"},{default:g((e=>["admin"===e.row.roles?(d(),m(Y,{key:0,effect:"plain"},{default:g((()=>[_("admin")])),_:1})):(d(),m(Y,{key:1,type:"warning",effect:"plain"},{default:g((()=>[_(V(e.row.roles),1)])),_:2},1024))])),_:1}),f(X,{prop:"phone",label:"手机号",align:"center"}),f(X,{prop:"email",label:"邮箱",align:"center"}),f(X,{prop:"status",label:"状态",align:"center"},{default:g((e=>[e.row.status?(d(),m(Y,{key:0,type:"success",effect:"plain"},{default:g((()=>[_("启用")])),_:1})):(d(),m(Y,{key:1,type:"danger",effect:"plain"},{default:g((()=>[_("禁用")])),_:1}))])),_:1}),f(X,{prop:"createTime",label:"创建时间",align:"center"}),f(X,{fixed:"right",label:"操作",width:"150",align:"center"},{default:g((e=>[f(r,{type:"primary",text:"",bg:"",size:"small",onClick:a=>{return l=e.row,J.value=l.id,H.username=l.username,void(E.value=!0);var l}},{default:g((()=>[_("修改")])),_:2},1032,["onClick"]),f(r,{type:"danger",text:"",bg:"",size:"small",onClick:a=>{return n=e.row,void S.confirm(`正在删除用户：${n.username}，确认删除？`,"提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((()=>{l(n.id).then((()=>{P.success("删除成功"),N()}))}));var n}},{default:g((()=>[_("删除")])),_:2},1032,["onClick"])])),_:1})])),_:1},8,["data"])]),w("div",D,[f(ee,{background:"",layout:v(F).layout,"page-sizes":v(F).pageSizes,total:v(F).total,"page-size":v(F).pageSize,currentPage:v(F).currentPage,onSizeChange:v(A),onCurrentChange:v(R)},null,8,["layout","page-sizes","total","page-size","currentPage","onSizeChange","onCurrentChange"])])])),_:1})),[[le,U.value]]),f(ae,{modelValue:E.value,"onUpdate:modelValue":a[6]||(a[6]=e=>E.value=e),title:void 0===J.value?"新增用户":"修改用户",onClose:$,width:"30%"},{footer:g((()=>[f(r,{onClick:a[5]||(a[5]=e=>E.value=!1)},{default:g((()=>[_("取消")])),_:1}),f(r,{type:"primary",onClick:Q},{default:g((()=>[_("确认")])),_:1})])),default:g((()=>[f(o,{ref_key:"formRef",ref:G,model:H,rules:I,"label-width":"100px","label-position":"left"},{default:g((()=>[f(t,{prop:"username",label:"用户名"},{default:g((()=>[f(n,{modelValue:H.username,"onUpdate:modelValue":a[3]||(a[3]=e=>H.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),void 0===J.value?(d(),m(t,{key:0,prop:"password",label:"密码"},{default:g((()=>[f(n,{modelValue:H.password,"onUpdate:modelValue":a[4]||(a[4]=e=>H.password=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1})):x("",!0)])),_:1},8,["model","rules"])])),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-2a953a43"]]);export{F as default};
|