From b1adf5ad64a0bc80af6ee49ea6f20234055200f8 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Sat, 12 Mar 2022 12:53:10 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7=E9=A1=B9=E7=9A=84=E6=8F=90=E7=A4=BA=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/monitor/Step1.js | 2 +-
 spug_web/src/pages/monitor/Step2.js | 9 ++++++---
 spug_web/src/pages/monitor/store.js | 7 +++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/spug_web/src/pages/monitor/Step1.js b/spug_web/src/pages/monitor/Step1.js
index 41290af..b7ce777 100644
--- a/spug_web/src/pages/monitor/Step1.js
+++ b/spug_web/src/pages/monitor/Step1.js
@@ -42,7 +42,7 @@ export default observer(function () {
     store.record.type = v;
     store.record.targets = [];
     store.record.extra = undefined;
-  };
+  }
 
   function handleAddGroup() {
     Modal.confirm({
diff --git a/spug_web/src/pages/monitor/Step2.js b/spug_web/src/pages/monitor/Step2.js
index 561cbed..284bda1 100644
--- a/spug_web/src/pages/monitor/Step2.js
+++ b/spug_web/src/pages/monitor/Step2.js
@@ -4,6 +4,7 @@
  * Released under the AGPL-3.0 License.
  */
 import React, { useState, useEffect } from 'react';
+import { Link } from 'react-router-dom';
 import { observer } from 'mobx-react';
 import { Form, Select, Radio, Transfer, Checkbox, Button, message } from 'antd';
 import { http } from 'libs';
@@ -39,6 +40,7 @@ export default observer(function () {
     http.post('/api/monitor/', formData)
       .then(() => {
         message.success('操作成功');
+        store.record = {};
         store.formVisible = false;
         store.fetchRecords()
       }, () => setLoading(false))
@@ -52,7 +54,7 @@ export default observer(function () {
   const info = store.record;
   return (
     <Form form={form} labelCol={{span: 6}} wrapperCol={{span: 14}}>
-      <Form.Item name="rate" initialValue={info.rate || 5} label="监控频率">
+      <Form.Item name="rate" initialValue={info.rate || 5} label="监控频率" tooltip="每隔N分钟检测一次">
         <Radio.Group>
           <Radio value={1}>1分钟</Radio>
           <Radio value={5}>5分钟</Radio>
@@ -61,7 +63,7 @@ export default observer(function () {
           <Radio value={60}>60分钟</Radio>
         </Radio.Group>
       </Form.Item>
-      <Form.Item name="threshold" initialValue={info.threshold || 3} label="报警阈值">
+      <Form.Item name="threshold" initialValue={info.threshold || 3} label="报警阈值" tooltip="连续N次检测失败，则发送告警">
         <Radio.Group>
           <Radio value={1}>1次</Radio>
           <Radio value={2}>2次</Radio>
@@ -70,7 +72,8 @@ export default observer(function () {
           <Radio value={5}>5次</Radio>
         </Radio.Group>
       </Form.Item>
-      <Form.Item required name="notify_grp" valuePropName="targetKeys" initialValue={info.notify_grp} label="报警联系人组">
+      <Form.Item required name="notify_grp" valuePropName="targetKeys" initialValue={info.notify_grp} label="报警联系人组"
+                 extra={<>去创建 <Link to="/alarm/contact">报警联系人</Link> 和 <Link to="/alarm/group">联系人组</Link>。</>}>
         <Transfer
           lazy={false}
           rowKey={item => item.id}
diff --git a/spug_web/src/pages/monitor/store.js b/spug_web/src/pages/monitor/store.js
index 717367f..25545bf 100644
--- a/spug_web/src/pages/monitor/store.js
+++ b/spug_web/src/pages/monitor/store.js
@@ -50,9 +50,12 @@ class Store {
   };
 
   showForm = (info) => {
-    info = info || {type: '1', targets: []};
+    if (info) {
+      this.record = lds.cloneDeep(info)
+    } else if (this.record.id || !this.record.type) {
+      this.record = {type: '1', targets: []}
+    }
     this.page = 0;
-    this.record = lds.cloneDeep(info);
     this.formVisible = true;
   }
 }