2023-02-13 01:21:09 +00:00
|
|
|
import{g as e,d as t}from"./table-a0361f2c.js";import{u as r,x as a,as as o,aq as l,a3 as n,m as s,b2 as i,a2 as u,aw as d,ak as c,t as m}from"./runtime-core.esm-bundler-1857aef3.js";import{G as p}from"./index-5aecd3dc.js";import{bt as f}from"./index-98eefc51.js";import"./user-ad6dac94.js";import"./vue-router-5ddbd26f.js";import"./error-c58402b8.js";const g={default:({row:e,column:t})=>{const a=e[t.field];return[r("span",{class:`el-tag el-tag--${"admin"===a?"":"warning"} el-tag--plain`},[a])]}},v={default:({row:e,column:t})=>{let a="danger",o="禁用";return e[t.field]&&(a="success",o="启用"),[r("span",{class:`el-tag el-tag--${a} el-tag--plain`},[o])]}},h={class:"app-container"},b=a({__name:"index",setup(a){const b=o(),y=l({loading:!0,autoResize:!0,pagerConfig:{align:"right"},formConfig:{items:[{field:"username",itemRender:{name:"$input",props:{placeholder:"用户名",clearable:!0}}},{field:"phone",itemRender:{name:"$input",props:{placeholder:"手机号",clearable:!0}}},{itemRender:{name:"$buttons",children:[{props:{type:"submit",content:"查询",status:"primary"}},{props:{type:"reset",content:"重置"}}]}}]},toolbarConfig:{refresh:!0,custom:!0,slots:{buttons:"toolbar-btns"}},customConfig:{checkMethod:({column:e})=>!["username"].includes(e.field)},columns:[{type:"checkbox",width:"50px"},{field:"username",title:"用户名"},{field:"roles",title:"角色",slots:g},{field:"phone",title:"手机号"},{field:"email",title:"邮箱"},{field:"status",title:"状态",slots:v},{field:"createTime",title:"创建时间"},{title:"操作",width:"150px",fixed:"right",showOverflow:!1,slots:{default:"row-operate"}}],proxyConfig:{seq:!0,form:!0,props:{total:"total"},ajax:{query:({page:t,form:r})=>(y.loading=!0,P.clearTable(),new Promise((a=>{let o=0,l=[];const n=e=>{if(e&&e.data){const t=e.data;Number.isInteger(t.total)&&(o=t.total),Array.isArray(t.list)&&(l=t.list)}y.loading=!1,a({total:o,result:l})},s={username:r.username||void 0,phone:r.phone||void 0,size:t.pageSize,currentPage:t.currentPage};e(s).then(n).catch(n)})))}}}),x=o(),w=l({title:"",showClose:!0,escClosable:!0,maskClosable:!0,beforeHideMethod:()=>{var e;return null==(e=k.value)||e.clearValidate(),Promise.resolve()}}),k=o(),C=l({span:24,titleWidth:"100px",loading:!1,titleColon:!1,data:{username:"",password:""},items:[{field:"username",title:"用户名",itemRender:{name:"$input",props:{placeholder:"请输入"}}},{field:"password",title:"密码",itemRender:{name:"$input",props:{placeholder:"请输入"}}},{align:"right",itemRender:{name:"$buttons",children:[{props:{content:"取消"},events:{click:()=>{var e;return null==(e=x.value)?void 0:e.close()}}},{props:{type:"submit",content:"确定",status:"primary"},events:{click:()=>P.onSubmitForm()}}]}}],rules:{username:[{required:!0,validator:({itemValue:e})=>e?e.trim()?void 0:new Error("空格无效"):new Error("请输入")}],password:[{required:!0,validator:({itemValue:e})=>e?e.trim()?void 0:new Error("空格无效"):new Error("请输入")}]}}),P=l({isUpdate:!0,commitQuery:()=>{var e;return null==(e=b.value)?void 0:e.commitProxy("query")},clearTable:()=>{var e;return null==(e=b.value)?void 0:e.reloadData([])},onShowModal:e=>{var t,r,a;e?(P.isUpdate=!0,w.title="修改用户",C.data.username=e.username):(P.isUpdate=!1,w.title="新增用户"),C.items&&(null==(r=null==(t=C.items[0])?void 0:t.itemRender)?void 0:r.props)&&(C.items[0].itemRender.props.disabled=P.isUpdate),null==(a=x.value)||a.open(),n((()=>{var e,t;!P.isUpdate&&(null==(e=k.value)||e.reset()),null==(t=k.value)||t.clearValidate()}))},onSubmitForm:()=>{var e;C.loading||null==(e=k.value)||e.validate((e=>{if(e)return;C.loading=!0;const t=e=>{var t;C.loading=!1,e||(null==(t=x.value)||t.close(),f.success("操作成功"),!P.isUpdate&&P.afterInsert(),P.commitQuery())};P.isUpdate,setTimeout((()=>t()),1e3)}))},afterInsert:()=>{var e,t;const r=null==(t=null==(e=b.value)?void 0:e.getProxyInfo())?void 0:t.pager;if(r){r.currentPage*r.pageSize===r.total&&++r.currentPage}},onDelete:e=>{const r=`确定 <strong style='color:red;'>删除</strong> 用户 <strong style='color:#409eff;'>${e.usernam
|
