index-307adeef.js 4.2 KB

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