From 30ddb207c0369e5e0ac23b63f19d996636590226 Mon Sep 17 00:00:00 2001
From: luanwenfei <luanwenfei@outlook.com>
Date: Wed, 22 Mar 2023 14:19:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A1=86=E6=9E=B6=E3=80=81?=
 =?UTF-8?q?=E6=B5=81=E6=8E=A7=E3=80=81=E6=9C=8D=E5=8A=A1=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E4=BA=8B=E4=BB=B6=E7=9A=84=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/views/EventsConfigView.vue   |  2 +-
 .../webapp/frontend/src/views/EventsView.vue  | 39 ++++++++++++++++---
 .../frontend/src/views/InstancesView.vue      | 14 +++++--
 3 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/sermant-backend/src/main/webapp/frontend/src/views/EventsConfigView.vue b/sermant-backend/src/main/webapp/frontend/src/views/EventsConfigView.vue
index b20b1f97e6..8cf60e1bc8 100644
--- a/sermant-backend/src/main/webapp/frontend/src/views/EventsConfigView.vue
+++ b/sermant-backend/src/main/webapp/frontend/src/views/EventsConfigView.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="width: 100%">
-    <el-page-header @back="goBack">
+    <el-page-header :title="'事件'" @back="goBack">
       <template #content>
         <span class="font-600 mr-3"> 事件配置 </span>
       </template>
diff --git a/sermant-backend/src/main/webapp/frontend/src/views/EventsView.vue b/sermant-backend/src/main/webapp/frontend/src/views/EventsView.vue
index a96d502480..42cd2e60f7 100644
--- a/sermant-backend/src/main/webapp/frontend/src/views/EventsView.vue
+++ b/sermant-backend/src/main/webapp/frontend/src/views/EventsView.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="width: 100%">
-    <el-page-header :title="'首页'" @back="goBack">
+    <el-page-header :title="'实例'" @back="goBack">
       <template #content>
         <span class="font-600 mr-3"> 事件监测 </span>
       </template>
@@ -83,7 +83,7 @@
               </span>
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item @click="currentOption = 0">应用</el-dropdown-item>
+                  <el-dropdown-item @click="currentOption = 0">服务</el-dropdown-item>
                   <el-dropdown-item @click="currentOption = 1">IP</el-dropdown-item>
                 </el-dropdown-menu>
               </template>
@@ -174,9 +174,9 @@
         <template #default="scope">
           <div style="display: flex; align-items: center">
             <span v-if="scope.row.type === 'log'">
-              LOG_{{ scope.row.info.logLevel }}
+              {{ eventName[scope.row.info.logLevel] }}
             </span>
-            <span v-if="scope.row.type !== 'log'">{{ scope.row.info.name }}</span>
+            <span v-if="scope.row.type !== 'log'">{{ eventName[scope.row.info.name] }}</span>
           </div>
         </template>
       </el-table-column>
@@ -214,7 +214,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column column-key="service" prop="meta.service" label="应用" />
+      <el-table-column column-key="service" prop="meta.service" label="服务" />
       <el-table-column column-key="ip" prop="meta.ip" label="IP" width="150" />
       <el-table-column column-key="scop" prop="scope" label="事件区域" width="150" />
       <el-table-column prop="time" label="上报时间" />
@@ -436,6 +436,34 @@ interface eventsResponse {
 
 const events = reactive({ events: [] });
 
+// 在此处添加事件
+const eventName = reactive(
+  {
+    // Framework事件
+    "SERMANT_START":"Agent启动",
+    "SERMANT_STOP":"Agent停止",
+    "SERMANT_TRANSFORM_SUCCESS":"增强成功",
+    "SERMANT_TRANSFORM_FAILURE":"增强失败",
+    "SERMANT_SERVICE_STOP":"服务停止",
+    "SERMANT_SERVICE_START":"服务启动",
+    "SERMANT_PLUGIN_LOAD":"插件加载",
+    // 日志事件
+    "WARNING":"警告日志",
+    "SEVERE":"错误日志",
+    "warning":"警告日志",
+    "severe":"错误日志",
+    // Flowcontrol事件
+    "TRAFFIC_LIMITING":"限流",
+    "CIRCUIT_BREAKER":"熔断",
+    "ADAPTIVE_OVERLOAD_PROTECTION":"自适应过载保护",
+    // ServiceRegistry事件
+    "GRACEFUL_ONLINE_BEGIN":"无损上线开始",
+    "GRACEFUL_ONLINE_END":"无损上线结束",
+    "GRACEFUL_OFFLINE_BEGIN":"无损下线开始",
+    "GRACEFUL_OFFLINE_END":"无损下线结束",
+  }
+);
+
 const displayState = reactive({
   totalPage: 1,
   pageSize: 10,
@@ -504,7 +532,6 @@ const getEvents = () => {
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: #fafafa;
 }
 
 .grid-content {
diff --git a/sermant-backend/src/main/webapp/frontend/src/views/InstancesView.vue b/sermant-backend/src/main/webapp/frontend/src/views/InstancesView.vue
index 2f29ef65ce..db43a5cb7c 100644
--- a/sermant-backend/src/main/webapp/frontend/src/views/InstancesView.vue
+++ b/sermant-backend/src/main/webapp/frontend/src/views/InstancesView.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="width: 100%">
-    <el-page-header>
+    <el-page-header :title="'事件'" @back="goBack">
       <template #content>
         <span class="font-600 mr-3"> 实例状态 </span>
       </template>
@@ -80,7 +80,7 @@
           </span>
           <template #dropdown>
             <el-dropdown-menu>
-              <el-dropdown-item @click="currentOption = 0">应用</el-dropdown-item>
+              <el-dropdown-item @click="currentOption = 0">服务</el-dropdown-item>
               <el-dropdown-item @click="currentOption = 1">IP</el-dropdown-item>
               <el-dropdown-item @click="currentOption = 2">版本</el-dropdown-item>
             </el-dropdown-menu>
@@ -137,11 +137,20 @@
 
 <script setup lang="ts">
 import { nextTick, reactive, onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
 import axios from "axios";
 
+// 路由
+const router = useRouter();
+
+
 onMounted(() => {
   getTableData();
 });
+
+const goBack = () => {
+  router.push("/events");
+};
 // 处理筛选标签
 const searchOption = ref(["服务", "IP", "版本"]);
 const currentOption = ref(0);
@@ -368,7 +377,6 @@ function searchHealth(health: string) {
   flex-direction: column;
   margin: 5px;
   width: 100%;
-  background-color: #fafafa;
 }
 .grid-content {
   text-align: center;