2023-02-24 06:32:56 +00:00
|
|
|
import{c as e,u as a,d as l,g as n}from"./index-4e3708c4.js";import{r,b as t,a as o,n as u,h as s,V as i,j as d,w as p,i as c,f as m,ae as g,o as f,l as v,af as h,A as _,ag as y,z as w,ah as b,ai as C,aj as z,ak as k,t as V,E as P,al as S,_ as x}from"./index-2e6a2f3a.js";const j={total:0,currentPage:1,pageSizes:[10,20,50],pageSize:10,layout:"total, sizes, prev, pager, next, jumper"};const U={class:"app-container"},T={class:"toolbar-wrapper"},q={class:"table-wrapper"},B={class:"pager-wrapper"},D=t({name:"ElementPlus"}),E=x(t({...D,setup(t){const x=o(!1),{paginationData:D,handleCurrentChange:E,handleSizeChange:F}=function(e={}){const a=r(Object.assign({...j},e));return{paginationData:a,handleCurrentChange:e=>{a.currentPage=e},handleSizeChange:e=>{a.pageSize=e}}}(),R=o(!1),A=o(null),I=r({username:"",password:""}),O=r({username:[{required:!0,trigger:"blur",message:"请输入用户名"}],password:[{required:!0,trigger:"blur",message:"请输入密码"}]}),$=()=>{var l;null==(l=A.value)||l.validate((l=>{if(!l)return!1;void 0===H.value?e({username:I.username,password:I.password}).then((()=>{P.success("新增成功"),R.value=!1,M()})):a({id:H.value,username:I.username}).then((()=>{P.success("修改成功"),R.value=!1,M()}))}))},G=()=>{H.value=void 0,I.username="",I.password=""},H=o(void 0),J=o([]),K=o(null),L=r({username:"",phone:""}),M=()=>{x.value=!0,n({currentPage:D.currentPage,size:D.pageSize,username:L.username||void 0,phone:L.phone||void 0}).then((e=>{D.total=e.data.total,J.value=e.data.list})).catch((()=>{J.value=[]})).finally((()=>{x.value=!1}))},N=()=>{1===D.currentPage&&M(),D.currentPage=1},Q=()=>{var e;null==(e=K.value)||e.resetFields(),1===D.currentPage&&M(),D.currentPage=1},W=()=>{M()};return u([()=>D.currentPage,()=>D.pageSize],M,{immediate:!0}),(e,a)=>{const n=m("el-input"),r=m("el-form-item"),t=m("el-button"),o=m("el-form"),u=m("el-card"),j=m("el-tooltip"),X=m("el-table-column"),Y=m("el-tag"),Z=m("el-table"),ee=m("el-pagination"),ae=m("el-dialog"),le=g("loading");return f(),s("div",U,[i((f(),d(u,{shadow:"never",class:"search-wrapper"},{default:p((()=>[c(o,{ref_key:"searchFormRef",ref:K,inline:!0,model:L},{default:p((()=>[c(r,{prop:"username",label:"用户名"},{default:p((()=>[c(n,{modelValue:L.username,"onUpdate:modelValue":a[0]||(a[0]=e=>L.username=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),c(r,{prop:"phone",label:"手机号"},{default:p((()=>[c(n,{modelValue:L.phone,"onUpdate:modelValue":a[1]||(a[1]=e=>L.phone=e),placeholder:"请输入"},null,8,["modelValue"])])),_:1}),c(r,null,{default:p((()=>[c(t,{type:"primary",icon:v(h),onClick:N},{default:p((()=>[_("查询")])),_:1},8,["icon"]),c(t,{icon:v(y),onClick:Q},{default:p((()=>[_("重置")])),_:1},8,["icon"])])),_:1})])),_:1},8,["model"])])),_:1})),[[le,x.value]]),i((f(),d(u,{shadow:"never"},{default:p((()=>[w("div",T,[w("div",null,[c(t,{type:"primary",icon:v(b),onClick:a[2]||(a[2]=e=>R.value=!0)},{default:p((()=>[_("新增用户")])),_:1},8,["icon"]),c(t,{type:"danger",icon:v(C)},{default:p((()=>[_("批量删除")])),_:1},8,["icon"])]),w("div",null,[c(j,{content:"下载"},{default:p((()=>[c(t,{type:"primary",icon:v(z),circle:""},null,8,["icon"])])),_:1}),c(j,{content:"刷新表格"},{default:p((()=>[c(t,{type:"primary",icon:v(k),circle:"",onClick:W},null,8,["icon"])])),_:1})])]),w("div",q,[c(Z,{data:J.value},{default:p((()=>[c(X,{type:"selection",width:"50",align:"center"}),c(X,{prop:"username",label:"用户名",align:"center"}),c(X,{prop:"roles",label:"角色",align:"center"},{default:p((e=>["admin"===e.row.roles?(f(),d(Y,{key:0,effect:"plain"},{default:p((()=>[_("admin")])),_:1})):(f(),d(Y,{key:1,type:"warning",effect:"plain"},{default:p((()=>[_(V(e.row.roles),1)])),_:2},1024))])),_:1}),c(X,{prop:"phone",label:"手机号",align:"center"}),c(X,{prop:"email",label:"邮箱",align:"center"}),c(X,{prop:"status",label:"状态",align:"center"},{default:p((e=>[e.row.status?(f(),d(Y,{key:0,type:"success",effect:"plain"},{default:p((()=>[_("启用")])),_:1})):(f(),d(Y,{key:1,type:"danger",effect:"plain"},{default:p((()=>[_("禁用")])),_:1}))])),_:1}),c
|
