2 lines
5.9 KiB
JavaScript
2 lines
5.9 KiB
JavaScript
import{c as e,u as a,d as l,g as n}from"./index-97041c25.js";import{r as t,e as r,a as o,w as u,i as s,ak as i,k as d,a5 as p,p as c,n as m,m as g,j as f,q as v,al as h,H as _,X as y,l as w,am as b,an as C,ao as k,ap as z,A as V,G as x,Q as P,aq as S,_ as U}from"./index-e36acc7e.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===$.value?e(H).then((()=>{P.success("新增成功"),M()})).finally((()=>{E.value=!1})):a({id:$.value,username:H.username}).then((()=>{P.success("修改成功"),M()})).finally((()=>{E.value=!1})):console.error("表单校验不通过",n)}))},X=()=>{$.value=void 0,H.username="",H.password=""},$=o(void 0),J=o([]),K=o(null),L=t({username:"",phone:""}),M=()=>{U.value=!0,n({currentPage:F.currentPage,size:F.pageSize,username:L.username||void 0,phone:L.phone||void 0}).then((e=>{F.total=e.data.total,J.value=e.data.list})).catch((()=>{J.value=[]})).finally((()=>{U.value=!1}))},N=()=>{1===F.currentPage?M():F.currentPage=1},O=()=>{var e;null==(e=K.value)||e.resetFields(),N()};return u([()=>F.currentPage,()=>F.pageSize],M,{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"),W=s("el-table-column"),Y=s("el-tag"),Z=s("el-table"),ee=s("el-pagination"),ae=s("el-dialog"),le=i("loading");return f(),d("div",q,[p((f(),c(u,{shadow:"never",class:"search-wrapper"},{default:m((()=>[g(o,{ref_key:"searchFormRef",ref:K,inline:!0,model:L},{default:m((()=>[g(t,{prop:"username",label:"用户名"},{default:m((()=>[g(n,{modelValue:L.username,"onUpdate:modelValue":a[0]||(a[0]=e=>L.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),g(t,{prop:"phone",label:"手机号"},{default:m((()=>[g(n,{modelValue:L.phone,"onUpdate:modelValue":a[1]||(a[1]=e=>L.phone=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),g(t,null,{default:m((()=>[g(r,{type:"primary",icon:v(h),onClick:N},{default:m((()=>[_("查询")])),_:1},8,["icon"]),g(r,{icon:v(y),onClick:O},{default:m((()=>[_("重置")])),_:1},8,["icon"])])),_:1})])),_:1},8,["model"])])),_:1})),[[le,U.value]]),p((f(),c(u,{shadow:"never"},{default:m((()=>[w("div",T,[w("div",null,[g(r,{type:"primary",icon:v(b),onClick:a[2]||(a[2]=e=>E.value=!0)},{default:m((()=>[_("新增用户")])),_:1},8,["icon"]),g(r,{type:"danger",icon:v(C)},{default:m((()=>[_("批量删除")])),_:1},8,["icon"])]),w("div",null,[g(j,{content:"下载"},{default:m((()=>[g(r,{type:"primary",icon:v(k),circle:""},null,8,["icon"])])),_:1}),g(j,{content:"刷新当前页"},{default:m((()=>[g(r,{type:"primary",icon:v(z),circle:"",onClick:M},null,8,["icon"])])),_:1})])]),w("div",B,[g(Z,{data:J.value},{default:m((()=>[g(W,{type:"selection",width:"50",align:"center"}),g(W,{prop:"username",label:"用户名",align:"center"}),g(W,{prop:"roles",label:"角色",align:"center"},{default:m((e=>["admin"===e.row.roles?(f(),c(Y,{key:0,effect:"plain"},{default:m((()=>[_("admin")])),_:1})):(f(),c(Y,{key:1,type:"warning",effect:"plain"},{default:m((()=>[_(V(e.row.roles),1)])),_:2},1024))])),_:1}),g(W,{prop:"phone",label:"手机号",align:"center"}),g(W,{prop:"email",label:"邮箱",align:"center"}),g(W,{prop:"status",label:"状态",align:"center"},{default:m((e=>[e.row.status?(f(),c(Y,{key:0,type:"success",effect:"plain"},{default:m((()=>[_("启用")])),_:1})):(f(),c(Y,{key:1,type:"danger",effect:"plain"},{default:m((()=>[_("禁用")])),_:1}))])),_:1}),g(W,{prop:"createTime",label:"创建时间",align:"center"}),g(W,{fixed:"right",label:"操作",width:"150",align:"center"},{default:m((e=>[g(r,{type:"primary",text:"",bg:"",size:"small",onClick:a=>{return l=e.row,$.value=l.id,H.username=l.username,void(E.value=!0);var l}},{default:m((()=>[_("修改")])),_:2},1032,["onClick"]),g(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("删除成功"),M()}))}));var n}},{default:m((()=>[_("删除")])),_:2},1032,["onClick"])])),_:1})])),_:1},8,["data"])]),w("div",D,[g(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]]),g(ae,{modelValue:E.value,"onUpdate:modelValue":a[6]||(a[6]=e=>E.value=e),title:void 0===$.value?"新增用户":"修改用户",onClose:X,width:"30%"},{footer:m((()=>[g(r,{onClick:a[5]||(a[5]=e=>E.value=!1)},{default:m((()=>[_("取消")])),_:1}),g(r,{type:"primary",onClick:Q},{default:m((()=>[_("确认")])),_:1})])),default:m((()=>[g(o,{ref_key:"formRef",ref:G,model:H,rules:I,"label-width":"100px","label-position":"left"},{default:m((()=>[g(t,{prop:"username",label:"用户名"},{default:m((()=>[g(n,{modelValue:H.username,"onUpdate:modelValue":a[3]||(a[3]=e=>H.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),void 0===$.value?(f(),c(t,{key:0,prop:"password",label:"密码"},{default:m((()=>[g(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};
|