| 1 |
- System.register(["./index-legacy-37c07958.js","./index-legacy-4d01450a.js"],(function(e,t){"use strict";var a,n,l,u,s,r,o,i,d,c,f,_,p,m,v,b;return{setters:[function(e){a=e.u},function(e){n=e.d,l=e.i,u=e.v,s=e.n,r=e.x,o=e.r,i=e.o,d=e.y,c=e.e,f=e.c,_=e.w,p=e.F,m=e.t,v=e.z,b=e.B}],execute:function(){var t={class:"cus-animation",style:{height:"100%",width:"100%",padding:"16px 20px",display:"flex","flex-direction":"column"}},y={style:{padding:"20px"}},g={style:{height:"200px"}},h={key:0},q={style:{color:"green"}},T={key:1},k={style:{color:"grey"}},P={key:2},S={style:{color:"yellow"}},w={key:3},x={style:{color:"red"}},U={key:4},E={style:{color:"grey"}},C=c("span",null," ",-1),M={style:{height:"200px"}},A={key:0},L={style:{color:"green"}},R={key:1},Q={style:{color:"red"}},I={key:2},B={style:{color:"grey"}},O={key:3},N={style:{color:"yellow"}},H=c("div",null,"*********",-1),V={style:{height:"200px"}},j={key:0},D={style:{color:"green"}},W={key:1},Y={style:{color:"grey"}},F={key:2},z={style:{color:"yellow"}},J={key:3},G={style:{color:"red"}},K={key:4},X={style:{color:"grey"}},Z=c("div",null,"*********",-1),$={style:{height:"200px"}},ee={key:0},te={style:{color:"green"}},ae={key:1},ne={style:{color:"red"}},le={key:2},ue={style:{color:"grey"}},se={key:3},re={style:{color:"yellow"}},oe={style:{}},ie=c("span",null,"修改",-1),de={key:0},ce={key:1},fe={key:2},_e={key:3},pe=c("span",null,"参数",-1),me="config/set";e("default",n({__name:"Index",setup:function(e){var n=l([]),ve=u({port:5008,enable:!1,status:"已开启"}),be=u({mqtt_host:"",mqtt_port:1883,mqtt_username:"",mqtt_password:"",mqtt_topic:"",enable:!1,status:"已连接"}),ye=u({interface_address:"http://192.168.100.32:9090/api/iot/data/save",enable:!1,status:"连接正常"}),ge=u({database_host:"127.0.0.1",database_port:1443,database_name:"TUOREN_PWM",database_username:"rjgc",database_password:"tuorenpump@2020",enable:!1,status:"连接正常"}),he=a();he.onmessage=function(e){var t=JSON.parse(e.data);if(console.log(t),"PUBLISH"==t.messageType){var a=t.content,l=a.who,u=a.action,s=a.params;if("TCPSERVER"==l){var r=s.port,o=s.status,i=s.enable,d=s.clients;console.log(l,u,r,o,i),ve.port=r,ve.status=o,ve.enable=i,n.value=d}else if("MQTTCLIENT"==l){var c=s.mqtt_host,f=s.mqtt_port,_=s.mqtt_username,p=s.mqtt_password,m=s.mqtt_topic,v=s.status,b=s.enable;console.log(l,u,c,f,_,p,m,v,b),be.mqtt_host=c,be.mqtt_port=f,be.mqtt_username=_,be.mqtt_password=p,be.mqtt_topic=m,be.status=v,be.enable=b}else if("LOCALSYSTEM"==l){var y=s.interface_address,g=s.status,h=s.enable;console.log(l,u,y,g,h),ye.interface_address=y,ye.status=g,ye.enable=h}else if("DATABASE"==l){var q=s.database_host,T=s.database_port,k=s.database_name,P=s.database_username,S=s.database_password,w=s.status,x=s.enable;console.log(l,u,q,T,k,P,S,w,x),ge.database_host=q,ge.database_port=T,ge.database_name=k,ge.database_username=P,ge.database_password=S,ge.status=w,ge.enable=x}}};var qe=function(){xe.value="TCPSERVER",Ce.port=ve.port+"",Ce.tcp_enable=ve.enable,Ee.value=!0},Te=function(){var e={who:"TCPSERVER",action:"STOP"};console.log(e),he.send({topics:[me],messageType:"PUBLISH",content:e})},ke=function(){xe.value="MQTTCLIENT",Ce.mqtt_host=be.mqtt_host,Ce.port=be.mqtt_port+"",Ce.mqtt_username=be.mqtt_username,Ce.mqtt_password=be.mqtt_password,Ce.mqtt_topic=be.mqtt_topic,Ce.mqtt_enable=be.enable,Ee.value=!0},Pe=function(){var e={who:"MQTTCLIENT",action:"STOP"};console.log(e),he.send({topics:[me],messageType:"PUBLISH",content:e})},Se=function(){xe.value="LOCALSYSTEM",Ce.interface_address=ye.interface_address,Ce.local_enable=ye.enable,Ee.value=!0},we=function(){xe.value="DATABASE",Ce.database_host=ge.database_host,Ce.database_port=ge.database_port,Ce.database_name=ge.database_name,Ce.database_username=ge.database_username,Ce.database_password=ge.database_password,Ce.database_enable=ge.enable,Ee.value=!0};s((function(){he.open({subscription:["config/get"]}).then((function(e){console.log("连接成功",e);var t={who:"ALL",action:"STATUS"};console.log(t),he.send({topics:[me],messageType:"PUBLISH",content:t})}),(function(e){console.log("连接失败",e)})),console.log("onMounted")})),r((function(){he.close(),console.log("onUnmounted")}));var xe=l("TCPSERVER"),Ue=l(),Ee=l(!1),Ce=u({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}),Me=function(){var e;console.log("kkk",Ce),null===(e=Ue.value)||void 0===e||e.validateFields().then((function(e){console.log("Received values of form: ",e);var t={who:xe.value,action:"PARAMS",params:e};console.log(t),he.send({topics:[me],messageType:"PUBLISH",content:t}),Ee.value=!1})).catch((function(e){console.log("Validate Failed:",e)}))};return function(e,a){var l=o("a-space"),u=o("a-statistic"),s=o("a-col"),r=o("a-row"),me=o("a-card"),he=o("a-input"),Ae=o("a-form-item"),Le=o("a-switch"),Re=o("a-form"),Qe=o("a-modal");return i(),d(p,null,[c("div",t,[c("div",y,[f(r,{gutter:[16,16]},{default:_((function(){return[f(s,{span:12},{default:_((function(){return[f(me,{title:"TCP服务端",bordered:!0,headStyle:{color:"#4599e7"}},{extra:_((function(){return[f(l,null,{default:_((function(){return[c("a",{onClick:qe},"修改参数"),c("a",{onClick:Te},"停止")]})),_:1})]})),default:_((function(){return[c("div",g,[f(r,null,{default:_((function(){return[f(s,{span:12},{default:_((function(){return[f(u,{title:"运行状态",precision:2},{formatter:_((function(){return["已开启"==ve.status?(i(),d("div",h,[c("span",q,m(ve.status),1)])):"已关闭"==ve.status?(i(),d("div",T,[c("span",k,m(ve.status),1)])):"启动中"==ve.status?(i(),d("div",P,[c("span",S,m(ve.status),1)])):"启动失败"==ve.status?(i(),d("div",w,[c("span",x,m(ve.status),1)])):"已禁用"==ve.status?(i(),d("div",U,[c("span",E,m(ve.status),1)])):v("",!0)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"监听端口",groupSeparator:"",value:ve.port,style:{"margin-right":"50px"}},null,8,["value"])]})),_:1}),f(s,{span:24},{default:_((function(){return[f(u,{title:"已连接客户端",groupSeparator:"",value:ve.port,style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,[(i(!0),d(p,null,b(n.value,(function(e){return i(),d("div",null,[c("span",null,[c("span",null,m(e.ip),1),c("span",null,":"+m(e.port),1)]),C,c("span",null,m(e.clientName),1)])})),256))])]})),_:1},8,["value"])]})),_:1})]})),_:1})])]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(me,{title:"PC端数据库",bordered:!0,headStyle:{color:"#4599e7"}},{extra:_((function(){return[f(l,null,{default:_((function(){return[c("a",{onClick:we},"修改参数")]})),_:1})]})),default:_((function(){return[c("div",M,[f(r,null,{default:_((function(){return[f(s,{span:12},{default:_((function(){return[f(u,{title:"状态",precision:2},{formatter:_((function(){return["连接正常"==ge.status?(i(),d("div",A,[c("span",L,m(ge.status),1)])):"连接异常"==ge.status?(i(),d("div",R,[c("span",Q,m(ge.status),1)])):"已禁用"==ge.status?(i(),d("div",I,[c("span",B,m(ge.status),1)])):"测试中"==ge.status?(i(),d("div",O,[c("span",N,m(ge.status),1)])):v("",!0)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"database_host",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(ge.database_host),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"database_port",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(ge.database_port),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"database_name",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(ge.database_name),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"database_username",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(ge.database_username),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"database_password",style:{"margin-right":"50px"}},{formatter:_((function(){return[H]})),_:1})]})),_:1})]})),_:1})])]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(me,{title:"数据下发系统",bordered:!0,headStyle:{color:"#4599e7"}},{extra:_((function(){return[f(l,null,{default:_((function(){return[c("a",{onClick:ke},"修改参数"),c("a",{onClick:Pe},"断开")]})),_:1})]})),default:_((function(){return[c("div",V,[f(r,null,{default:_((function(){return[f(s,{span:12},{default:_((function(){return[f(u,{title:"连接状态",precision:2},{formatter:_((function(){return["已连接"==be.status?(i(),d("div",j,[c("span",D,m(be.status),1)])):"已断开"==be.status?(i(),d("div",W,[c("span",Y,m(be.status),1)])):"连接中"==be.status?(i(),d("div",F,[c("span",z,m(be.status),1)])):"连接失败"==be.status?(i(),d("div",J,[c("span",G,m(be.status),1)])):"已禁用"==be.status?(i(),d("div",K,[c("span",X,m(be.status),1)])):v("",!0)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"MQTT Host",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(be.mqtt_host),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"MQTT Port",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(be.mqtt_port),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"MQTT Username",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(be.mqtt_username),1)]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"MQTT Password",style:{"margin-right":"50px"}},{formatter:_((function(){return[Z]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(u,{title:"MQTT Topic",style:{"margin-right":"50px"}},{formatter:_((function(){return[c("div",null,m(be.mqtt_topic),1)]})),_:1})]})),_:1})]})),_:1})])]})),_:1})]})),_:1}),f(s,{span:12},{default:_((function(){return[f(me,{title:"本地Web系统",bordered:!0,headStyle:{color:"#4599e7"}},{extra:_((function(){return[f(l,null,{default:_((function(){return[c("a",{onClick:Se},"修改参数")]})),_:1})]})),default:_((function(){return[c("div",$,[f(r,null,{default:_((function(){return[f(s,{span:12},{default:_((function(){return[f(u,{title:"接口状态",precision:2},{formatter:_((function(){return["连接正常"==ye.status?(i(),d("div",ee,[c("span",te,m(ye.status),1)])):"连接异常"==ye.status?(i(),d("div",ae,[c("span",ne,m(ye.status),1)])):"已禁用"==ye.status?(i(),d("div",le,[c("span",ue,m(ye.status),1)])):"测试中"==ge.status?(i(),d("div",se,[c("span",re,m(ge.status),1)])):v("",!0)]})),_:1})]})),_:1}),f(s,{span:24},{default:_((function(){return[f(u,{title:"接口地址"},{formatter:_((function(){return[c("div",oe,[c("span",null,m(ye.interface_address),1)])]})),_:1})]})),_:1})]})),_:1})])]})),_:1})]})),_:1})]})),_:1})])]),c("div",null,[f(Qe,{visible:Ee.value,"onUpdate:visible":a[16]||(a[16]=function(e){return Ee.value=e}),"ok-text":"提交","cancel-text":"取消",onOk:Me},{title:_((function(){return[ie,"TCPSERVER"==xe.value?(i(),d("span",de,"TCP服务端")):"MQTTCLIENT"==xe.value?(i(),d("span",ce,"数据下发系统")):"LOCALSYSTEM"==xe.value?(i(),d("span",fe,"本地Web系统")):"DATABASE"==xe.value?(i(),d("span",_e,"PC端数据库")):v("",!0),pe]})),default:_((function(){return[f(Re,{ref_key:"formRef",ref:Ue,model:Ce,layout:"vertical",name:"form_in_modal"},{default:_((function(){return["TCPSERVER"==xe.value?(i(),d(p,{key:0},[f(Ae,{name:["port"],label:"监听端口",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.port,"onUpdate:value":a[0]||(a[0]=function(e){return Ce.port=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["tcp_enable"],label:"是否启用"},{default:_((function(){return[f(Le,{checked:Ce.tcp_enable,"onUpdate:checked":a[1]||(a[1]=function(e){return Ce.tcp_enable=e})},null,8,["checked"])]})),_:1})],64)):"MQTTCLIENT"==xe.value?(i(),d(p,{key:1},[f(Ae,{name:["mqtt_host"],label:"MQTT Host",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.mqtt_host,"onUpdate:value":a[2]||(a[2]=function(e){return Ce.mqtt_host=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["mqtt_port"],label:"MQTT Port",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.mqtt_port,"onUpdate:value":a[3]||(a[3]=function(e){return Ce.mqtt_port=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["mqtt_username"],label:"MQTT Username",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.mqtt_username,"onUpdate:value":a[4]||(a[4]=function(e){return Ce.mqtt_username=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["mqtt_topic"],label:"MQTT Topic",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.mqtt_topic,"onUpdate:value":a[5]||(a[5]=function(e){return Ce.mqtt_topic=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["mqtt_password"],label:"MQTT Password",rules:[{required:!1,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.mqtt_password,"onUpdate:value":a[6]||(a[6]=function(e){return Ce.mqtt_password=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["mqtt_enable"],label:"是否启用"},{default:_((function(){return[f(Le,{checked:Ce.mqtt_enable,"onUpdate:checked":a[7]||(a[7]=function(e){return Ce.mqtt_enable=e})},null,8,["checked"])]})),_:1})],64)):"LOCALSYSTEM"==xe.value?(i(),d(p,{key:2},[f(Ae,{name:["interface_address"],label:"接口地址",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.interface_address,"onUpdate:value":a[8]||(a[8]=function(e){return Ce.interface_address=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["local_enable"],label:"是否启用"},{default:_((function(){return[f(Le,{checked:Ce.local_enable,"onUpdate:checked":a[9]||(a[9]=function(e){return Ce.local_enable=e})},null,8,["checked"])]})),_:1})],64)):"DATABASE"==xe.value?(i(),d(p,{key:3},[f(Ae,{name:["database_host"],label:"database_host",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.database_host,"onUpdate:value":a[10]||(a[10]=function(e){return Ce.database_host=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["database_port"],label:"database_port",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.database_port,"onUpdate:value":a[11]||(a[11]=function(e){return Ce.database_port=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["database_name"],label:"database_name",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.database_name,"onUpdate:value":a[12]||(a[12]=function(e){return Ce.database_name=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["database_username"],label:"database_username",rules:[{required:!0,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.database_username,"onUpdate:value":a[13]||(a[13]=function(e){return Ce.database_username=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["database_password"],label:"database_password",rules:[{required:!1,message:"Please input the title of collection!"}]},{default:_((function(){return[f(he,{value:Ce.database_password,"onUpdate:value":a[14]||(a[14]=function(e){return Ce.database_password=e})},null,8,["value"])]})),_:1}),f(Ae,{name:["database_enable"],label:"是否启用"},{default:_((function(){return[f(Le,{checked:Ce.database_enable,"onUpdate:checked":a[15]||(a[15]=function(e){return Ce.database_enable=e})},null,8,["checked"])]})),_:1})],64)):v("",!0)]})),_:1},8,["model"])]})),_:1},8,["visible"])])],64)}}}))}}}));
|
