diff --git a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
index 7662cbf6424..926c64760b2 100644
--- a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
+++ b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
@@ -274,7 +274,14 @@
           'alert.notice.type.wework-key' | i18n
         }}</nz-form-label>
         <nz-form-control [nzSpan]="12" [nzErrorTip]="'validation.required' | i18n">
-          <input [(ngModel)]="receiver.wechatId" nz-input [required]="receiver.type === 4" name="wechatId" type="text" />
+          <input
+            [(ngModel)]="receiver.wechatId"
+            (ngModelChange)="onSplitTokenStr(4)"
+            nz-input
+            [required]="receiver.type === 4"
+            name="wechatId"
+            type="text"
+          />
         </nz-form-control>
       </nz-form-item>
       <nz-form-item *ngIf="receiver.type === 5">
@@ -282,7 +289,14 @@
           'alert.notice.type.access-token' | i18n
         }}</nz-form-label>
         <nz-form-control [nzSpan]="12" [nzErrorTip]="'validation.required' | i18n">
-          <input [(ngModel)]="receiver.accessToken" nz-input [required]="receiver.type === 5" name="accessToken" type="text" />
+          <input
+            [(ngModel)]="receiver.accessToken"
+            (ngModelChange)="onSplitTokenStr(5)"
+            nz-input
+            [required]="receiver.type === 5"
+            name="accessToken"
+            type="text"
+          />
         </nz-form-control>
       </nz-form-item>
       <nz-form-item *ngIf="receiver.type === 6">
@@ -290,7 +304,14 @@
           'alert.notice.type.fei-shu-key' | i18n
         }}</nz-form-label>
         <nz-form-control [nzSpan]="12" [nzErrorTip]="'validation.required' | i18n">
-          <input [(ngModel)]="receiver.wechatId" nz-input [required]="receiver.type === 6" name="wechatId" type="text" />
+          <input
+            [(ngModel)]="receiver.wechatId"
+            (ngModelChange)="onSplitTokenStr(6)"
+            nz-input
+            [required]="receiver.type === 6"
+            name="wechatId"
+            type="text"
+          />
         </nz-form-control>
       </nz-form-item>
       <nz-form-item *ngIf="receiver.type === 7">
diff --git a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts
index ef990b15875..82ac540e23f 100644
--- a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts
+++ b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.ts
@@ -160,6 +160,36 @@ export class AlertNoticeComponent implements OnInit {
   isSendTestButtonLoading: boolean = false;
   receiver!: NoticeReceiver;
 
+  onSplitTokenStr(type: number) {
+    let index = -1;
+    switch (this.receiver?.type) {
+      case 4:
+        if (this.receiver?.wechatId) {
+          index = this.receiver.wechatId.indexOf('key=');
+          if (index > 0) {
+            this.receiver.wechatId = this.receiver.wechatId.substring(index + 4);
+          }
+        }
+        break;
+      case 5:
+        if (this.receiver?.accessToken) {
+          index = this.receiver.accessToken.indexOf('access_token=');
+          if (index > 0) {
+            this.receiver.accessToken = this.receiver.accessToken.substring(index + 13);
+          }
+        }
+        break;
+      case 6:
+        if (this.receiver?.wechatId) {
+          index = this.receiver.wechatId.indexOf('hook');
+          if (index > 0) {
+            this.receiver.wechatId = this.receiver.wechatId.substring(index + 5);
+          }
+        }
+        break;
+    }
+  }
+
   onNewNoticeReceiver() {
     this.receiver = new NoticeReceiver();
     this.isManageReceiverModalVisible = true;