From 651b1afb3b9fe326aa008e03a4061126718f48ec Mon Sep 17 00:00:00 2001
From: junleea <354425203@qq.com>
Date: Wed, 4 Dec 2024 15:21:45 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E8=AE=BE=E7=BD=AE=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=8C=89=E9=92=AE=EF=BC=8C=E4=BF=AE=E5=A4=8D=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js              |  2 ++
 src/utils/request.js     |  2 +-
 src/views/CIDList.vue    | 26 +++---------------
 src/views/Chat.vue       |  2 +-
 src/views/DeviceList.vue | 23 ++--------------
 src/views/Group.vue      | 24 +++--------------
 src/views/Menu.vue       | 58 ++++++++++++++++++++++++++++++++++++++++
 src/views/UserList.vue   | 26 +++---------------
 src/views/VideoList.vue  | 33 +++--------------------
 9 files changed, 78 insertions(+), 118 deletions(-)
 create mode 100644 src/views/Menu.vue

diff --git a/src/main.js b/src/main.js
index b470628..dc785c9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,8 +6,10 @@ import 'element-plus/dist/index.css'
 import App from './App.vue'
 import router from '@/router'
 import globalData  from '@/utils/global.js'
+import Menu from '@/views/Menu.vue'
 
 const app=createApp(App);
+app.component('Menu',Menu);
 app.provide('globalData',globalData);
 
 app.use(router).use(ElementPlus).mount('#app');
diff --git a/src/utils/request.js b/src/utils/request.js
index 774715b..c0913ee 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -1,7 +1,7 @@
 import axios from "axios";
 import router from "@/router/index.js";
 import { ElMessage } from 'element-plus';
-//const baseURL = "https://gep.ljsea.xyz/";
+//const baseURL = "https://gep.ljsea.top/";
 const baseURL = "https://tx.ljsea.top/";
 //const baseURL= "http://localhost:8083";
 //const baseURL="https://pm.ljsea.top";
