diff --git a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/config/sms-provider/sms-provider.component.html b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/config/sms-provider/sms-provider.component.html
index 9a3021a45..d0829a74e 100644
--- a/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/config/sms-provider/sms-provider.component.html
+++ b/maxkey-web-frontend/maxkey-web-mgt-app/src/app/routes/config/sms-provider/sms-provider.component.html
@@ -4,11 +4,13 @@
     <nz-form-item style="display: none">
       <nz-form-label [nzMd]="6" nzRequired nzFor="id">{{ 'mxk.text.id' | i18n }}</nz-form-label>
       <nz-form-control [nzMd]="18" nzErrorTip="The input is not valid id!">
-        <input [(ngModel)]="form.model.id" [disabled]="true" [ngModelOptions]="{ standalone: true }" nz-input name="id" id="id" />
+        <input [(ngModel)]="form.model.id" [disabled]="true" [ngModelOptions]="{ standalone: true }" nz-input name="id"
+          id="id" />
       </nz-form-control>
     </nz-form-item>
     <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="provider">{{ 'mxk.smsprovider.provider' | i18n }}</nz-form-label>
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="provider">{{ 'mxk.smsprovider.provider' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzMd]="18" [nzXs]="36" [nzXl]="48" nzErrorTip="The input is not validminLength!">
         <nz-select [(ngModel)]="form.model.provider" [ngModelOptions]="{ standalone: true }">
           <nz-option nzValue="aliyun" nzLabel="{{ 'mxk.smsprovider.name.aliyun' | i18n }}"></nz-option>
@@ -21,61 +23,69 @@
     <nz-form-item>
       <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="status">{{ 'mxk.text.status' | i18n }}</nz-form-label>
       <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="The input is not valid status!">
-        <nz-switch
-          [(ngModel)]="form.model.switch_status"
-          [ngModelOptions]="{ standalone: true }"
-          name="status"
-          [nzCheckedChildren]="checkedTemplate"
-          [nzUnCheckedChildren]="unCheckedTemplate"
-        ></nz-switch>
+        <nz-switch [(ngModel)]="form.model.switch_status" [ngModelOptions]="{ standalone: true }" name="status"
+          [nzCheckedChildren]="checkedTemplate" [nzUnCheckedChildren]="unCheckedTemplate"></nz-switch>
         <ng-template #checkedTemplate><i nz-icon nzType="check"></i></ng-template>
         <ng-template #unCheckedTemplate><i nz-icon nzType="close"></i></ng-template>
       </nz-form-control>
     </nz-form-item>
 
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="message">{{ 'mxk.smsprovider.message' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="message">{{ 'mxk.smsprovider.message' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid message!">
-        <input [(ngModel)]="form.model.message" [ngModelOptions]="{ standalone: true }" nz-input name="message" id="message" />
+        <input [(ngModel)]="form.model.message" [ngModelOptions]="{ standalone: true }" nz-input name="message"
+          id="message" />
       </nz-form-control>
     </nz-form-item>
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="templateId">{{ 'mxk.smsprovider.templateId' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="templateId">{{ 'mxk.smsprovider.templateId' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid templateId!">
-        <input [(ngModel)]="form.model.templateId" [ngModelOptions]="{ standalone: true }" nz-input name="templateId" id="templateId" />
+        <input [(ngModel)]="form.model.templateId" [ngModelOptions]="{ standalone: true }" nz-input name="templateId"
+          id="templateId" />
       </nz-form-control>
     </nz-form-item>
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="appKey">{{ 'mxk.smsprovider.appKey' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="appKey">{{ 'mxk.smsprovider.appKey' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid appKey!">
-        <input [(ngModel)]="form.model.appKey" [ngModelOptions]="{ standalone: true }" nz-input type="password" name="appKey" id="appKey" />
+        <input [(ngModel)]="form.model.appKey" [ngModelOptions]="{ standalone: true }" nz-input name="appKey"
+          id="appKey" />
       </nz-form-control>
     </nz-form-item>
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="appSecret">{{ 'mxk.smsprovider.appSecret' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="appSecret">{{ 'mxk.smsprovider.appSecret' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid appSecret!">
-        <input [(ngModel)]="form.model.appSecret" [ngModelOptions]="{ standalone: true }" nz-input name="appSecret" id="appSecret" />
+        <input [(ngModel)]="form.model.appSecret" [ngModelOptions]="{ standalone: true }" nz-input type="password"
+          name="appSecret" />
       </nz-form-control>
     </nz-form-item>
 
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="signName">{{ 'mxk.smsprovider.signName' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="signName">{{ 'mxk.smsprovider.signName' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid signName!">
-        <input [(ngModel)]="form.model.signName" [ngModelOptions]="{ standalone: true }" nz-input name="signName" id="signName" />
+        <input [(ngModel)]="form.model.signName" [ngModelOptions]="{ standalone: true }" nz-input name="signName"
+          id="signName" />
       </nz-form-control>
     </nz-form-item>
 
-    <nz-form-item>
-      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="smsSdkAppId">{{ 'mxk.smsprovider.smsSdkAppId' | i18n }}</nz-form-label>
+    <nz-form-item *ngIf="form.model.provider == 'tencentcloud' && form.model.provider != 'email'">
+      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="smsSdkAppId">{{ 'mxk.smsprovider.smsSdkAppId' | i18n
+        }}</nz-form-label>
       <nz-form-control [nzSm]="18" [nzXs]="24" nzErrorTip="The input is not valid smsSdkAppId!">
-        <input [(ngModel)]="form.model.smsSdkAppId" [ngModelOptions]="{ standalone: true }" nz-input name="smsSdkAppId" id="smsSdkAppId" />
+        <input [(ngModel)]="form.model.smsSdkAppId" [ngModelOptions]="{ standalone: true }" nz-input name="smsSdkAppId"
+          id="smsSdkAppId" />
       </nz-form-control>
     </nz-form-item>
 
     <nz-form-item style="width: 100%">
-      <nz-form-control [nzOffset]="7" [nzSpan]="12">
-        <button nz-button nzType="primary" type="submit" [nzLoading]="form.submitting">提交</button>
+      <nz-form-control [nzOffset]="10" [nzSpan]="8">
+        <button nz-button nzType="primary" type="submit" [nzLoading]="form.submitting">{{ 'mxk.text.submit' | i18n
+          }}</button>
       </nz-form-control>
     </nz-form-item>
   </form>
-</nz-card>
+</nz-card>
\ No newline at end of file