修改提示

src/views/CIDList.vue

@@ -7,6 +7,7 @@ import { addCIDService } from "@/api/cid.js";
 import { deleteCIDService } from "@/api/cid.js";
 import { updateCIDService } from "@/api/cid.js";
 import router from "@/router/index.js";
+import {ElMessage} from "element-plus";
 
 export default {
   data() {
@@ -80,9 +81,11 @@ export default {
       try {
         var d_re = await runCIDService(run_data);
         if (d_re.code == 0) {
-          alert("操作成功");
+          //alert("操作成功");
+          ElMessage.success("操作成功");
         } else {
-          alert("操作失败");
+          //alert("操作失败");
+          ElMessage.error("操作失败");
         }
       } catch (e) {
         console.log(e);
@@ -103,11 +106,13 @@ export default {
       try {
         var d_re = await deleteCIDService(delete_data);
         if (d_re.code == 0) {
-          alert("删除成功");
+          //alert("删除成功");
+          ElMessage.success("删除成功");
           //刷新页面
           this.getDeviceList();
         } else {
-          alert("操作失败");
+          //alert("操作失败");
+          ElMessage.error("操作失败");
         }
       } catch (e) {
         console.log(e);
@@ -128,9 +133,11 @@ export default {
       try {
         result = await addCIDService(this.addForm);
         if (result.code == 0) {
-          alert("添加成功");
+          //alert("添加成功");
+          ElMessage.success("添加成功");
         } else {
-          alert("添加失败");
+          //alert("添加失败");
+          ElMessage.error("添加失败");
         }
       } catch (e) {
         console.log(e);
@@ -142,10 +149,12 @@ export default {
       try {
         result = await updateCIDService(this.updateForm);
         if (result.code == 0) {
-          alert("修改成功");
+          //alert("修改成功");
+          ElMessage.success("修改成功");
           this.getDeviceList()
         } else {
-          alert("修改失败");
+          //alert("修改失败");
+          ElMessage.error("修改失败");
         }
       } catch (e) {
         console.log(e);

src/views/Im.vue

@@ -55,6 +55,7 @@ import router from "@/router/index.js";
 import * as crypto from "crypto";
 import CryptoJS from "crypto-js";
 import { ElLoading } from "element-plus";
+import { ElMessage } from 'element-plus';  
 import Cookies from "js-cookie";
 export default {
   data() {
@@ -142,7 +143,11 @@ export default {
         if (this.cnt > 10) {
           //暂停定时器
           this.stopInterval();
-          alert("连接失败，请重试！");
+          //alert("连接失败，请重试！");
+          ElMessage({
+            message: "连接失败，请重试！",
+            type: "error",
+          })
           router.push("/user");
         }
         return;
@@ -287,14 +292,22 @@ export default {
         //打开事件
         this.socket.onopen = function () {
           this.loading=false
-          alert("连接成功");
+          //alert("连接成功");
+          ElMessage({
+            message: "连接成功",
+            type: "success",
+          })
         };
         this.socket.onerror = (error) => {
           console.error("WebSocket Error:", error);
         };
         //关闭事件
         this.socket.onclose = function () {
-          alert("连接已关闭!");
+          //alert("连接已关闭!");
+          ElMessage({
+            message: "连接已关闭",
+            type: "error",
+          })
           router.push("/user");
         };
         //  浏览器端收消息，获得从服务端发送过来的文本消息
@@ -314,7 +327,11 @@ export default {
             // 构建消息内容
             _this.createContent(_this.to_user_name, null, data.data);
           }else if (data.type == "offline"){
-            alert("对方已下线");
+            //alert("对方已下线");
+            ElMessage({
+              message: "对方已下线",
+              type: "error",
+            })
             _this.socket.close();
             router.push("/user");
           }

src/views/Login.vue

@@ -104,6 +104,7 @@ import {
 } from "@/api/user.js";
 import router from "@/router/index.js";
 import VueQr from "vue-qr"; // 确保你已经注册了这个组件
+import {ElMessage} from "element-plus";
 import QRCode from "qrcode";
 
 const isLogin = ref(true);
@@ -212,14 +213,16 @@ const login = async () => {
 const onRegister = async () => {
   //校验密码是否一致
   if (registerData.value.password !== registerData.value.repassword) {
-    alert("两次密码不一致");
+    //alert("两次密码不一致");
+    ElMessage.error("两次密码不一致");
     return;
   }
   //校验邮箱是否合法
   let email = registerData.value.email;
   let reg = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
   if (!reg.test(email)) {
-    alert("邮箱格式不正确");
+    //alert("邮箱格式不正确");
+    ElMessage.error("邮箱格式不正确");
     return;
   }
 
@@ -301,7 +304,8 @@ const getQRStatus = async () => {
       router.push("/videoList");
     }
   } else {
-    alert(result.message);
+    //alert(result.message);
+    ElMessage.error(result.message);
   }
 };
 
@@ -327,9 +331,11 @@ const init = async () => {
 const register = async () => {
   let result = registerService(registerData.value);
   if (result.code === 0) {
-    alert(result.message);
+    //alert(result.message);
+    ElMessage.success(result.message);
   } else {
-    alert(result.message);
+    //alert(result.message);
+    ElMessage.error(result.message);
   }
 };
 </script>