优化bug与添加一键删除按钮

Zhang-Hong-Lin

4 天以前 232cdf071bfe3bd2b77ba05accba89b67fcc1edc

 ÏîÄ¿´úÂë/WCS/WIDESEAWCS_Client/src/views/Index.vue

@@ -203,6 +203,8 @@
import store from "../store/index";
import http from "@/../src/api/http.js";
import { ElNotification } from "element-plus";
import { useStore } from "vuex";

export default defineComponent({
  components: {
    VolMenu,
@@ -217,8 +219,8 @@
      rightTabs: true,
      otherTabs: true,
      menuLeft: 0,
      menuTop: 0,
      client: null
      menuTop: 0

      //  contextMenuVisible: false, // å³é”®å…³é—­æ˜¾/隐
    };
  },
@@ -296,8 +298,14 @@
        toggleLeft();
      }
    };
    const Store = useStore();
    const s = ref(null);

    const handleMessage = e => {
      if (e) {
        s.value = e.data;
        console.log("WebSocket æ”¶åˆ°æ¶ˆæ¯: ", e.data);
        store.dispatch("sethomedata", s.value);
      let data = JSON.parse(e.data);
      messageList.push(data);
      ElNotification({
@@ -305,17 +313,29 @@
        message: h("i", { style: "color: teal" }, data.message),
        position: "bottom-right"
      });
      }
    };

    const createSocket = url => {
      //console.log(url);

      // åˆ›å»ºWebSocket连接
      //"ws://127.0.0.1:9295/admin"
      client = new WebSocket(url);

      //client = new WebSocket("ws://192.168.0.250:9260/");
      client = new WebSocket("ws:localhost:9260/");
      client.onopen = function() {
        client.onmessage = handleMessage;
        store.commit("setWebsocket", client);
        //client.onmessage = handleMessage;
        // store.commit("setWebsocket", client);
        console.log("WebSocket è¿žæŽ¥æˆåŠŸ");
      };

      client.onmessage = function(event) {
        // console.log("WebSocket æ”¶åˆ°æ¶ˆæ¯: ", event);

        if (event != undefined) {
          store.dispatch("sethomedata", JSON.parse(event.data));
        }
        // handleMessage(event);
      };

      client.onclose = function() {
@@ -323,7 +343,10 @@
        setTimeout(createSocket, 10000);
      };

      client.onerror = function() {};
      client.onerror = function(err) {
        console.log("WebSocket è¿žæŽ¥é”™è¯¯: ", err);
      };
      client.onmessage();
    };

    const changeTheme = name => {