diff --git a/apps/web-antd/src/views/infra/webSocket/index.vue b/apps/web-antd/src/views/infra/webSocket/index.vue index a047e1a48..371967586 100644 --- a/apps/web-antd/src/views/infra/webSocket/index.vue +++ b/apps/web-antd/src/views/infra/webSocket/index.vue @@ -99,7 +99,7 @@ watchEffect(() => { /** 发送消息 */ const sendText = ref(''); // 发送内容 -const sendUserId = ref(''); // 发送人 +const sendUserId = ref('all'); // 发送人 function handlerSend() { if (!sendText.value.trim()) { message.warning('消息内容不能为空'); @@ -109,7 +109,7 @@ function handlerSend() { // 1.1 先 JSON 化 message 消息内容 const messageContent = JSON.stringify({ text: sendText.value, - toUserId: sendUserId.value, + toUserId: sendUserId.value === 'all' ? undefined : sendUserId.value, }); // 1.2 再 JSON 化整个消息 const jsonMessage = JSON.stringify({ diff --git a/apps/web-ele/src/views/infra/webSocket/index.vue b/apps/web-ele/src/views/infra/webSocket/index.vue index cac65e9c4..8f493bc7a 100644 --- a/apps/web-ele/src/views/infra/webSocket/index.vue +++ b/apps/web-ele/src/views/infra/webSocket/index.vue @@ -99,8 +99,8 @@ watchEffect(() => { /** 发送消息 */ const sendText = ref(''); // 发送内容 -const sendUserId = ref(''); // 发送人 -const handlerSend = () => { +const sendUserId = ref('all'); // 发送人 +function handlerSend() { if (!sendText.value.trim()) { ElMessage.warning('消息内容不能为空'); return; @@ -109,7 +109,7 @@ const handlerSend = () => { // 1.1 先 JSON 化 message 消息内容 const messageContent = JSON.stringify({ text: sendText.value, - toUserId: sendUserId.value, + toUserId: sendUserId.value === 'all' ? undefined : sendUserId.value, }); // 1.2 再 JSON 化整个消息 const jsonMessage = JSON.stringify({ @@ -119,19 +119,19 @@ const handlerSend = () => { // 2. 最后发送消息 send(jsonMessage); sendText.value = ''; -}; +} /** 切换 websocket 连接状态 */ -const toggleConnectStatus = () => { +function toggleConnectStatus() { if (getIsOpen.value) { close(); } else { open(); } -}; +} /** 获取消息类型的徽标颜色 */ -const getMessageBadgeType = (type?: string) => { +function getMessageBadgeType(type?: string) { switch (type) { case 'group': { return 'success'; @@ -146,10 +146,10 @@ const getMessageBadgeType = (type?: string) => { return 'info'; } } -}; +} /** 获取消息类型的文本 */ -const getMessageTypeText = (type?: string) => { +function getMessageTypeText(type?: string) { switch (type) { case 'group': { return '群发'; @@ -164,7 +164,7 @@ const getMessageTypeText = (type?: string) => { return '未知'; } } -}; +} /** 初始化 */ const userList = ref([]); // 用户列表 @@ -227,8 +227,7 @@ onMounted(async () => { placeholder="请选择接收人" :disabled="!getIsOpen" > - - +
所有人 @@ -295,9 +294,7 @@ onMounted(async () => { >
-
- -
+ {{ getMessageTypeText(msg.type) }}