From 6b1efe86c9e1d9e539146dab5005bc861d688c7e Mon Sep 17 00:00:00 2001
From: songjingcheng <songjingcheng@geedgenetworks.com>
Date: Thu, 29 Apr 2021 16:01:06 +0800
Subject: [PATCH] =?UTF-8?q?NEZ=20590=20alert=20rule=E8=A7=84=E5=88=99?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/rightBox/alertRuleBox.vue          | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 734c9dc96..47b5cbefe 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -15,12 +15,12 @@
 
     <!-- begin--表单-->
     <div class="right-box-form-box">
-      <el-form ref="alertRuleForm" :model="editAlertRule" :rules="rules" class="right-box-form right-box-form-left" label-position = "top" label-width="120px">
+      <el-form ref="alertRuleForm" :model="editAlertRule" :rules="rules" class="right-box-form right-box-form-left" label-position = "top" label-width="120px" style="width:100%">
         <!--name-->
         <el-form-item :label='$t("alert.config.name")' prop="name">
           <el-input id="alert-box-input-name" v-model="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
         </el-form-item>
-        <el-form-item :label='$t("alert.config.expr")' prop="expr" style="width: calc(100% - 15px);margin-left: 15px">
+        <el-form-item :label='$t("alert.config.expr")' prop="expr" >
           <promql-input
             id="alert-box-input-promql"
             ref="promql"
@@ -335,4 +335,30 @@ export default {
   /deep/ .metric-selector-title{
     margin-left: 0 !important;
   }
+   /* 标题样式 */
+  .right-box-title{
+    font-size: 16px;
+    font-weight: 700;
+    height: 60px;
+    line-height: 60px;
+    padding: 0 0 0 20px;
+    border-bottom:1px solid #E7EAED ;
+    box-sizing: border-box;
+  }
+  /* 表单 */
+  .el-form-item {
+    margin-left: 0;
+    width: 100%;
+    padding: 0 30px;
+    box-sizing: border-box;
+  }
+  .el-form-item__lable{
+    font-family: Roboto-Medium;
+    font-weight: 500;
+  }
+  .rule-severity-remark{
+    width: 640px;
+    box-sizing: border-box;
+    margin: -13px 30px 18px 30px;
+  }
 </style>