Index-9c4832ff.js 7.5 KB

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