[fixbug] required field check

web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts

@@ -17,7 +17,8 @@
  * under the License.
  */
 
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { NgForm } from '@angular/forms';
 import { I18NService } from '@core';
 import { ALAIN_I18N_TOKEN } from '@delon/theme';
 import { NzModalService } from 'ng-zorro-antd/modal';
@@ -69,6 +70,10 @@ export class AlertNoticeComponent implements OnInit {
   tagsOption: any[] = [];
   filterTags: string[] = [];
   isLimit: boolean = false;
+  @ViewChild('receiverForm', { static: false }) receiverForm: NgForm | undefined;
+  @ViewChild('templateForm', { static: false }) templateForm: NgForm | undefined;
+  @ViewChild('ruleForm', { static: false }) ruleForm: NgForm | undefined;
+
   dayCheckOptions = [
     { label: this.i18nSvc.fanyi('common.week.7'), value: 7, checked: true },
     { label: this.i18nSvc.fanyi('common.week.1'), value: 1, checked: true },
@@ -348,6 +353,17 @@ export class AlertNoticeComponent implements OnInit {
   }
 
   onManageReceiverModalOk() {
+    // @ts-ignore
+    if (this.receiverForm.invalid) {
+      // @ts-ignore
+      Object.values(this.receiverForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({ onlySelf: true });
+        }
+      });
+      return;
+    }
     this.isManageReceiverModalOkLoading = true;
     if (this.isManageReceiverModalAdd) {
       const modalOk$ = this.noticeReceiverSvc
@@ -691,6 +707,17 @@ export class AlertNoticeComponent implements OnInit {
   }
 
   onManageRuleModalOk() {
+    // @ts-ignore
+    if (this.ruleForm.invalid) {
+      // @ts-ignore
+      Object.values(this.ruleForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({ onlySelf: true });
+        }
+      });
+      return;
+    }
     this.rule.receiverName = [];
     this.receiversOption.forEach(option => {
       this.rule.receiverId.forEach(id => {
@@ -777,6 +804,17 @@ export class AlertNoticeComponent implements OnInit {
   }
 
   onManageTemplateModalOk() {
+    // @ts-ignore
+    if (this.templateForm.invalid) {
+      // @ts-ignore
+      Object.values(this.templateForm.controls).forEach(control => {
+        if (control.invalid) {
+          control.markAsDirty();
+          control.updateValueAndValidity({ onlySelf: true });
+        }
+      });
+      return;
+    }
     this.isManageTemplateModalOkLoading = true;
     if (this.isManageTemplateModalAdd) {
       this.template.preset = false;