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