gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: (NEZ-3377) alert rule 配置页面缺少必要提示信息

Browse Source
This commit is contained in:
zyh
2024-01-15 10:18:53 +08:00
parent 87c24bb9f2
commit 560ed1454a
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss
View File

@@ -210,4 +210,10 @@
margin-bottom: 0 !important;
flex: 1;
}
.summary-form-item{
.el-form-item__label{
display: flex;
}
}
}

22
nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
View File

@@ -165,11 +165,31 @@
<!-- notification -->
<div class="alert-rule-split-title">{{ $t('alert.config.notificationConfig') }}</div>
<!--summary-->
<el-form-item :label="$t('alert.summary')" prop="summary">
<el-form-item :label="$t('alert.summary')" prop="summary" class="summary-form-item">
<div slot="label">
<span>{{$t('alert.summary')}}</span>
<el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
<div style="white-space: pre-wrap;">{{$t('alert.config.labelTip')}}</div>
<div style="white-space: pre-wrap;marginTop:2px;">{{$t('alert.config.valueTip')}}</div>
<span slot="reference">
<i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</span>
</el-popover>
</div>
<el-input id="alert-box-input-summary" v-model="editAlertRule.summary" maxlength="512" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
</el-form-item>
<!--description-->
<el-form-item :label="$t('overall.remark')" prop="description">
<div slot="label">
<span>{{$t('overall.remark')}}</span>
<el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
<div style="white-space: pre-wrap;">{{$t('alert.config.labelTip')}}</div>
<div style="white-space: pre-wrap;marginTop:2px;">{{$t('alert.config.valueTip')}}</div>
<span slot="reference">
<i class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
</span>
</el-popover>
</div>
<el-input id="alert-box-input-description" v-model="editAlertRule.description" maxlength="256" placeholder="" rows="2" show-word-limit size="small" type="textarea"></el-input>
</el-form-item>
<!--notifyActive-->