2023-05-18 11:08:39 +00:00
|
|
|
import{c as e,u as a,d as l,g as n}from"./index-1fc0621a.js";import{r as t,b as r,a as o,n as u,f as s,af as i,h as d,X as p,j as c,w as m,i as g,o as f,l as v,ag as h,A as _,ah as y,z as w,ai as b,aj as C,ak as z,al as k,t as V,B as P,E as x,am as S,_ as j}from"./index-2aee3bcd.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(Object.assign({...U},e));return{paginationData:a,handleCurrentChange:e=>{a.currentPage=e},handleSizeChange:e=>{a.pageSize=e}}}(),A=o(!1),I=o(null),O=t({username:"",password:""}),X=t({username:[{required:!0,trigger:"blur",message:"请输入用户名"}],password:[{required:!0,trigger:"blur",message:"请输入密码"}]}),$=()=>{var l;null==(l=I.value)||l.validate((l=>{if(!l)return!1;void 0===H.value?e({username:O.username,password:O.password}).then((()=>{x.success("新增成功"),A.value=!1,M()})):a({id:H.value,username:O.username}).then((()=>{x.success("修改成功"),A.value=!1,M()}))}))},G=()=>{H.value=void 0,O.username="",O.password=""},H=o(void 0),J=o([]),K=o(null),L=t({username:"",phone:""}),M=()=>{j.value=!0,n({currentPage:E.currentPage,size:E.pageSize,username:L.username||void 0,phone:L.phone||void 0}).then((e=>{E.total=e.data.total,J.value=e.data.list})).catch((()=>{J.value=[]})).finally((()=>{j.value=!1}))},N=()=>{1===E.currentPage&&M(),E.currentPage=1},Q=()=>{var e;null==(e=K.value)||e.resetFields(),1===E.currentPage&&M(),E.currentPage=1},W=()=>{M()};return u([()=>E.currentPage,()=>E.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"),U=s("el-tooltip"),Y=s("el-table-column"),Z=s("el-tag"),ee=s("el-table"),ae=s("el-pagination"),le=s("el-dialog"),ne=i("loading");return f(),d("div",B,[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:Q},{default:m((()=>[_("重置")])),_:1},8,["icon"])])),_:1})])),_:1},8,["model"])])),_:1})),[[ne,j.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=>A.value=!0)},{default:m((()=>[_("新增用户")])),_:1},8,["icon"]),g(r,{type:"danger",icon:v(C)},{default:m((()=>[_("批量删除")])),_:1},8,["icon"])]),w("div",null,[g(U,{content:"下载"},{default:m((()=>[g(r,{type:"primary",icon:v(z),circle:""},null,8,["icon"])])),_:1}),g(U,{content:"刷新表格"},{default:m((()=>[g(r,{type:"primary",icon:v(k),circle:"",onClick:W},null,8,["icon"])])),_:1})])]),w("div",q,[g(ee,{data:J.value},{default:m((()=>[g(Y,{type:"selection",width:"50",align:"center"}),g(Y,{prop:"username",label:"用户名",align:"center"}),g(Y,{prop:"roles",label:"角色",align:"center"},{default:m((e=>["admin"===e.row.roles?(f(),c(Z,{key:0,effect:"plain"},{default:m((()=>[_("admin")])),_:1})):(f(),c(Z,{key:1,type:"warning",effect:"plain"},{default:m((()=>[_(V(e.row.roles),1)])),_:2},1024))])),_:1}),g(Y,{prop:"phone",label:"手机号",align:"center"}),g(Y,{prop:"email",label:"邮箱",align:"center"}),g(Y,{prop:"status",label:"状态",align:"center"},{default:m((e=>[e.row.status?(f(),c(Z,{key:0,type:"success",effect:"plain"},{default:m((()=>[_("启用")])),_:1})):(f(),c(Z,{key:1,type:"danger",effect:"plain"},{default:m((()=>[_("禁用")])),
|
