2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{g as V,r as A,_ as w,l,W,j as $,k as S,m as j,n as t,t as a,p as n,J as g,F as c,D as q,E as k,H,I as J,a6 as K,ak as Q,an as X,bN as Y,aF as Z}from"./vendor/index.CRpmXtWV.js";import{d as oo,R as f,_ as eo}from"../index.D-NvtsOM.js";import{u as ao,_ as to,g as F}from"./GraphEditModal.vue_vue_type_script_setup_true_lang.UZaxkZ9S.js";import{a as no,g as lo,s as ro,d as so}from"./topology.MJW1k77f.js";import"./registerNode.C2fezJFu.js";const io={class:"button-container",style:{"margin-bottom":"-12px"}},po={class:"button-container",style:{"margin-bottom":"-12px"}},uo=V({__name:"index",setup(mo){const{t:e}=oo(),{graphMode:B,graphModeOptions:M,handleRanderGraph:_,handleChangeMode:L}=ao(),m=A(void 0),o=w({group:"",groupOptions:[],data:{combos:[],edges:[],nodes:[]}});function N(i){i&&h(!0)}function v(i=!1){no().then(r=>{r.code===f&&Array.isArray(r.data)&&(o.groupOptions=r.data.map(u=>({label:u,value:u})),i||(o.group=r.data[0],h(!1)))}).finally(()=>{o.group||(_(m.value,o.data),l.message.warning({content:e("views.monitor.topologyBuild.noData"),duration:5}))})}function h(i=!1){lo(o.group).then(r=>{r.code===f&&(o.data=r.data)}).finally(()=>{i?F.value.read(o.data):_(m.value,o.data)})}let s=w({visible:!1,title:"图组",form:{group:""},type:"save",confirmLoading:!1});const y=l.Form.useForm(s.form,w({group:[{required:!0,message:e("views.monitor.topologyBuild.groupPlease")}]}));function T(){const i=X(s.form);y.validate().then(r=>{s.confirmLoading=!0;const u=l.message.loading(e("common.loading"),0),p=i.group.trim();ro(p,F.value.save()).then(d=>{d.code===f?(l.message.success({content:e("views.monitor.topologyBuild.saveOk",{group:p}),duration:3}),v(!0),o.group=p):l.message.error({content:e("views.monitor.topologyBuild.saveFail",{group:p}),duration:3})}).finally(()=>{u(),G(),s.confirmLoading=!1})}).catch(r=>{l.message.error(e("common.errorFields",{num:r.errorFields.length}),3)})}function G(){s.type="save",s.visible=!1,y.resetFields()}function E(){s.form.group=o.group,s.type="save",s.title=e("views.monitor.topologyBuild.saveTtite"),s.visible=!0}function P(){o.group||(_(m.value,o.data),l.message.warning({content:e("views.monitor.topologyBuild.noData"),duration:5})),l.Modal.confirm({title:e("common.tipTitle"),content:e("views.monitor.topologyBuild.delTip",{group:o.group}),onOk(){const i=l.message.loading(e("common.loading"),0);so(o.group).then(r=>{r.code===f?(l.message.success({content:e("common.msgSuccess",{msg:e("common.deleteText")}),duration:3}),v(!0),o.groupOptions.length>0&&(o.group=o.groupOptions[0].value,h(!0))):l.message.error({content:`${r.msg}`,duration:3})}).finally(()=>{i()})}})}return W(()=>{v()}),(i,r)=>{const u=l.Select,p=l.FormItem,d=l.Col,C=l.Row,D=l.Form,x=l.Card,R=Y,O=l.Button,z=Z,I=l.AutoComplete,U=$("ProModal");return S(),j(n(Q),null,{default:t(()=>[a(x,{bordered:!1,"body-style":{marginBottom:"24px",paddingBottom:0}},{default:t(()=>[a(D,{model:o,name:"graphState",layout:"horizontal"},{default:t(()=>[a(C,{gutter:16},{default:t(()=>[a(d,{lg:4,md:12,xs:24},{default:t(()=>[a(p,{label:n(e)("views.monitor.topologyBuild.graphMode"),name:"graphMode"},{default:t(()=>[a(u,{value:n(B),options:n(M),onChange:n(L)},null,8,["value","options","onChange"])]),_:1},8,["label"])]),_:1}),a(d,{lg:6,md:12,xs:24},{default:t(()=>[a(p,{label:n(e)("views.monitor.topologyBuild.graphGroup"),name:"group "},{default:t(()=>[a(u,{value:o.group,"onUpdate:value":r[0]||(r[0]=b=>o.group=b),options:o.groupOptions,placeholder:n(e)("common.selectPlease"),onChange:N},null,8,["value","options","placeholder"])]),_:1},8,["label"])]),_:1})]),_:1})]),_:1},8,["model"])]),_:1}),a(x,{bordered:!1,"body-style":{padding:"0px"}},{title:t(()=>[g("div",io,[g("span",null,c(n(e)("views.monitor.topologyBuild.graphGroup"))+"： "+c(o.group),1)])]),extra:t(()=>[g("div",po,[n(B)==="edit"?(S(),q(H,{key:0},[a(O,{type:"primary",size:"small",onClick:E},{icon:t(()=>[a(R)]),default:t(()=>[k(" "+c(n(e)("views.monitor.topologyBuild.graphSave")),1)]),_:1}),a(O,{type:"ghost",danger:"",size:"small",onClick:P},{icon:t(()=>[a(z)]),default:t(()=>[k(" "+c(n(e)("views.monitor.topologyBuild.graphDelete")),1)]),_:1})],64)):J("",!0)])]),default:t(()=>[g("div",{ref_key:"graphG6Dom",ref:m,class:"chart"},null,512)]),_:1}),a(to),a(U,{drag:!0,keyboard:!1,"mask-closable":!1,visible:n(s).visible,title:n(s).title,"confirm-loading":n(s).confirmLoading,onOk:T,onCancel:G},{default:t(()=>[a(D,{name:"modalStateFrom",layout:"horizontal","label-col":{span:6},labelWrap:!0},{default:t(()=>[a(C,{gutter:16},{default:t(()=>[a(d,{lg:24,md:24,xs:24},{default:t(()=>[a(p,K({label:n(e)("views.monitor.topologyBuild.graphGroup"),name:"group"},n(y).validateInfos.group,{help:n(e)("views.monitor.topologyBuild.graphGroupTip")}),{default:t(()=>[a(I,{value:n(s).form.group,"onUpdate:value":r[1]||(r[1]=b=>n(s).form.group=b),options:o.groupOptions,"allow-clear":"",placeholder:n(e)("views.monitor.topologyBuild.graphGroup")},null,8,["value","options","placeholder"])]),_:1},16,["label","help"])]),_:1})]),_:1})]),_:1})]),_:1},8,["visible","title","confirm-loading"])]),_:1})}}}),ho=eo(uo,[["__scopeId","data-v-af6ed4a5"]]);export{ho as default};
|