这是入库按钮：<el-button type="primary" @click="submitForm" :loading="loadingbut" v-else v-hasPermi="['inter:order:add']">入 库</el-button> 这是需求：站内所有仓库板块用户收到新入库消息提醒，以弹窗方式展示， 1在 submitForm 函数中，发送请求将数据入库。 2在请求成功的回调函数中，向仓库板块用户发送新入库消息提醒。 3弹窗方式展示消息。可以使用 Element UI 的 MessageBox 组件，例如： this.$messageBox.alert('新入库消息提醒', '您有新的入库记录，请及时查看。') 4需要将消息推送给用户，使用 WebSocket 技术实现。在用户登录时，建立 WebSocket 连接，并订阅仓库板块的消息通知。当有新的消息时，WebSocket 服务器会向客户端推送消息。

好的，根据您的需求，我大致理解您的问题是如何在数据入库成功后，使用 WebSocket 技术向仓库板块用户发送新入库消息提醒，并以弹窗方式展示消息。

首先，在 `submitForm` 函数中，您可以发送数据入库请求。请求成功后，可以在回调函数中使用 WebSocket 技术向仓库板块用户发送新入库消息提醒。具体来说，您可以在后端实现 WebSocket 服务器，并在客户端使用 JavaScript 建立 WebSocket 连接，订阅仓库板块的消息通知。当有新的消息时，WebSocket 服务器会向客户端推送消息，客户端可以及时收到消息并进行相应的处理。

在客户端，您可以使用 Element UI 的 MessageBox 组件来弹出消息提示框，例如：

this.$messageBox.alert('新入库消息提醒', '您有新的入库记录，请及时查看。')

需要注意的是，在客户端建立 WebSocket 连接时，需要在用户登录时建立，并订阅仓库板块的消息通知。这样，当有新的消息时，客户端才能够及时收到并进行相应的处理。

相关问题

这是入库按钮：<el-button type="primary" @click="submitForm" :loading="loadingbut" v-else v-hasPermi="['inter:order:add']">入 库</el-button> 这是需求：站内所有仓库板块用户收到新入库消息提醒，以弹窗方式展示，能帮我写出来吗

可以的，你可以在 `submitForm` 函数中添加一个发送通知的逻辑。具体实现可以按照以下步骤：

1. 在 `submitForm` 函数中，发送请求将数据入库。

2. 在请求成功的回调函数中，向仓库板块用户发送新入库消息提醒。

3. 弹窗方式展示消息。可以使用 Element UI 的 `MessageBox` 组件，例如：

this.$messageBox.alert('新入库消息提醒', '您有新的入库记录，请及时查看。')

4. 如果需要将消息推送给用户，可以使用 WebSocket 技术实现。在用户登录时，建立 WebSocket 连接，并订阅仓库板块的消息通知。当有新的消息时，WebSocket 服务器会向客户端推送消息。具体实现可以参考第三方库，例如 Socket.io。

实现以上逻辑后，用户就能在收到新入库消息时弹窗提醒，进而查看新的入库记录。