| 1 |
- import{d as Q,r as c,bo as X,M as E,e2 as Y,aA as Z,q as ee,o as m,c as f,f as s,w as r,g as e,a as t,y,t as h,l as w,F as P,v as q,x as ae,al as le,W as te,G as se,A as re,B as ne,_ as ue,__tla as oe}from"./index-26ff80c5.js";import{E as de,__tla as ie}from"./el-card-00b0c55b.js";import{f as ce,__tla as me}from"./formatTime-34dfb36b.js";import{g as pe,__tla as ve}from"./index-10a8c6c3.js";import{u as _e,__tla as fe}from"./useMessage-325dbb2c.js";let B,ye=Promise.all([(()=>{try{return oe}catch{}})(),(()=>{try{return ie}catch{}})(),(()=>{try{return me}catch{}})(),(()=>{try{return ve}catch{}})(),(()=>{try{return fe}catch{}})()]).then(async()=>{let g,b,V,k,S,U,N,O,$,D,I,J;g={class:"flex"},b=e("div",{class:"card-header"},[e("span",null,"\u8FDE\u63A5")],-1),V={class:"flex items-center"},k=e("span",{class:"mr-4 text-lg font-medium"}," \u8FDE\u63A5\u72B6\u6001: ",-1),S=e("hr",{class:"my-4"},null,-1),U={class:"flex"},N=e("p",{class:"mt-4 text-lg font-medium"},"\u6D88\u606F\u8F93\u5165\u6846",-1),O=e("hr",{class:"my-4"},null,-1),$=e("div",{class:"card-header"},[e("span",null,"\u6D88\u606F\u8BB0\u5F55")],-1),D={class:"max-h-80 overflow-auto"},I={class:"flex items-center"},J=e("span",{class:"text-primary mr-2 font-medium"},"\u6536\u5230\u6D88\u606F:",-1),B=ue(Q({name:"InfraWebSocket",__name:"index",setup(he){const x=_e(),p=c("http://10.0.5.227:8002/infra/ws".replace("http","ws")+"?token="+X()),o=E(()=>z.value==="OPEN"),F=E(()=>o.value?"success":"red"),{status:z,data:d,send:G,close:M,open:j}=Y(p.value,{autoReconnect:!1,heartbeat:!0}),v=c([]);Z(()=>{if(d.value)try{if(d.value==="pong")return;const u=JSON.parse(d.value),l=u.type,n=JSON.parse(u.content);if(!l)return void x.error("\u672A\u77E5\u7684\u6D88\u606F\u7C7B\u578B\uFF1A"+d.value);if(l==="demo-message-receive")return void(n.single?v.value.push({text:`\u3010\u5355\u53D1\u3011\u7528\u6237\u7F16\u53F7(${n.fromUserId})\uFF1A${n.text}`,time:new Date().getTime()}):v.value.push({text:`\u3010\u7FA4\u53D1\u3011\u7528\u6237\u7F16\u53F7(${n.fromUserId})\uFF1A${n.text}`,time:new Date().getTime()}));if(l==="notice-push")return void v.value.push({text:`\u3010\u7CFB\u7EDF\u901A\u77E5\u3011\uFF1A${n.title}`,time:new Date().getTime()});x.error("\u672A\u5904\u7406\u6D88\u606F\uFF1A"+d.value)}catch(u){x.error("\u5904\u7406\u6D88\u606F\u53D1\u751F\u5F02\u5E38\uFF1A"+d.value),console.error(u)}});const i=c(""),_=c(""),H=()=>{const u=JSON.stringify({text:i.value,toUserId:_.value}),l=JSON.stringify({type:"demo-message-send",content:u});G(l),i.value=""},K=()=>{o.value?M():j()},R=c([]);return ee(async()=>{R.value=await pe()}),(u,l)=>{const n=le,T=te,W=se,A=re,L=ne,C=de;return m(),f("div",g,[s(C,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>[b]),default:r(()=>[e("div",V,[k,s(n,{color:t(F)},{default:r(()=>[y(h(t(z)),1)]),_:1},8,["color"])]),S,e("div",U,[s(T,{modelValue:t(p),"onUpdate:modelValue":l[0]||(l[0]=a=>w(p)?p.value=a:null),disabled:""},{prepend:r(()=>[y("\u670D\u52A1\u5730\u5740")]),_:1},8,["modelValue"]),s(W,{type:t(o)?"danger":"primary",onClick:K},{default:r(()=>[y(h(t(o)?"\u5173\u95ED\u8FDE\u63A5":"\u5F00\u542F\u8FDE\u63A5"),1)]),_:1},8,["type"])]),N,O,s(T,{modelValue:t(i),"onUpdate:modelValue":l[1]||(l[1]=a=>w(i)?i.value=a:null),autosize:{minRows:2,maxRows:4},disabled:!t(o),clearable:"",type:"textarea",placeholder:"\u8BF7\u8F93\u5165\u4F60\u8981\u53D1\u9001\u7684\u6D88\u606F"},null,8,["modelValue","disabled"]),s(L,{modelValue:t(_),"onUpdate:modelValue":l[2]||(l[2]=a=>w(_)?_.value=a:null),class:"mt-4",placeholder:"\u8BF7\u9009\u62E9\u53D1\u9001\u4EBA"},{default:r(()=>[s(A,{key:"",label:"\u6240\u6709\u4EBA",value:""}),(m(!0),f(P,null,q(t(R),a=>(m(),ae(A,{key:a.id,label:a.nickname,value:a.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),s(W,{disabled:!t(o),block:"",class:"ml-2 mt-4",type:"primary",onClick:H},{default:r(()=>[y(" \u53D1\u9001 ")]),_:1},8,["disabled"])]),_:1}),s(C,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>[$]),default:r(()=>[e("div",D,[e("ul",null,[(m(!0),f(P,null,q(t(v).reverse(),a=>(m(),f("li",{key:a.time,class:"mt-2"},[e("div",I,[J,e("span",null,h(t(ce)(a.time)),1)]),e("div",null,h(a.text),1)]))),128))])])]),_:1})])}}}),[["__file","D:/zx/mall-newfeifan-zx-admin/src/views/infra/webSocket/index.vue"]])});export{ye as __tla,B as default};
|
