feat

src/views/ops/pages/alert/template/edit/index.vue

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