| 1 |
- import{d as E,r as m,d0 as P,e as N,ec as j,b2 as A,b as B,o as c,c as x,f as t,B as r,C as a,a as s,G as y,D as h,a0 as g,F as O,P as S,A as F,at as G,a6 as L,L as Q,Q as K,R as M}from"./index-b8922f5d.js";import{E as W}from"./el-card-e8cb81af.js";import{f as q}from"./formatTime-60385242.js";import{g as H}from"./index-fc6930ab.js";import{u as X}from"./useMessage-430097f4.js";const Y={class:"flex"},Z={class:"flex items-center"},ee={class:"flex"},ae={class:"max-h-80 overflow-auto"},le={class:"flex items-center"},se=E({name:"InfraWebSocket",__name:"index",setup(te){const w=X(),p=m("https://zxpt.newfeifan.cn/infra/ws".replace("http","ws")+"?token="+P()),o=N(()=>b.value==="OPEN"),$=N(()=>o.value?"success":"red"),{status:b,data:d,send:D,close:I,open:R}=j(p.value,{autoReconnect:!1,heartbeat:!0}),v=m([]);A(()=>{if(d.value)try{if(d.value==="pong")return;const n=JSON.parse(d.value),e=n.type,u=JSON.parse(n.content);if(!e)return void w.error("\u672A\u77E5\u7684\u6D88\u606F\u7C7B\u578B\uFF1A"+d.value);if(e==="demo-message-receive")return void(u.single?v.value.push({text:`\u3010\u5355\u53D1\u3011\u7528\u6237\u7F16\u53F7(${u.fromUserId})\uFF1A${u.text}`,time:new Date().getTime()}):v.value.push({text:`\u3010\u7FA4\u53D1\u3011\u7528\u6237\u7F16\u53F7(${u.fromUserId})\uFF1A${u.text}`,time:new Date().getTime()}));if(e==="notice-push")return void v.value.push({text:`\u3010\u7CFB\u7EDF\u901A\u77E5\u3011\uFF1A${u.title}`,time:new Date().getTime()});w.error("\u672A\u5904\u7406\u6D88\u606F\uFF1A"+d.value)}catch(n){w.error("\u5904\u7406\u6D88\u606F\u53D1\u751F\u5F02\u5E38\uFF1A"+d.value),console.error(n)}});const i=m(""),f=m(""),C=()=>{const n=JSON.stringify({text:i.value,toUserId:f.value}),e=JSON.stringify({type:"demo-message-send",content:n});D(e),i.value=""},T=()=>{o.value?I():R()},k=m([]);return B(async()=>{k.value=await H()}),(n,e)=>{const u=G,V=L,_=Q,U=K,z=M,J=W;return c(),x("div",Y,[t(J,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>e[3]||(e[3]=[a("div",{class:"card-header"},[a("span",null,"\u8FDE\u63A5")],-1)])),default:r(()=>[a("div",Z,[e[4]||(e[4]=a("span",{class:"mr-4 text-lg font-medium"}," \u8FDE\u63A5\u72B6\u6001: ",-1)),t(u,{color:s($)},{default:r(()=>[y(h(s(b)),1)]),_:1},8,["color"])]),e[7]||(e[7]=a("hr",{class:"my-4"},null,-1)),a("div",ee,[t(V,{modelValue:s(p),"onUpdate:modelValue":e[0]||(e[0]=l=>g(p)?p.value=l:null),disabled:""},{prepend:r(()=>e[5]||(e[5]=[y("\u670D\u52A1\u5730\u5740")])),_:1},8,["modelValue"]),t(_,{type:s(o)?"danger":"primary",onClick:T},{default:r(()=>[y(h(s(o)?"\u5173\u95ED\u8FDE\u63A5":"\u5F00\u542F\u8FDE\u63A5"),1)]),_:1},8,["type"])]),e[8]||(e[8]=a("p",{class:"mt-4 text-lg font-medium"},"\u6D88\u606F\u8F93\u5165\u6846",-1)),e[9]||(e[9]=a("hr",{class:"my-4"},null,-1)),t(V,{modelValue:s(i),"onUpdate:modelValue":e[1]||(e[1]=l=>g(i)?i.value=l:null),autosize:{minRows:2,maxRows:4},disabled:!s(o),clearable:"",type:"textarea",placeholder:"\u8BF7\u8F93\u5165\u4F60\u8981\u53D1\u9001\u7684\u6D88\u606F"},null,8,["modelValue","disabled"]),t(z,{modelValue:s(f),"onUpdate:modelValue":e[2]||(e[2]=l=>g(f)?f.value=l:null),class:"mt-4",placeholder:"\u8BF7\u9009\u62E9\u53D1\u9001\u4EBA"},{default:r(()=>[t(U,{key:"",label:"\u6240\u6709\u4EBA",value:""}),(c(!0),x(O,null,S(s(k),l=>(c(),F(U,{key:l.id,label:l.nickname,value:l.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),t(_,{disabled:!s(o),block:"",class:"ml-2 mt-4",type:"primary",onClick:C},{default:r(()=>e[6]||(e[6]=[y(" \u53D1\u9001 ")])),_:1},8,["disabled"])]),_:1}),t(J,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>e[10]||(e[10]=[a("div",{class:"card-header"},[a("span",null,"\u6D88\u606F\u8BB0\u5F55")],-1)])),default:r(()=>[a("div",ae,[a("ul",null,[(c(!0),x(O,null,S(s(v).reverse(),l=>(c(),x("li",{key:l.time,class:"mt-2"},[a("div",le,[e[11]||(e[11]=a("span",{class:"text-primary mr-2 font-medium"},"\u6536\u5230\u6D88\u606F:",-1)),a("span",null,h(s(q)(l.time)),1)]),a("div",null,h(l.text),1)]))),128))])])]),_:1})])}}});export{se as default};
|