diff --git a/src/views/CIDList.vue b/src/views/CIDList.vue
index f07be6c..3d6f59d 100644
--- a/src/views/CIDList.vue
+++ b/src/views/CIDList.vue
@@ -7,6 +7,8 @@ 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 Menu from "@/views/Menu.vue";
+
 import {ElMessage} from "element-plus";
 
 export default {
@@ -217,27 +219,7 @@ export default {
 
 <template>
   <div>
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      >视频列表</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      >设备管理</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      >用户</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
-      >聊天</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
-      >群组</el-button
-    >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/cid')"
-      >集成部署</el-button
-    >
+    <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >集成部署项目</el-header
@@ -261,8 +243,8 @@ export default {
             </el-form-item>
             <el-form-item>
               <el-select v-model="tokenData.server" @change="handleServerChange">
-                <el-option label="tx.ljsea.top" value="tx.ljsea.top">tx.ljsea.top</el-option>
                 <el-option label="gep.ljsea.xyz" value="gep.ljsea.xyz">gep.ljsea.xyz</el-option>
+                <el-option label="tx.ljsea.top" value="tx.ljsea.top">tx.ljsea.top</el-option>
               </el-select>
 
             </el-form-item>
diff --git a/src/views/Chat.vue b/src/views/Chat.vue
index 65a258e..ddfc5dd 100644
--- a/src/views/Chat.vue
+++ b/src/views/Chat.vue
@@ -64,7 +64,7 @@
           <el-button
             type="primary"
             size="mini"
-            @click.prevent="handleMenuSelect('/videoList')"
+            @click.prevent="handleMenuSelect('/user')"
             >返回</el-button
           >
           <el-text class="mx-1" type="primary"
diff --git a/src/views/DeviceList.vue b/src/views/DeviceList.vue
index bd3cc29..1632224 100644
--- a/src/views/DeviceList.vue
+++ b/src/views/DeviceList.vue
@@ -8,6 +8,7 @@ import { deleteDeviceService } from "@/api/device.js";
 import { updateDeviceService } from "@/api/device.js";
 import router from "@/router/index.js";
 import { ElMessage } from 'element-plus';  
+import Menu from "@/views/Menu.vue";
 
 export default {
   data() {
@@ -245,27 +246,7 @@ export default {
 
 <template>
   <div>
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      >视频列表</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      >设备管理</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      >用户</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
-      >聊天</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
-      >群组</el-button
-    >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/cid')"
-      >集成部署</el-button
-    >
+    <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >监控设备列表</el-header
diff --git a/src/views/Group.vue b/src/views/Group.vue
index 455f64f..4c8f0b6 100644
--- a/src/views/Group.vue
+++ b/src/views/Group.vue
@@ -16,6 +16,8 @@ import {DelFGService} from "@/api/user.js";
 import { updateDeviceService } from "@/api/device.js";
 import router from "@/router/index.js";
 import { ElMessage } from 'element-plus';  
+import Menu from "@/views/Menu.vue";
+
 
 export default {
   data() {
@@ -429,27 +431,7 @@ export default {
 
 <template>
   <div>
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      >视频列表</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      >设备管理</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      >用户</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
-      >聊天</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
-      >群组</el-button
-    >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/cid')"
-      >集成部署</el-button
-    >
+    <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >群组</el-header
diff --git a/src/views/Menu.vue b/src/views/Menu.vue
new file mode 100644
index 0000000..fd65b34
--- /dev/null
+++ b/src/views/Menu.vue
@@ -0,0 +1,58 @@
+<template>
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/videoList')"
+    >视频列表</el-button
+  >
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/device')"
+    >设备管理</el-button
+  >
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/User')"
+    >用户</el-button
+  >
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/chat')"
+    >聊天</el-button
+  >
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/group')"
+    >群组</el-button
+  >
+  <el-button
+    type="primary"
+    size="mini"
+    @click.prevent="handleMenuSelect('/cid')"
+    >集成部署</el-button
+  >
+  <el-button type="primary" size="mini" class="el-button--danger" @click="logout()">退出登录</el-button>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleMenuSelect(path) {
+      this.$router.push(path);
+    },
+    logout() {
+      //询问是否退出登录
+      if (!confirm("确定退出登录吗？")) {
+        return;
+      }
+      //退出登录
+      localStorage.clear();
+      router.push("/login");
+    },
+  },
+};
+</script>
diff --git a/src/views/UserList.vue b/src/views/UserList.vue
index 2652ee9..46b50bc 100644
--- a/src/views/UserList.vue
+++ b/src/views/UserList.vue
@@ -13,6 +13,9 @@ import Cookies from "js-cookie";
 import { getFriendListService } from "@/api/chat.js";
 import {sendMessageService} from "@/api/chat.js";
 import { ElMessage } from 'element-plus';
+
+import Menu from "@/views/Menu.vue";
+
 export default {
   data() {
     return {
@@ -348,28 +351,7 @@ export default {
 
 <template>
   <div>
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      >视频列表</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      >设备管理</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      >用户</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
-      >聊天</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
-      >群组</el-button
-    >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/cid')"
-      >集成部署</el-button
-    >
-
+    <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >用户搜索列表</el-header
diff --git a/src/views/VideoList.vue b/src/views/VideoList.vue
index f49ca4e..3029686 100644
--- a/src/views/VideoList.vue
+++ b/src/views/VideoList.vue
@@ -5,6 +5,7 @@ import { delayVideoService } from "@/api/video.js";
 import router from "@/router/index.js";
 import Cookies from "js-cookie";
 import { ElMessage } from 'element-plus';  
+import Menu from "@/views/Menu.vue";
 
 export default {
   data() {
@@ -68,7 +69,7 @@ export default {
       let result=await quashVideoService(this.tokenData);
       if (result.code == 0) {
         //alert(result.message);
-        ElMessage.success(result.message);
+        ElMessage.success("操作成功！"+result.message);
         this.getVideoList();
       } else {
         alert("操作失败");
@@ -229,27 +230,7 @@ export default {
 
 <template>
   <div>
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-      >视频列表</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-      >设备管理</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/User')"
-      >用户</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/chat')"
-      >聊天</el-button
-    >
-    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/group')"
-      >群组</el-button
-    >
-    <el-button
-      type="primary"
-      size="mini"
-      @click.prevent="handleMenuSelect('/cid')"
-      >集成部署</el-button
-    >
+    <Menu></Menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >监控视频列表</el-header
@@ -300,9 +281,6 @@ export default {
             <el-form-item>
               <el-button type="primary" @click="getVideoList()">查询</el-button>
             </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="logout()">退出登录</el-button>
-            </el-form-item>
             <el-form-item>
               <el-button
                 class="el-button--danger"
@@ -311,11 +289,6 @@ export default {
                 >全部延迟删除</el-button
               >
             </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="toDeviceM()"
-                >设备信息</el-button
-              >
-            </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="quashOption()"
                 >撤销操作</el-button