canrd-outside / order-erp-front · Files

var k=Object.defineProperty,E=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var B=(e,t,a)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,w=(e,t)=>{for(var a in t||(t={}))C.call(t,a)&&B(e,a,t[a]);if(D)for(var a of D(t))I.call(t,a)&&B(e,a,t[a]);return e},y=(e,t)=>E(e,A(t));import{d as V,r as L,s as O,e as f,H as x,a8 as r,_ as v,a9 as S,aa as u,a0 as s,f as l,E as d,a1 as c,$ as F,F as N,ab as P}from"./vue-5a35c3f5.js";import{P as W}from"./index-f532aa07.js";import{bJ as $,av as R,_ as J}from"./index.js";import{a1 as g,aR as M}from"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const U=V({components:{PageWrapper:W,[g.name]:g,InputTextArea:g.TextArea,Tag:M},setup(){const e=L({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:t,data:a,send:h,close:b,open:T}=$(e.server,{autoReconnect:!1,heartbeat:!0});O(()=>{if(a.value)try{const o=JSON.parse(a.value);e.recordList.push(o)}catch(o){e.recordList.push({res:a.value,id:Math.ceil(Math.random()*1e3),time:new Date().getTime()})}});const n=f(()=>t.value==="OPEN"),p=f(()=>n.value?"success":"red"),i=f(()=>[...e.recordList].reverse());function m(){h(e.sendValue),e.sendValue=""}function _(){n.value?b():T()}return y(w({status:t,formatToDateTime:R},x(e)),{handlerSend:m,getList:i,toggle:_,getIsOpen:n,getTagColor:p})}}),H={class:"flex"},j={class:"w-1/3 bg-white p-4"},q={class:"flex items-center"},z=s("span",{class:"text-lg font-medium mr-4"}," 连接状态: ",-1),G=s("hr",{class:"my-4"},null,-1),K={class:"flex"},Q=s("p",{class:"text-lg font-medium mt-4"},"设置",-1),X=s("hr",{class:"my-4"},null,-1),Y={class:"w-2/3 bg-white ml-4 p-4"},Z=s("span",{class:"text-lg font-medium mr-4"}," 消息记录: ",-1),ee=s("hr",{class:"my-4"},null,-1),te={class:"max-h-80 overflow-auto"},se={class:"flex items-center"},ae=s("span",{class:"mr-2 text-primary font-medium"},"收到消息:",-1);function oe(e,t,a,h,b,T){const n=r("Tag"),p=r("a-input"),i=r("a-button"),m=r("InputTextArea"),_=r("PageWrapper");return v(),S(_,{title:"WebSocket 示例"},{default:u(()=>[s("div",H,[s("div",j,[s("div",q,[z,l(n,{color:e.getTagColor},{default:u(()=>[d(c(e.status),1)]),_:1},8,["color"])]),G,s("div",K,[l(p,{value:e.server,"onUpdate:value":t[0]||(t[0]=o=>e.server=o),disabled:""},{addonBefore:u(()=>[d(" 服务地址 ")]),_:1},8,["value"]),l(i,{type:e.getIsOpen?"danger":"primary",onClick:e.toggle},{default:u(()=>[d(c(e.getIsOpen?"关闭连接":"开启连接"),1)]),_:1},8,["type","onClick"])]),Q,X,l(m,{placeholder:"需要发送到服务器的内容",disabled:!e.getIsOpen,value:e.sendValue,"onUpdate:value":t[1]||(t[1]=o=>e.sendValue=o),allowClear:""},null,8,["disabled","value"]),l(i,{type:"primary",block:"",class:"mt-4",disabled:!e.getIsOpen,onClick:e.handlerSend},{default:u(()=>[d(" 发送 ")]),_:1},8,["disabled","onClick"])]),s("div",Y,[Z,ee,s("div",te,[s("ul",null,[(v(!0),F(N,null,P(e.getList,o=>(v(),F("li",{class:"mt-2",key:o.time},[s("div",se,[ae,s("span",null,c(e.formatToDateTime(o.time)),1)]),s("div",null,c(o.res),1)]))),128))])])])])]),_:1})}const me=J(U,[["render",oe],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/feat/ws/index.vue"]]);export{me as default};