🔨 统一前端卡片风格.
This commit is contained in:
@@ -98,7 +98,7 @@
|
||||
|
||||
:deep(.card) {
|
||||
padding: 16px 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
background-color: var(--color-bg-2);
|
||||
|
||||
&-title {
|
||||
|
||||
@@ -301,7 +301,7 @@
|
||||
.panel-item {
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
margin-right: 16px;
|
||||
position: relative;
|
||||
background: var(--color-bg-2);
|
||||
|
||||
@@ -295,7 +295,7 @@
|
||||
|
||||
.exec-form-container, .exec-command-container, .exec-history-container {
|
||||
background: var(--color-bg-2);
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
position: relative;
|
||||
|
||||
@@ -229,8 +229,8 @@
|
||||
|
||||
// 获取指标名称
|
||||
const getMetricsField = (metricsId: number, field: string) => {
|
||||
return (monitorMetrics as Array<MetricsQueryResponse>).find(m => m.id === metricsId)?.[field];
|
||||
};
|
||||
return (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
|
||||
};
|
||||
|
||||
// 提取标签
|
||||
const extraTags = (record: AlarmEventQueryResponse) => {
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
allow-clear />
|
||||
</a-form-item>
|
||||
<!-- 数据集 -->
|
||||
<a-form-item field="metricsId" label="数据集">
|
||||
<a-form-item field="metricsMeasurement" label="数据集">
|
||||
<a-select v-model="formModel.metricsMeasurement"
|
||||
:options="toOptions(MetricsMeasurementKey)"
|
||||
placeholder="数据集"
|
||||
|
||||
@@ -30,8 +30,8 @@
|
||||
placeholder="请输入策略描述"
|
||||
allow-clear />
|
||||
</a-form-item>
|
||||
<!-- 通知模板 -->
|
||||
<a-form-item field="notifyIdList" label="通知模板">
|
||||
<!-- 通知渠道 -->
|
||||
<a-form-item field="notifyIdList" label="通知渠道">
|
||||
<notify-template-selector v-model="formModel.notifyIdList"
|
||||
biz-type="ALARM"
|
||||
multiple
|
||||
|
||||
@@ -203,7 +203,7 @@
|
||||
|
||||
// 获取指标名称
|
||||
const getMetricsField = (metricsId: number, field: string) => {
|
||||
return (monitorMetrics as Array<MetricsQueryResponse>).find(m => m.id === metricsId)?.[field];
|
||||
return (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
|
||||
};
|
||||
|
||||
// 切换规则开关
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
allow-clear />
|
||||
</a-form-item>
|
||||
<!-- 数据集 -->
|
||||
<a-form-item field="metricsId" label="数据集">
|
||||
<a-form-item field="metricsMeasurement" label="数据集">
|
||||
<a-select v-model="formModel.metricsMeasurement"
|
||||
:options="toOptions(MetricsMeasurementKey)"
|
||||
placeholder="数据集"
|
||||
|
||||
@@ -177,6 +177,9 @@
|
||||
if (type === ValueType.BOOLEAN) {
|
||||
extraValue.value[nameKey] = false;
|
||||
continue;
|
||||
} else if (type === ValueType.STRING) {
|
||||
extraValue.value[nameKey] = '';
|
||||
continue;
|
||||
}
|
||||
formRef.value.setFields({
|
||||
[nameKey]: {
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
padding: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
:deep(.arco-tabs-nav-tab-list) {
|
||||
|
||||
@@ -117,7 +117,7 @@
|
||||
padding: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
:deep(.arco-tabs-nav-tab-list) {
|
||||
|
||||
Reference in New Issue
Block a user