| 1 |
- import{p as B}from"./index-519a55fb.js";import{d as F,i as u,y as A,l as N,q as M,r as i,o as g,b as j,w as n,C as P,c as e,B as D,e as d,s as k,f as S,F as W,M as E,D as H,S as K,p as G,j as J,_ as Q}from"./index-3b8b93f4.js";import"./CusNavigation.vue_vue_type_style_index_0_scoped_5e63f475_lang-c9f54a72.js";import{C as X}from"./CusNavigation-0a2cb184.js";import{R as Y}from"./ReloadOutlined-79e30c0a.js";const Z=F({__name:"Add",emits:["onSuccess"],setup(x,{expose:y,emit:p}){const c=u(null),f=u(!1),r=u(!0),h=u([{value:"01",label:"目录"},{value:"02",label:"菜单"},{value:"03",label:"按钮"},{value:"04",label:"功能"}]),o=A({id:void 0,pid:0,name:"",title:"",type:"",description:"",url:"",orders:0}),w=function(){let l="";r.value?l="/permission/add":l="/permission/edit",o.path instanceof Array&&(o.pid=o.path[o.path.length-1]),B({url:l,data:o},t=>{console.log(t),D.info(t.msg),U(),p("onSuccess",t)})},b=l=>{var t;console.log("handleOK",l),(t=c.value)==null||t.validate().then(()=>{console.log("11"),w()},()=>{console.log("22")})},O=()=>{f.value=!0},U=()=>{f.value=!1},z=()=>{var l;r.value=!0,P(o),(l=c.value)==null||l.clearValidate(),O()},R=l=>{var t;r.value=!1,Object.assign(o,l),l.path||(o.path=[]),(t=c.value)==null||t.clearValidate(),O()},C=u([]),s=l=>{C.value=l};return N(()=>{console.log("onMounted")}),M(()=>{console.log("onUnmounted")}),y({add:z,update:R,updateOption:s}),(l,t)=>{const _=i("a-input"),m=i("a-form-item"),I=i("a-select"),T=i("a-cascader"),v=i("a-textarea"),$=i("a-form"),q=i("a-modal");return g(),j(q,{title:"添加资源",visible:f.value,"onUpdate:visible":t[7]||(t[7]=a=>f.value=a),maskClosable:!1,bodyStyle:{height:"500px","overflow-y":"auto"},cancelText:"取消",okText:"确定",onOk:b},{default:n(()=>[e($,{ref_key:"formRef",ref:c,model:o,name:"basic","label-align":"left","label-col":{span:4},"wrapper-col":{span:20},autocomplete:"off",layout:"vertical"},{default:n(()=>[e(m,{"wrapper-col":{offset:0,span:24},label:"资源名称",name:"name",rules:[{required:!0,message:"请输入用户名！"}]},{default:n(()=>[e(_,{size:"large",value:o.name,"onUpdate:value":t[0]||(t[0]=a=>o.name=a)},null,8,["value"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"资源标识",name:"title",rules:[{required:!0,message:"请输入资源标题！"}]},{default:n(()=>[e(_,{size:"large",value:o.title,"onUpdate:value":t[1]||(t[1]=a=>o.title=a)},null,8,["value"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"资源类型",name:"type",rules:[{required:!0,message:"请输入设备名称！"}]},{default:n(()=>[e(I,{size:"large",value:o.type,"onUpdate:value":t[2]||(t[2]=a=>o.type=a),options:h.value},null,8,["value","options"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"上级资源",name:"path"},{default:n(()=>[e(T,{fieldNames:{label:"name",value:"id"},value:o.path,"onUpdate:value":t[3]||(t[3]=a=>o.path=a),options:C.value,placeholder:"请选择上级资源","change-on-select":"",size:"large"},null,8,["value","options"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"排序",name:"orders"},{default:n(()=>[e(_,{size:"large",value:o.orders,"onUpdate:value":t[4]||(t[4]=a=>o.orders=a)},null,8,["value"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"请求路径",name:"url"},{default:n(()=>[e(_,{size:"large",value:o.url,"onUpdate:value":t[5]||(t[5]=a=>o.url=a)},null,8,["value"])]),_:1}),e(m,{"wrapper-col":{offset:0,span:24},label:"描述",name:"description",rules:[{required:!1,message:"请输入设备名称！"}]},{default:n(()=>[e(v,{value:o.description,"onUpdate:value":t[6]||(t[6]=a=>o.description=a),placeholder:"请输入描述","allow-clear":""},null,8,["value"])]),_:1})]),_:1},8,["model"])]),_:1},8,["visible"])}}}),ee=d("div",null," 详情 ",-1),te=F({__name:"Detail",setup(x,{expose:y}){const p=u(!1),c=h=>{console.log(h),p.value=!1},f=()=>{p.value=!0},r=()=>{p.value=!1};return N(()=>{}),y({show:f,hidden:r}),(h,o)=>{const w=i("a-modal");return g(),j(w,{title:"产品功能",visible:p.value,"onUpdate:visible":o[0]||(o[0]=b=>p.value=b),maskClosable:!1,width:480,cancelText:"取消",okText:"确定",onOk:c},{default:n(()=>[ee]),_:1},8,["visible"])}}}),L=x=>(G("data-v-64d51d71"),x=x(),J(),x),oe={class:"cus-animation",style:{height:"100%",width:"100%",padding:"16px 20px",display:"flex","flex-direction":"column"}},le={style:{display:"flex","justify-content":"space-between","align-items":"flex-end"}},ae={style:{display:"flex"}},ne=L(()=>d("span",null,"添加",-1)),se={style:{"font-weight":"bold"}},ie={key:0},de={key:1},re={key:2},ue={key:3},pe={key:4,style:{color:"red"}},ce=["onClick"],fe=["onClick"],_e=L(()=>d("a",{style:{"margin-left":"26px"}},"删除",-1)),me=F({__name:"Index",setup(x){const y=A({x:1600}),p=u([]),c=u(!1),f=A({size:20,page:1,sort:"orders",order:"asc",keyWord:""}),r=()=>{c.value=!0,B({url:"/permission/list",data:void 0},s=>{var _;const l=s.data;console.log(l);const t=E(l);console.log(t),p.value=t,c.value=!1,(_=o.value)==null||_.updateOption(t)})},h=function(){r()},o=u(null),w=s=>{var l;console.log(s),(l=o.value)==null||l.add()},b=u(null),O=s=>{var l;console.log(s),(l=b.value)==null||l.show(s)},U=s=>{console.log(s);const l={id:s.id};B({url:"/permission/delete",data:l},t=>{console.log(t),D.info(t.msg),r()})},z=s=>{var l;console.log(s),(l=o.value)==null||l.update(s)},R=s=>{console.log(s),r()},C=u(null);return N(()=>{var s;y.y=((s=C.value)==null?void 0:s.clientHeight)-113,r()}),(s,l)=>{const t=i("a-button"),_=i("a-tooltip"),m=i("a-input"),I=i("a-form-item"),T=i("a-form"),v=i("a-table-column"),$=i("a-popconfirm"),q=i("a-table");return g(),k(W,null,[d("div",oe,[e(S(X),{title:"资源管理"}),d("div",le,[d("div",ae,[e(t,{type:"primary",style:{"margin-right":"10px",background:"#0058FF"},onClick:w},{icon:n(()=>[e(S(H))]),default:n(()=>[ne]),_:1}),e(T,{layout:"inline",model:f},{default:n(()=>[e(I,null,{default:n(()=>[e(m,{allowClear:"",value:f.keyWord,"onUpdate:value":l[0]||(l[0]=a=>f.keyWord=a),placeholder:"请输入要查询的内容",style:{width:"280px"}},{suffix:n(()=>[e(_,{title:"点击搜索",onClick:h},{default:n(()=>[e(S(K),{style:{color:"rgba(0, 0, 0, 0.45)"}})]),_:1})]),_:1},8,["value"])]),_:1})]),_:1},8,["model"])]),d("div",null,[e(_,{onClick:r},{default:n(()=>[e(S(Y),{style:{"font-size":"16px"}})]),_:1})])]),d("div",{ref_key:"table_container",ref:C,style:{"margin-top":"9px","border-top":"1px solid #eee",display:"flex","flex-direction":"column",overflow:"hidden",height:"0px","flex-grow":"1"}},[e(q,{"data-source":p.value,pagination:!1,scroll:y,bordered:!0,loading:c.value,size:"middle",indentSize:0},{default:n(()=>[e(v,{title:"功能名称","data-index":"name",width:180,fixed:"left"}),e(v,{title:"功能标识","data-index":"title",width:180,fixed:"left"}),e(v,{title:"功能类型",width:180,fixed:"left"},{default:n(({record:a})=>[d("div",se,[a.type=="01"?(g(),k("span",ie,"目录")):a.type=="02"?(g(),k("span",de,"菜单")):a.type=="03"?(g(),k("span",re,"按钮")):a.type=="04"?(g(),k("span",ue,"功能")):(g(),k("span",pe,"未知"))])]),_:1}),e(v,{title:"排序","data-index":"orders",width:180}),e(v,{title:"请求路径","data-index":"url",width:200}),e(v,{title:"描述","data-index":"description","min-width":200}),e(v,{title:"操作",width:200,fixed:"right"},{default:n(({record:a})=>[d("div",null,[d("a",{style:{"margin-left":"0px"},onClick:V=>O(a)},"查看",8,ce),d("a",{style:{"margin-left":"26px"},onClick:V=>z(a)},"编辑",8,fe),e($,{title:"确定删除?",okText:"确定",cancelText:"取消",onConfirm:V=>U(a)},{default:n(()=>[_e]),_:2},1032,["onConfirm"])])]),_:1})]),_:1},8,["data-source","scroll","loading"])],512)]),e(Z,{ref_key:"addRef",ref:o,onOnSuccess:R},null,512),e(te,{ref_key:"detailRef",ref:b},null,512)],64)}}});const be=Q(me,[["__scopeId","data-v-64d51d71"]]);export{be as default};
|
