From b01e518b4994f63e37c56c8b43560be2c644a87b Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Wed, 25 Nov 2020 11:54:22 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9Asystem=20Nottification=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/page/config/system.vue     | 53 +++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/nezha-fronted/src/components/page/config/system.vue b/nezha-fronted/src/components/page/config/system.vue
index 3894f65a6..794de10e0 100644
--- a/nezha-fronted/src/components/page/config/system.vue
+++ b/nezha-fronted/src/components/page/config/system.vue
@@ -137,6 +137,42 @@
         </div>
       </el-tab-pane>
       <el-tab-pane :label="$t('config.system.notification.notification')" name="notification"><!--$t('config.system.reset.reset')-->
+        <div class="linkBox notificationMessage">
+          <i class="nz-icon nz-icon-info-normal"></i>
+          <div style="margin-left: 15px">
+            <div>. Please make sure the script file exists and has executable permissions</div>
+            <div>. The script file receives two parameters:</div>
+            <div>&nbsp;&nbsp;&nbsp;&nbsp;① Notification account</div>
+            <div>&nbsp;&nbsp;&nbsp;&nbsp;② Alert message(json)
+              <el-tooltip placement="right" effect="light">
+              <pre slot="content" style="word-break: break-all">
+               {
+                  "assetId": 1,
+                  "dcId": 1,
+                  "description": "The endpoint is down, the detailed information
+                  Asset : 192.168.40.161, Project: system, Module: node_exporter,
+                  Data center: center, EndpointId: 1",
+                  "endAt": 1606240496000,
+                  "endpointId": 1,
+                  "hashKey": "34a17b57f289592a94ff65ee0864094b",
+                  "id": 1,
+                  "labels": "{\"severity\":\"P2\",\"endpoint\":\"1\",\"alertname\":\"1\",
+                  \"module\":\"node_exporter\",\"project\":\"system\",\"datacenter\":
+                  \"center\",\"asset\":\"192.168.40.161\"}",
+                  "moduleId": 1,
+                  "projectId": 1,
+                  "ruleId": 1,
+                  "severity": "P2",
+                  "startAt": 1606009916000,
+                  "state": 2,
+                  "summary": "The endpoint is down, endpointId is 1"
+              }
+              </pre>
+                <span class="more">...</span>
+              </el-tooltip>
+            </div>
+          </div>
+        </div>
         <div class="linkBox" >
           <div class="linkTitle">
             <span class="linkTitleHandle"></span>
@@ -970,6 +1006,22 @@
   .system-config-form  /deep/ .el-input input{
     text-align: left;
   }
+  .notificationMessage{
+    display: flex;
+    width: 780px;
+    background: #F6F6F6;
+    color: #999999;
+    margin-bottom: 10px;
+    padding: 10px 10px 5px 10px;
+    font-size: 14px;
+    justify-content: left;
+    justify-items: center;
+    align-items: center;
+  }
+  .notificationMessage .more{
+    font-size: 14px;
+    cursor: pointer;
+  }
 </style>
 <style>
   .system-config-form .el-form-item__content{
@@ -1018,4 +1070,5 @@
   .linkBox .el-form--inline{
     padding: 0;
   }
+
 </style>