ops/front
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat

Browse Source
This commit is contained in:
ygx
2026-03-28 14:29:34 +08:00
parent 196ba18012
commit 1020699b8c
1 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/views/ops/pages/alert/template/edit/index.vue
View File

@@ -26,13 +26,13 @@
<a-row :gutter="20"> <a-row :gutter="20">
<!-- 左侧：基础信息 --> <!-- 左侧：基础信息 -->
<a-col :xs="24" :sm="24" :md="10" :lg="8"> <a-col :xs="24" :sm="24" :md="10" :lg="8">
<a-card class="info-card" title="基础信息"> <a-form
<a-form ref="formRef"
ref="formRef" :model="formData"
:model="formData" :rules="formRules"
:rules="formRules" layout="vertical"
layout="vertical" >
> <a-card class="info-card" title="基础信息">
<a-form-item label="模板名称" field="name" required> <a-form-item label="模板名称" field="name" required>
<a-input <a-input
v-model="formData.name" v-model="formData.name"
@@ -70,46 +70,46 @@
show-word-limit show-word-limit
/> />
</a-form-item> </a-form-item>
</a-form> </a-card>
</a-card>
<!-- 通知渠道 --> <!-- 通知渠道 -->
<a-card class="info-card" title="通知渠道"> <a-card class="info-card" title="通知渠道">
<a-form-item label="选择通知渠道" field="selectedChannelIds" required :rules="[{ required: true, message: '请选择通知渠道' }]"> <a-form-item label="选择通知渠道" field="selectedChannelIds" required>
<a-select <a-select
v-model="formData.selectedChannelIds" v-model="formData.selectedChannelIds"
placeholder="请选择通知渠道" placeholder="请选择通知渠道"
multiple multiple
allow-search allow-search
:filter-option="false" :filter-option="false"
@search="handleChannelSearch" @search="handleChannelSearch"
@dropdown-visible-change="handleChannelDropdownChange" @dropdown-visible-change="handleChannelDropdownChange"
> >
<a-option v-for="item in channelOptions" :key="item.id" :value="item.id"> <a-option v-for="item in channelOptions" :key="item.id" :value="item.id">
{{ item.name }} {{ item.name }}
</a-option> </a-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-card> </a-card>
<!-- 抑制规则 --> <!-- 抑制规则 -->
<a-card class="info-card" title="抑制规则"> <a-card class="info-card" title="抑制规则">
<a-form-item label="选择抑制规则" field="suppression_rule_ids" required :rules="[{ required: true, message: '请选择抑制规则' }]"> <a-form-item label="选择抑制规则" field="suppression_rule_ids" required>
<a-select <a-select
v-model="formData.suppression_rule_ids" v-model="formData.suppression_rule_ids"
placeholder="请选择抑制规则" placeholder="请选择抑制规则"
multiple multiple
allow-search allow-search
:filter-option="false" :filter-option="false"
@search="handleSuppressionSearch" @search="handleSuppressionSearch"
@dropdown-visible-change="handleSuppressionDropdownChange" @dropdown-visible-change="handleSuppressionDropdownChange"
> >
<a-option v-for="item in suppressionOptions" :key="item.id" :value="item.id"> <a-option v-for="item in suppressionOptions" :key="item.id" :value="item.id">
{{ item.name }} {{ item.name }}
</a-option> </a-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-card> </a-card>
</a-form>
</a-col> </a-col>
<!-- 右侧：规则配置 --> <!-- 右侧：规则配置 -->
@@ -227,9 +227,9 @@ const formRules = {
{ maxLength: 100, message: '模板名称最多100个字符' }, { maxLength: 100, message: '模板名称最多100个字符' },
], ],
category: [{ required: true, message: '请选择模板分类' }], category: [{ required: true, message: '请选择模板分类' }],
tagsList: [{ required: true, message: '请添加标签' }], tagsList: [{ required: true, type: 'array', message: '请添加标签' }],
selectedChannelIds: [{ required: true, message: '请选择通知渠道' }], selectedChannelIds: [{ required: true, type: 'array', message: '请选择通知渠道' }],
suppression_rule_ids: [{ required: true, message: '请选择抑制规则' }], suppression_rule_ids: [{ required: true, type: 'array', message: '请选择抑制规则' }],
} }
// 初始化页面 // 初始化页面