Index-2a4cc92c.js 14 KB

1
  1. import{u as D}from"./index-2c34a50f.js";import{d as W,i as M,v as E,n as F,x as Y,r as k,o as d,y as r,e as a,c as t,w as e,F as C,t as n,z as U,B as j}from"./index-bed2942a.js";const z={class:"cus-animation",style:{height:"100%",width:"100%",padding:"16px 20px",display:"flex","flex-direction":"column"}},J={style:{padding:"20px"}},G={style:{height:"200px"}},K={key:0},X={style:{color:"green"}},Z={key:1},$={style:{color:"grey"}},tt={key:2},et={style:{color:"yellow"}},at={key:3},st={style:{color:"red"}},ot={key:4},lt={style:{color:"grey"}},nt=a("span",null," ",-1),dt={style:{height:"200px"}},rt={key:0},ut={style:{color:"green"}},_t={key:1},it={style:{color:"red"}},pt={key:2},ct={style:{color:"grey"}},mt={key:3},bt={style:{color:"yellow"}},ft=a("div",null,"*********",-1),vt={style:{height:"200px"}},ht={key:0},gt={style:{color:"green"}},yt={key:1},qt={style:{color:"grey"}},Tt={key:2},kt={style:{color:"yellow"}},Pt={key:3},wt={style:{color:"red"}},St={key:4},xt={style:{color:"grey"}},Ct=a("div",null,"*********",-1),Ut={style:{height:"200px"}},Et={key:0},Mt={style:{color:"green"}},Lt={key:1},At={style:{color:"red"}},Rt={key:2},Qt={style:{color:"grey"}},Bt={key:3},Nt={style:{color:"yellow"}},It={style:{}},Ot=a("span",null,"修改",-1),Vt={key:0},Ht={key:1},Dt={key:2},Wt={key:3},Ft=a("span",null,"参数",-1),L="config/set",Yt="config/get",Gt=W({__name:"Index",setup(jt){const A=M([]),b=E({port:5008,enable:!1,status:"已开启"}),u=E({mqtt_host:"",mqtt_port:1883,mqtt_username:"",mqtt_password:"",mqtt_topic:"",enable:!1,status:"已连接"}),q=E({interface_address:"http://192.168.100.32:9090/api/iot/data/save",enable:!1,status:"连接正常"}),_=E({database_host:"127.0.0.1",database_port:1443,database_name:"TUOREN_PWM",database_username:"rjgc",database_password:"tuorenpump@2020",enable:!1,status:"连接正常"}),P=D();P.onmessage=g=>{const o=JSON.parse(g.data);if(console.log(o),o.messageType=="PUBLISH"){const{who:v,action:m,params:i}=o.content;if(v=="TCPSERVER"){const{port:f,status:h,enable:p,clients:c}=i;console.log(v,m,f,h,p),b.port=f,b.status=h,b.enable=p,A.value=c}else if(v=="MQTTCLIENT"){const{mqtt_host:f,mqtt_port:h,mqtt_username:p,mqtt_password:c,mqtt_topic:T,status:S,enable:x}=i;console.log(v,m,f,h,p,c,T,S,x),u.mqtt_host=f,u.mqtt_port=h,u.mqtt_username=p,u.mqtt_password=c,u.mqtt_topic=T,u.status=S,u.enable=x}else if(v=="LOCALSYSTEM"){const{interface_address:f,status:h,enable:p}=i;console.log(v,m,f,h,p),q.interface_address=f,q.status=h,q.enable=p}else if(v=="DATABASE"){const{database_host:f,database_port:h,database_name:p,database_username:c,database_password:T,status:S,enable:x}=i;console.log(v,m,f,h,p,c,T,S,x),_.database_host=f,_.database_port=h,_.database_name=p,_.database_username=c,_.database_password=T,_.status=S,_.enable=x}}};const Q=()=>{y.value="TCPSERVER",s.port=b.port+"",s.tcp_enable=b.enable,w.value=!0},B=()=>{const g={who:"TCPSERVER",action:"STOP"};console.log(g),P.send({topics:[L],messageType:"PUBLISH",content:g})},N=()=>{y.value="MQTTCLIENT",s.mqtt_host=u.mqtt_host,s.port=u.mqtt_port+"",s.mqtt_username=u.mqtt_username,s.mqtt_password=u.mqtt_password,s.mqtt_topic=u.mqtt_topic,s.mqtt_enable=u.enable,w.value=!0},I=()=>{const g={who:"MQTTCLIENT",action:"STOP"};console.log(g),P.send({topics:[L],messageType:"PUBLISH",content:g})},O=()=>{y.value="LOCALSYSTEM",s.interface_address=q.interface_address,s.local_enable=q.enable,w.value=!0},V=()=>{y.value="DATABASE",s.database_host=_.database_host,s.database_port=_.database_port,s.database_name=_.database_name,s.database_username=_.database_username,s.database_password=_.database_password,s.database_enable=_.enable,w.value=!0};F(()=>{P.open({subscription:[Yt]}).then(g=>{console.log("连接成功",g);const o={who:"ALL",action:"STATUS"};console.log(o),P.send({topics:[L],messageType:"PUBLISH",content:o})},g=>{console.log("连接失败",g)}),console.log("onMounted")}),Y(()=>{P.close(),console.log("onUnmounted")});const y=M("TCPSERVER"),R=M(),w=M(!1),s=E({port:"",tcp_enable:!0,mqtt_host:"",mqtt_port:1883,mqtt_username:"",mqtt_password:"",mqtt_topic:"",mqtt_enable:!0,interface_address:"http://192.168.100.32:9090/api/iot/data/save",local_enable:!0,database_host:"127.0.0.1",database_port:1443,database_name:"TUOREN_PWM",database_username:"rjgc",database_password:"tuorenpump@2020",database_enable:!0}),H=()=>{var g;console.log("kkk",s),(g=R.value)==null||g.validateFields().then(o=>{console.log("Received values of form: ",o);const v={who:y.value,action:"PARAMS",params:o};console.log(v),P.send({topics:[L],messageType:"PUBLISH",content:v}),w.value=!1}).catch(o=>{console.log("Validate Failed:",o)})};return(g,o)=>{const v=k("a-space"),m=k("a-statistic"),i=k("a-col"),f=k("a-row"),h=k("a-card"),p=k("a-input"),c=k("a-form-item"),T=k("a-switch"),S=k("a-form"),x=k("a-modal");return d(),r(C,null,[a("div",z,[a("div",J,[t(f,{gutter:[16,16]},{default:e(()=>[t(i,{span:12},{default:e(()=>[t(h,{title:"TCP服务端",bordered:!0,headStyle:{color:"#4599e7"}},{extra:e(()=>[t(v,null,{default:e(()=>[a("a",{onClick:Q},"修改参数"),a("a",{onClick:B},"停止")]),_:1})]),default:e(()=>[a("div",G,[t(f,null,{default:e(()=>[t(i,{span:12},{default:e(()=>[t(m,{title:"运行状态",precision:2},{formatter:e(()=>[b.status=="已开启"?(d(),r("div",K,[a("span",X,n(b.status),1)])):b.status=="已关闭"?(d(),r("div",Z,[a("span",$,n(b.status),1)])):b.status=="启动中"?(d(),r("div",tt,[a("span",et,n(b.status),1)])):b.status=="启动失败"?(d(),r("div",at,[a("span",st,n(b.status),1)])):b.status=="已禁用"?(d(),r("div",ot,[a("span",lt,n(b.status),1)])):U("",!0)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"监听端口",groupSeparator:"",value:b.port,style:{"margin-right":"50px"}},null,8,["value"])]),_:1}),t(i,{span:24},{default:e(()=>[t(m,{title:"已连接客户端",groupSeparator:"",value:b.port,style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,[(d(!0),r(C,null,j(A.value,l=>(d(),r("div",null,[a("span",null,[a("span",null,n(l.ip),1),a("span",null,":"+n(l.port),1)]),nt,a("span",null,n(l.clientName),1)]))),256))])]),_:1},8,["value"])]),_:1})]),_:1})])]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(h,{title:"PC端数据库",bordered:!0,headStyle:{color:"#4599e7"}},{extra:e(()=>[t(v,null,{default:e(()=>[a("a",{onClick:V},"修改参数")]),_:1})]),default:e(()=>[a("div",dt,[t(f,null,{default:e(()=>[t(i,{span:12},{default:e(()=>[t(m,{title:"状态",precision:2},{formatter:e(()=>[_.status=="连接正常"?(d(),r("div",rt,[a("span",ut,n(_.status),1)])):_.status=="连接异常"?(d(),r("div",_t,[a("span",it,n(_.status),1)])):_.status=="已禁用"?(d(),r("div",pt,[a("span",ct,n(_.status),1)])):_.status=="测试中"?(d(),r("div",mt,[a("span",bt,n(_.status),1)])):U("",!0)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"database_host",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(_.database_host),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"database_port",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(_.database_port),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"database_name",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(_.database_name),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"database_username",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(_.database_username),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"database_password",style:{"margin-right":"50px"}},{formatter:e(()=>[ft]),_:1})]),_:1})]),_:1})])]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(h,{title:"数据下发系统",bordered:!0,headStyle:{color:"#4599e7"}},{extra:e(()=>[t(v,null,{default:e(()=>[a("a",{onClick:N},"修改参数"),a("a",{onClick:I},"断开")]),_:1})]),default:e(()=>[a("div",vt,[t(f,null,{default:e(()=>[t(i,{span:12},{default:e(()=>[t(m,{title:"连接状态",precision:2},{formatter:e(()=>[u.status=="已连接"?(d(),r("div",ht,[a("span",gt,n(u.status),1)])):u.status=="已断开"?(d(),r("div",yt,[a("span",qt,n(u.status),1)])):u.status=="连接中"?(d(),r("div",Tt,[a("span",kt,n(u.status),1)])):u.status=="连接失败"?(d(),r("div",Pt,[a("span",wt,n(u.status),1)])):u.status=="已禁用"?(d(),r("div",St,[a("span",xt,n(u.status),1)])):U("",!0)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"MQTT Host",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(u.mqtt_host),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"MQTT Port",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(u.mqtt_port),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"MQTT Username",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(u.mqtt_username),1)]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"MQTT Password",style:{"margin-right":"50px"}},{formatter:e(()=>[Ct]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(m,{title:"MQTT Topic",style:{"margin-right":"50px"}},{formatter:e(()=>[a("div",null,n(u.mqtt_topic),1)]),_:1})]),_:1})]),_:1})])]),_:1})]),_:1}),t(i,{span:12},{default:e(()=>[t(h,{title:"本地Web系统",bordered:!0,headStyle:{color:"#4599e7"}},{extra:e(()=>[t(v,null,{default:e(()=>[a("a",{onClick:O},"修改参数")]),_:1})]),default:e(()=>[a("div",Ut,[t(f,null,{default:e(()=>[t(i,{span:12},{default:e(()=>[t(m,{title:"接口状态",precision:2},{formatter:e(()=>[q.status=="连接正常"?(d(),r("div",Et,[a("span",Mt,n(q.status),1)])):q.status=="连接异常"?(d(),r("div",Lt,[a("span",At,n(q.status),1)])):q.status=="已禁用"?(d(),r("div",Rt,[a("span",Qt,n(q.status),1)])):_.status=="测试中"?(d(),r("div",Bt,[a("span",Nt,n(_.status),1)])):U("",!0)]),_:1})]),_:1}),t(i,{span:24},{default:e(()=>[t(m,{title:"接口地址"},{formatter:e(()=>[a("div",It,[a("span",null,n(q.interface_address),1)])]),_:1})]),_:1})]),_:1})])]),_:1})]),_:1})]),_:1})])]),a("div",null,[t(x,{visible:w.value,"onUpdate:visible":o[16]||(o[16]=l=>w.value=l),"ok-text":"提交","cancel-text":"取消",onOk:H},{title:e(()=>[Ot,y.value=="TCPSERVER"?(d(),r("span",Vt,"TCP服务端")):y.value=="MQTTCLIENT"?(d(),r("span",Ht,"数据下发系统")):y.value=="LOCALSYSTEM"?(d(),r("span",Dt,"本地Web系统")):y.value=="DATABASE"?(d(),r("span",Wt,"PC端数据库")):U("",!0),Ft]),default:e(()=>[t(S,{ref_key:"formRef",ref:R,model:s,layout:"vertical",name:"form_in_modal"},{default:e(()=>[y.value=="TCPSERVER"?(d(),r(C,{key:0},[t(c,{name:["port"],label:"监听端口",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.port,"onUpdate:value":o[0]||(o[0]=l=>s.port=l)},null,8,["value"])]),_:1}),t(c,{name:["tcp_enable"],label:"是否启用"},{default:e(()=>[t(T,{checked:s.tcp_enable,"onUpdate:checked":o[1]||(o[1]=l=>s.tcp_enable=l)},null,8,["checked"])]),_:1})],64)):y.value=="MQTTCLIENT"?(d(),r(C,{key:1},[t(c,{name:["mqtt_host"],label:"MQTT Host",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.mqtt_host,"onUpdate:value":o[2]||(o[2]=l=>s.mqtt_host=l)},null,8,["value"])]),_:1}),t(c,{name:["mqtt_port"],label:"MQTT Port",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.mqtt_port,"onUpdate:value":o[3]||(o[3]=l=>s.mqtt_port=l)},null,8,["value"])]),_:1}),t(c,{name:["mqtt_username"],label:"MQTT Username",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.mqtt_username,"onUpdate:value":o[4]||(o[4]=l=>s.mqtt_username=l)},null,8,["value"])]),_:1}),t(c,{name:["mqtt_topic"],label:"MQTT Topic",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.mqtt_topic,"onUpdate:value":o[5]||(o[5]=l=>s.mqtt_topic=l)},null,8,["value"])]),_:1}),t(c,{name:["mqtt_password"],label:"MQTT Password",rules:[{required:!1,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.mqtt_password,"onUpdate:value":o[6]||(o[6]=l=>s.mqtt_password=l)},null,8,["value"])]),_:1}),t(c,{name:["mqtt_enable"],label:"是否启用"},{default:e(()=>[t(T,{checked:s.mqtt_enable,"onUpdate:checked":o[7]||(o[7]=l=>s.mqtt_enable=l)},null,8,["checked"])]),_:1})],64)):y.value=="LOCALSYSTEM"?(d(),r(C,{key:2},[t(c,{name:["interface_address"],label:"接口地址",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.interface_address,"onUpdate:value":o[8]||(o[8]=l=>s.interface_address=l)},null,8,["value"])]),_:1}),t(c,{name:["local_enable"],label:"是否启用"},{default:e(()=>[t(T,{checked:s.local_enable,"onUpdate:checked":o[9]||(o[9]=l=>s.local_enable=l)},null,8,["checked"])]),_:1})],64)):y.value=="DATABASE"?(d(),r(C,{key:3},[t(c,{name:["database_host"],label:"database_host",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.database_host,"onUpdate:value":o[10]||(o[10]=l=>s.database_host=l)},null,8,["value"])]),_:1}),t(c,{name:["database_port"],label:"database_port",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.database_port,"onUpdate:value":o[11]||(o[11]=l=>s.database_port=l)},null,8,["value"])]),_:1}),t(c,{name:["database_name"],label:"database_name",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.database_name,"onUpdate:value":o[12]||(o[12]=l=>s.database_name=l)},null,8,["value"])]),_:1}),t(c,{name:["database_username"],label:"database_username",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.database_username,"onUpdate:value":o[13]||(o[13]=l=>s.database_username=l)},null,8,["value"])]),_:1}),t(c,{name:["database_password"],label:"database_password",rules:[{required:!1,message:"Please input the title of collection!"}]},{default:e(()=>[t(p,{value:s.database_password,"onUpdate:value":o[14]||(o[14]=l=>s.database_password=l)},null,8,["value"])]),_:1}),t(c,{name:["database_enable"],label:"是否启用"},{default:e(()=>[t(T,{checked:s.database_enable,"onUpdate:checked":o[15]||(o[15]=l=>s.database_enable=l)},null,8,["checked"])]),_:1})],64)):U("",!0)]),_:1},8,["model"])]),_:1},8,["visible"])])],64)}}});export{Gt as default};