wip: 🚧 通知公告临时提交
通知公告临时提交
This commit is contained in:
@@ -201,6 +201,7 @@ function logout() {
|
|||||||
let stompClient: Client;
|
let stompClient: Client;
|
||||||
|
|
||||||
function connectWebSocket() {
|
function connectWebSocket() {
|
||||||
|
console.log("连接消息ws的url:" + socketEndpoint.value);
|
||||||
stompClient = new Client({
|
stompClient = new Client({
|
||||||
brokerURL: socketEndpoint.value,
|
brokerURL: socketEndpoint.value,
|
||||||
connectHeaders: {
|
connectHeaders: {
|
||||||
@@ -210,32 +211,11 @@ function connectWebSocket() {
|
|||||||
console.log(str);
|
console.log(str);
|
||||||
},
|
},
|
||||||
onConnect: () => {
|
onConnect: () => {
|
||||||
console.log("连接成功");
|
console.log("消息ws连接成功");
|
||||||
isConnected.value = true;
|
isConnected.value = true;
|
||||||
// messages.value.push({
|
|
||||||
// sender: "Server",
|
stompClient.subscribe("/user/queue/message", (res) => {
|
||||||
// content: "Websocket 已连接",
|
|
||||||
// type: "tip",
|
|
||||||
// });
|
|
||||||
// 订阅 /topic/chat 主题
|
|
||||||
while (messages.value.length > 3) {
|
|
||||||
messages.value.shift();
|
|
||||||
}
|
|
||||||
stompClient.subscribe("/topic/chat", (res) => {
|
|
||||||
console.log("收到消息:" + res.body);
|
console.log("收到消息:" + res.body);
|
||||||
const message = JSON.parse(res.body);
|
|
||||||
console.log("当前有:" + message.id);
|
|
||||||
console.log("数组已更新,强制重新渲染");
|
|
||||||
messages.value.push({
|
|
||||||
id: message.id,
|
|
||||||
title: message.title,
|
|
||||||
type: MessageTypeEnum.MESSAGE,
|
|
||||||
});
|
|
||||||
while (messages.value.length > 3) {
|
|
||||||
messages.value.shift();
|
|
||||||
}
|
|
||||||
console.log("当前还有:" + messages.value);
|
|
||||||
nextTick(async () => {});
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onStompError: (frame) => {
|
onStompError: (frame) => {
|
||||||
@@ -244,11 +224,6 @@ function connectWebSocket() {
|
|||||||
},
|
},
|
||||||
onDisconnect: () => {
|
onDisconnect: () => {
|
||||||
isConnected.value = false;
|
isConnected.value = false;
|
||||||
// messages.value.push({
|
|
||||||
// sender: "Server",
|
|
||||||
// content: "Websocket 已断开",
|
|
||||||
// type: "tip",
|
|
||||||
// });
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -69,6 +69,7 @@
|
|||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column type="index" label="序号" width="60" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
key="title"
|
key="title"
|
||||||
@@ -212,7 +213,7 @@
|
|||||||
v-model="dialog.visible"
|
v-model="dialog.visible"
|
||||||
:title="dialog.title"
|
:title="dialog.title"
|
||||||
top="4vh"
|
top="4vh"
|
||||||
width="60%"
|
width="1250"
|
||||||
@close="handleCloseDialog"
|
@close="handleCloseDialog"
|
||||||
>
|
>
|
||||||
<el-form
|
<el-form
|
||||||
@@ -227,7 +228,6 @@
|
|||||||
<el-form-item label="通知内容" prop="content">
|
<el-form-item label="通知内容" prop="content">
|
||||||
<editor
|
<editor
|
||||||
v-model="formData.content"
|
v-model="formData.content"
|
||||||
:excludeKeys="['headerSelect', 'blockquote']"
|
|
||||||
style="min-height: 480px; max-height: 500px"
|
style="min-height: 480px; max-height: 500px"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|||||||
Reference in New Issue
Block a user