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

好的，根据您的需求，我给您提供一份可能的代码实现，供您参考。

HTML 代码：

<template>
  <div>
    <el-button type="primary" @click="submitForm" :loading="loadingbut" v-else v-hasPermi="['inter:order:add']">入库</el-button>
  </div>
</template>

JavaScript 代码：

<script>
import { MessageBox } from 'element-ui';

export default {
  name: '入库按钮',
  data() {
    return {
      loadingbut: false,
    };
  },
  methods: {
    submitForm() {
      // 发送数据入库请求
      // ...

      // 请求成功后，向仓库板块用户发送新入库消息提醒
      // 利用 WebSocket 技术实现

      // 弹出消息提示框
      MessageBox.alert('新入库消息提醒', '您有新的入库记录，请及时查看。');
    },
    // 建立 WebSocket 连接
    createWebSocket() {
      const ws = new WebSocket('ws://localhost:8080');

      // 连接成功后订阅仓库板块的消息通知
      ws.onopen = () => {
        ws.send('subscribe warehouse');
      };

      // 接收到消息后弹出消息提示框
      ws.onmessage = (event) => {
        MessageBox.alert('新入库消息提醒', event.data);
      };

      // 处理连接错误
      ws.onerror = (event) => {
        console.error('WebSocket error:', event);
      };

      // 处理连接关闭
      ws.onclose = () => {
        console.warn('WebSocket closed.');
      };
    },
  },
  mounted() {
    // 在用户登录时建立 WebSocket 连接
    this.createWebSocket();
  },
};
</script>

需要注意的是，上述代码只是一份可能的实现方案，具体实现方式可能因应用场景和需求的不同而有所区别。同时，代码中的 WebSocket 地址、订阅仓库板块的消息通知等需要根据实际情况进行修改。