3 lines
5.5 KiB
JavaScript
3 lines
5.5 KiB
JavaScript
import{a as j}from"./refresh-40951901.js";import{bs as N,d as T,r as d,j as E,ae as A,ah as F,ai as t,ao as e,ap as o,al as f,aw as M,h as P,o as S,af as V,ag as Q,aj as x,ak as I,aC as L,b3 as O}from"./index-616702d4.js";import{_ as G}from"./column-setting.vue_vue_type_script_setup_true_lang-adaf5d2e.js";import{_ as B}from"./Input-c4d1ad6c.js";import{_ as H,a as J}from"./FormItem-cee75cac.js";import{_ as K}from"./Switch-bf8e17e1.js";import{N as k}from"./Space-a048fa85.js";import{N as W}from"./Tag-7d12dac1.js";import{N as X}from"./Popconfirm-dbb9f5be.js";import{N as Y}from"./Tooltip-4caf4967.js";import{_ as Z}from"./DataTable-e3606107.js";import"./Popover-d05722bc.js";import"./Eye-8736ca10.js";import"./format-length-c9d165c6.js";import"./next-frame-once-7035a838.js";import"./Selection-35940256.js";import"./setting-outlined-80b68b8e.js";import"./RadioGroup-46676ce6.js";import"./Radio-a179bbe7.js";import"./Select-218e30a3.js";function ee(){return N.request({url:"/role/list",method:"GET"})}function te(r){return N.request({url:"/role/create",method:"POST",data:r})}function ae(r){return N.request({url:"/role/delete/"+r.id,method:"DELETE"})}function le(r){return N.request({url:"/role/update/"+r.id,method:"PATCH",data:r})}const ne=T({__name:"roleModalForm",emits:["close"],setup(r,{expose:c,emit:b}){const m=d(!1),v=E(()=>a.value.id?"编辑角色":"新增角色"),u=d();function y(){return{id:"",name:"",desc:"",status:1}}const a=d(y()),h={id:[],name:[{required:!0,message:"请输入角色名称"}],desc:[{required:!0,message:"请输入角色描述"}],status:[{required:!0,message:"请选择状态"}],createdAt:[],updatedAt:[]};function l(){a.value=y(),m.value=!1,b("close")}function n(){m.value=!0}function g(p){Object.assign(a.value,p),n()}function C(){a.value=y(),n()}async function R(){var p,s,i;await((p=u.value)==null?void 0:p.validate()),a.value.id?await le(a.value)&&((s=window==null?void 0:window.$message)==null||s.success("编辑成功"),l()):await te(a.value)&&((i=window==null?void 0:window.$message)==null||i.success("新增成功"),l())}return c({show:g,add:C}),(p,s)=>{const i=B,w=H,D=K,q=f,z=k,U=J,$=M;return A(),F($,{show:m.value,"onUpdate:show":s[3]||(s[3]=_=>m.value=_),preset:"card",title:v.value,class:"w-400px"},{default:t(()=>[e(U,{ref_key:"formRef",ref:u,"label-placement":"left","label-width":80,model:a.value,rules:h},{default:t(()=>[e(w,{label:"角色名称",path:"name"},{default:t(()=>[e(i,{value:a.value.name,"onUpdate:value":s[0]||(s[0]=_=>a.value.name=_)},null,8,["value"])]),_:1}),e(w,{label:"角色描述",path:"desc"},{default:t(()=>[e(i,{value:a.value.desc,"onUpdate:value":s[1]||(s[1]=_=>a.value.desc=_)},null,8,["value"])]),_:1}),e(w,{label:"状态",path:"status"},{default:t(()=>[e(D,{value:a.value.status,"onUpdate:value":s[2]||(s[2]=_=>a.value.status=_),"checked-value":1,"unchecked-value":0},{checked:t(()=>[o(" 有效")]),unchecked:t(()=>[o(" 禁用")]),_:1},8,["value"])]),_:1}),e(z,{class:"w-full pt-16px",size:24,justify:"end"},{default:t(()=>[e(q,{class:"w-72px",onClick:l},{default:t(()=>[o("取消")]),_:1}),e(q,{class:"w-72px",type:"primary",onClick:R},{default:t(()=>[o("确定 ")]),_:1})]),_:1})]),_:1},8,["model"])]),_:1},8,["show","title"])}}}),se={class:"overflow-hidden"},oe={class:"flex-col h-full"},qe=T({__name:"index",setup(r){const c=d(),b=d({likeQuery:""}),m=d([]),v=d(!1);async function u(){v.value=!0,m.value=await ee(),v.value=!1}function y(l){var n;(n=c==null?void 0:c.value)==null||n.add(l)}function a(l){return()=>{var n;(n=c.value)==null||n.show(l)}}const h=d([{title:"ID",key:"id",width:80},{title:"角色名称",key:"name"},{title:"角色描述",key:"desc"},{title:"状态",key:"status",width:80,render:l=>P(W,{type:l.status?"success":"error"},{default:()=>l.status?"启用":"禁用"})},{title:"操作",key:"action",width:120,render:l=>e(k,null,{default:()=>[e(f,{type:"primary",text:!0,onClick:a(l)},{default:()=>[o("编辑")]}),e(X,{onPositiveClick:async()=>{var g;await ae({id:Number(l.id)})&&((g=window==null?void 0:window.$message)==null||g.success("删除成功"),await u())}},{default:()=>"确认删除",trigger:()=>l.id===1?e(Y,null,{trigger:()=>e(f,{type:"error",size:"small",disabled:l.id===1,tag:"div",text:!0},{default:()=>[o("删除")]}),default:()=>"超级管理员不可删除"}):e(f,{text:!0,type:"error",size:"small",tag:"div"},{default:()=>[o("删除")]})})]})}]);return S(()=>{u()}),(l,n)=>{const g=B,C=L,R=j,p=Z,s=O;return A(),V("div",se,[e(s,{title:"角色管理",bordered:!1,class:"h-full rounded-8px shadow-sm"},{default:t(()=>[Q("div",oe,[e(x(k),{class:"pb-12px",justify:"space-between"},{default:t(()=>[e(x(k),null,{default:t(()=>[e(g,{value:b.value.likeQuery,"onUpdate:value":n[0]||(n[0]=i=>b.value.likeQuery=i),placeholder:"请输入 ID、角色名称",clearable:"",style:{width:"300px"},onChange:u},null,8,["value"]),e(x(f),{onClick:u},{default:t(()=>[e(C,{icon:"mdi:magnify",class:"mr-4px text-20px"}),o(" 搜索 ")]),_:1}),e(x(f),{type:"primary",onClick:y},{default:t(()=>[e(C,{icon:"mdi:plus",class:"mr-4px text-20px"}),o(" 新增 ")]),_:1})]),_:1}),e(x(k),{align:"center",size:18},{default:t(()=>[e(x(f),{size:"small",type:"primary",onClick:u},{default:t(()=>[e(R,{class:I(["mr-4px text-16px",{"animate-spin":v.value}])},null,8,["class"]),o(" 刷新表格 ")]),_:1}),e(G,{columns:h.value,"onUpdate:columns":n[1]||(n[1]=i=>h.value=i)},null,8,["columns"])]),_:1})]),_:1}),e(p,{columns:h.value,data:m.value,loading:v.value,"flex-height":"",class:"flex-1-hidden"},null,8,["columns","data","loading"])])]),_:1}),e(ne,{ref_key:"roleModalFormRef",ref:c,onClose:u},null,512)])}}});export{qe as default};
|
|
//# sourceMappingURL=index-bf0cf843.js.map
|