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-44aae19a.js";import{r as t,b as r,a as o,w as u,f as i,af as s,h as d,X as p,l as c,k as m,j as g,o as f,n as v,ag as h,A as _,ah as y,i as b,ai as w,aj as C,ak as k,al as z,t as V,B as x,E as P,am as S,_ as j}from"./index-1db4ca6c.js";const U={total:0,currentPage:1,pageSizes:[10,20,50],pageSize:10,layout:"total, sizes, prev, pager, next, jumper"};const B={class:"app-container"},T={class:"toolbar-wrapper"},q={class:"table-wrapper"},D={class:"pager-wrapper"},E=j(r({name:"ElementPlus",__name:"index",setup(r){const j=o(!1),{paginationData:E,handleCurrentChange:F,handleSizeChange:R}=function(e={}){const a=t({...U,...e});return{paginationData:a,handleCurrentChange:e=>{a.currentPage=e},handleSizeChange:e=>{a.pageSize=e}}}(),A=o(!1),I=o(null),X=t({username:"",password:""}),$=t({username:[{required:!0,trigger:"blur",message:"请输入用户名"}],password:[{required:!0,trigger:"blur",message:"请输入密码"}]}),G=()=>{var l;null==(l=I.value)||l.validate(((l,n)=>{l?void 0===J.value?e(X).then((()=>{P.success("新增成功"),N()})).finally((()=>{A.value=!1})):a({id:J.value,username:X.username}).then((()=>{P.success("修改成功"),N()})).finally((()=>{A.value=!1})):console.error("表单校验不通过",n)}))},H=()=>{J.value=void 0,X.username="",X.password=""},J=o(void 0),K=o([]),L=o(null),M=t({username:"",phone:""}),N=()=>{j.value=!0,n({currentPage:E.currentPage,size:E.pageSize,username:M.username||void 0,phone:M.phone||void 0}).then((e=>{E.total=e.data.total,K.value=e.data.list})).catch((()=>{K.value=[]})).finally((()=>{j.value=!1}))},O=()=>{1===E.currentPage?N():E.currentPage=1},Q=()=>{var e;null==(e=L.value)||e.resetFields(),O()};return u([()=>E.currentPage,()=>E.pageSize],N,{immediate:!0}),(e,a)=>{const n=i("el-input"),t=i("el-form-item"),r=i("el-button"),o=i("el-form"),u=i("el-card"),U=i("el-tooltip"),W=i("el-table-column"),Y=i("el-tag"),Z=i("el-table"),ee=i("el-pagination"),ae=i("el-dialog"),le=s("loading");return f(),d("div",B,[p((f(),c(u,{shadow:"never",class:"search-wrapper"},{default:m((()=>[g(o,{ref_key:"searchFormRef",ref:L,inline:!0,model:M},{default:m((()=>[g(t,{prop:"username",label:"用户名"},{default:m((()=>[g(n,{modelValue:M.username,"onUpdate:modelValue":a[0]||(a[0]=e=>M.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),g(t,{prop:"phone",label:"手机号"},{default:m((()=>[g(n,{modelValue:M.phone,"onUpdate:modelValue":a[1]||(a[1]=e=>M.phone=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),g(t,null,{default:m((()=>[g(r,{type:"primary",icon:v(h),onClick:O},{default:m((()=>[_("查询")])),_:1},8,["icon"]),g(r,{icon:v(y),onClick:Q},{default:m((()=>[_("重置")])),_:1},8,["icon"])])),_:1})])),_:1},8,["model"])])),_:1})),[[le,j.value]]),p((f(),c(u,{shadow:"never"},{default:m((()=>[b("div",T,[b("div",null,[g(r,{type:"primary",icon:v(w),onClick:a[2]||(a[2]=e=>A.value=!0)},{default:m((()=>[_("新增用户")])),_:1},8,["icon"]),g(r,{type:"danger",icon:v(C)},{default:m((()=>[_("批量删除")])),_:1},8,["icon"])]),b("div",null,[g(U,{content:"下载"},{default:m((()=>[g(r,{type:"primary",icon:v(k),circle:""},null,8,["icon"])])),_:1}),g(U,{content:"刷新当前页"},{default:m((()=>[g(r,{type:"primary",icon:v(z),circle:"",onClick:N},null,8,["icon"])])),_:1})])]),b("div",q,[g(Z,{data:K.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,J.value=l.id,X.username=l.username,void(A.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("删除成功"),N()}))}));var n}},{default:m((()=>[_("删除")])),_:2},1032,["onClick"])])),_:1})])),_:1},8,["data"])]),b("div",D,[g(ee,{background:"",layout:v(E).layout,"page-sizes":v(E).pageSizes,total:v(E).total,"page-size":v(E).pageSize,currentPage:v(E).currentPage,onSizeChange:v(R),onCurrentChange:v(F)},null,8,["layout","page-sizes","total","page-size","currentPage","onSizeChange","onCurrentChange"])])])),_:1})),[[le,j.value]]),g(ae,{modelValue:A.value,"onUpdate:modelValue":a[6]||(a[6]=e=>A.value=e),title:void 0===J.value?"新增用户":"修改用户",onClose:H,width:"30%"},{footer:m((()=>[g(r,{onClick:a[5]||(a[5]=e=>A.value=!1)},{default:m((()=>[_("取消")])),_:1}),g(r,{type:"primary",onClick:G},{default:m((()=>[_("确认")])),_:1})])),default:m((()=>[g(o,{ref_key:"formRef",ref:I,model:X,rules:$,"label-width":"100px","label-position":"left"},{default:m((()=>[g(t,{prop:"username",label:"用户名"},{default:m((()=>[g(n,{modelValue:X.username,"onUpdate:modelValue":a[3]||(a[3]=e=>X.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),void 0===J.value?(f(),c(t,{key:0,prop:"password",label:"密码"},{default:m((()=>[g(n,{modelValue:X.password,"onUpdate:modelValue":a[4]||(a[4]=e=>X.password=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1})):x("",!0)])),_:1},8,["model","rules"])])),_:1},8,["modelValue","title"])])}}}),[["__scopeId","data-v-2a953a43"]]);export{E as default};
|