diff --git a/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.html b/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.html
index 20c2ddb5d..044b91bc4 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.html
+++ b/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.html
@@ -6,9 +6,9 @@
       <!-- 添加 -->
       <button class="btn btn-primary" (click)="addView()">{{'menu.add' | translate}}</button>
       <button class="btn btn-primary" [disabled]="rowSelected.length !== 1"
-        (click)="modifyData()">{{'menu.modify' | translate}}</button>
+              (click)="modifyData()">{{'menu.modify' | translate}}</button>
       <button class="btn btn-primary" [disabled]="rowSelected.length !== 1"
-        (click)="expandView()">{{'menu.expand' | translate}}</button>
+              (click)="expandView()">{{'menu.expand' | translate}}</button>
       <clr-dropdown [clrCloseMenuOnItemClick]="true">
         <button clrDropdownTrigger class="btn btn-primary" aria-label="Dropdown demo button">
           {{'menu.more' | translate}}
@@ -16,15 +16,15 @@
         </button>
         <clr-dropdown-menu *clrIfOpen>
           <div aria-label="Dropdown header Action 1" [disabled]="rowSelected.length !== 1" clrDropdownItem
-            (click)="reduceView();">{{'menu.reduce' | translate}}</div>
+               (click)="reduceView();">{{'menu.reduce' | translate}}</div>
           <div class="dropdown-divider" role="separator" aria-hidden="true"></div>
           <div aria-label="Dropdown header Action 2" [disabled]="rowSelected.length !== 1" clrDropdownItem
-            (click)="mount();"> {{'menu.mount' | translate}}</div>
+               (click)="mount();"> {{'menu.mount' | translate}}</div>
           <div aria-label="Dropdown header Action 2" [disabled]="rowSelected.length !== 1" clrDropdownItem
-            (click)="unmountBtnFunc();">{{'menu.unmount' | translate}}</div>
+               (click)="unmountBtnFunc();">{{'menu.unmount' | translate}}</div>
           <div class="dropdown-divider" role="separator" aria-hidden="true"></div>
           <div aria-label="Dropdown header Action 2" [disabled]="rowSelected.length == 0" clrDropdownItem
-            (click)="delBtnFunc();">{{'menu.del' | translate}}</div>
+               (click)="delBtnFunc();">{{'menu.del' | translate}}</div>
           <div aria-label="Dropdown header Action 2" clrDropdownItem (click)="scanDataStore();">
             {{'menu.Synchronize' | translate}}</div>
         </clr-dropdown-menu>
@@ -63,28 +63,28 @@
         </clr-dg-filter>
       </clr-dg-column>
       <clr-dg-column #capacity [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'capacity'"
-        style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.totalCapacity' | translate}}
         <clr-icon *ngIf="sortFunc(capacity.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 0.1rem;"></clr-icon>
+                  style="position: absolute;right: 0.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #freeSpace [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'freeSpace'"
-        style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.freeCapacity' | translate}}
         <clr-icon *ngIf="sortFunc(freeSpace.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 0.1rem;"></clr-icon>
+                  style="position: absolute;right: 0.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #capacityUsage [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'capacityUsage'"
-        style="min-width:11rem;position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="min-width:11rem;position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.capacityUsage' | translate}}
         <clr-icon *ngIf="sortFunc(capacityUsage.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 0.1rem;"></clr-icon>
+                  style="position: absolute;right: 0.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #reserveCapacity [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'reserveCapacity'"
-        style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.provisioningCapacity' | translate}}
         <clr-icon *ngIf="sortFunc(reserveCapacity.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 0.1rem;"></clr-icon>
+                  style="position: absolute;right: 0.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column [hidden]="radioCheck!=='list'" [clrDgField]="'device'">
         {{'nfs.device' | translate}}
@@ -101,34 +101,36 @@
       <clr-dg-column [hidden]="radioCheck!=='list'" [clrDgField]="'fs'">{{'nfs.fileSystem' | translate}}</clr-dg-column>
 
       <clr-dg-column #ops [hidden]="radioCheck!=='chart'" class="hideFilter" [clrDgField]="'ops'"
-        style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.ops' | translate}}
         <clr-icon *ngIf="sortFunc(ops.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 1.1rem;"></clr-icon>
+                  style="position: absolute;right: 1.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #bandwidth [hidden]="radioCheck!=='chart'" class="hideFilter" [clrDgField]="'bandwidth'"
-        style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     style="position: relative" (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.bandwidth' | translate}}
         <clr-icon *ngIf="sortFunc(bandwidth.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 1.1rem;"></clr-icon>
+                  style="position: absolute;right: 1.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #readResponseTime [hidden]="radioCheck!=='chart'" class="hideFilter"
-        [clrDgField]="'readResponseTime'" style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     [clrDgField]="'readResponseTime'" style="position: relative"
+                     (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.respRt' | translate}}
         <clr-icon *ngIf="sortFunc(readResponseTime.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 1.1rem;"></clr-icon>
+                  style="position: absolute;right: 1.1rem;"></clr-icon>
       </clr-dg-column>
       <clr-dg-column #writeResponseTime [hidden]="radioCheck!=='chart'" class="hideFilter"
-        [clrDgField]="'writeResponseTime'" style="position: relative" (clrDgSortedChange)="sortFunc($event);">
+                     [clrDgField]="'writeResponseTime'" style="position: relative"
+                     (clrDgSortedChange)="sortFunc($event);">
         {{'nfs.respWt' | translate}}
         <clr-icon *ngIf="sortFunc(writeResponseTime.sorted);" shape="arrow down" class="is-solid"
-          style="position: absolute;right: 1.1rem;"></clr-icon>
+                  style="position: absolute;right: 1.1rem;"></clr-icon>
       </clr-dg-column>
 
       <clr-dg-placeholder>{{'tips.noData' | translate}}</clr-dg-placeholder>
       <clr-dg-row *clrDgItems="let item of list" [clrDgItem]="item">
         <clr-dg-cell class="over_flow" (click)="navigateTo(item.objectid)" style="color:#829DE6;cursor:pointer">
-          {{item.name ? item.name:'--'}}</clr-dg-cell>
+          {{item.name ? item.name : '--'}}</clr-dg-cell>
         <!-- <clr-dg-cell class="over_flow" style="width: 5%" [hidden]="radioCheck!=='list'">
           <span *ngIf="item.status == 'normal'">
                 <span class="color-square" style="background-color: #7CDFA0; margin-right: 10px"></span>
@@ -147,41 +149,42 @@
         <clr-dg-cell class="over_flow" style="width: 5%" [hidden]="radioCheck!=='list'">
           <span *ngIf="item.alarmState">
             <span class="color-square" [style.background-color]="getColor(item.alarmState)"
-              style="margin-right: 10px"></span>
-            <span>{{getLabelByValue(item.alarmState,'alarm_state_map') | translate}}</span>
+                  style="margin-right: 10px"></span>
+            <span>{{getLabelByValue(item.alarmState, 'alarm_state_map') | translate}}</span>
           </span>
           <span *ngIf="!item.alarmState">--</span>
         </clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'" style="text-align: right">
-          {{item.capacity ? formatCapacity(item.capacity):'--'}}</clr-dg-cell>
+          {{item.capacity ? formatCapacity(item.capacity) : '--'}}</clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'" style="text-align: right">
-          {{item.freeSpace ? formatCapacity(item.freeSpace):'--'}}</clr-dg-cell>
+          {{item.freeSpace ? formatCapacity(item.freeSpace) : '--'}}</clr-dg-cell>
         <clr-dg-cell class="over_flow" style="min-width: 11rem;" [hidden]="radioCheck!=='list'">
           <div class="progress-block" *ngIf="item.capacity && item.freeSpace">
             <clr-progress-bar clrValue="{{((item.capacity - item.freeSpace)/item.capacity * 100).toFixed(2)}}"
-              clrSuccess></clr-progress-bar>
-            <span>{{((item.capacity - item.freeSpace)/item.capacity * 100).toFixed(2)}}%</span>
+                              clrSuccess></clr-progress-bar>
+            <span>{{((item.capacity - item.freeSpace) / item.capacity * 100).toFixed(2)}}%</span>
           </div>
           <span *ngIf="!item.capacity && !item.freeSpace">--</span>
         </clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'" style="text-align: right">
-          {{item.reserveCapacity ? formatCapacity(item.reserveCapacity):'--'}}</clr-dg-cell>
-        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.device ? item.device:'--'}}</clr-dg-cell>
-        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.logicPort ? item.logicPort:'--'}}
+          {{item.reserveCapacity ? formatCapacity(item.reserveCapacity) : '--'}}</clr-dg-cell>
+        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.device ? item.device : '--'}}</clr-dg-cell>
+        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.logicPort ? item.logicPort : '--'}}
         </clr-dg-cell>
-        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.shareIp ? item.shareIp:'--'}}</clr-dg-cell>
-        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.sharePath ? item.sharePath:'--'}}
+        <clr-dg-cell class="over_flow"
+                     [hidden]="radioCheck!=='list'">{{item.shareIp ? item.shareIp : '--'}}</clr-dg-cell>
+        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.sharePath ? item.sharePath : '--'}}
         </clr-dg-cell>
-        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.fs ? item.fs:'--'}}</clr-dg-cell>
+        <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='list'">{{item.fs ? item.fs : '--'}}</clr-dg-cell>
 
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='chart'" style="text-align: right">
-          {{item.ops!=null ? item.ops:'--'}}</clr-dg-cell>
+          {{item.ops != null ? item.ops : '--'}}</clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='chart'" style="text-align: right">
-          {{item.bandwidth!=null ? item.bandwidth:'--'}}</clr-dg-cell>
+          {{item.bandwidth != null ? item.bandwidth : '--'}}</clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='chart'" style="text-align: right">
-          {{item.readResponseTime!=null ? item.readResponseTime:'--'}}</clr-dg-cell>
+          {{item.readResponseTime != null ? item.readResponseTime : '--'}}</clr-dg-cell>
         <clr-dg-cell class="over_flow" [hidden]="radioCheck!=='chart'" style="text-align: right">
-          {{item.writeResponseTime!=null ? item.writeResponseTime:'--'}}</clr-dg-cell>
+          {{item.writeResponseTime != null ? item.writeResponseTime : '--'}}</clr-dg-cell>
       </clr-dg-row>
       <clr-dg-footer>
         <clr-dg-pagination #pagination [clrDgPageSize]="5" [clrDgTotalItems]="total">
@@ -205,13 +208,13 @@
     <div *ngIf="modalLoading" class="loadingDiv">
       <span>
         {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-          style="margin-left: 20px;">
+                                               style="margin-left: 20px;">
       </span>
     </div>
     <div *ngIf="modalHandleLoading" class="loadingDiv">
       <span>
         {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-          style="margin-left: 20px;">
+                                                         style="margin-left: 20px;">
       </span>
     </div>
     <clr-wizard-page #addPageOne [clrWizardPageNextDisabled]="checkAddForm('addPageOne')&&isAddPageOneNextDisabled">
@@ -224,9 +227,9 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.storeageDevice' | translate}}</label>
           <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storageList" [(ngModel)]="addForm.storagId"
-            name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
-            formControlName="storagId" required>
-            <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name+'('+item.ip+')'}}</option>
+                  name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
+                  formControlName="storagId" required>
+            <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name + '(' + item.ip + ')'}}</option>
           </select>
           <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
         </clr-select-container>
@@ -234,8 +237,8 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.storagePool' | translate}}</label>
           <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storagePools"
-            [(ngModel)]="addForm.storagePoolId"
-            name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
+                  [(ngModel)]="addForm.storagePoolId"
+                  name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
             <option *ngFor="let item of storagePools" value="{{item.id}}">{{item.name}}</option>
           </select>
           <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
@@ -258,9 +261,9 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.logicPort' | translate}}</label>
           <select clrSelect (ngModelOptions)="logicPorts" [(ngModel)]="addForm.currentPortId" name="currentPortId"
-            formControlName="currentPortId" class="clr-select" required>
+                  formControlName="currentPortId" class="clr-select" required>
             <option *ngFor="let item of logicPorts" value="{{item.id}}">
-              {{item.name+'_'+item.currentPortName+'('+item.mgmtIp+')'}}</option>
+              {{item.name + '_' + item.currentPortName + '(' + item.mgmtIp + ')'}}</option>
           </select>
           <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
         </clr-select-container>
@@ -275,10 +278,12 @@
             formControlName="nfsName"
             (blur)="checkNfsName();"
             (change)="checkNfsName();"
-            required />
+            required/>
           <clr-control-error>
-            <p *ngIf="!oldNfsName || matchErr" class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>
-            <p class="clr-error clr-subtext"> {{'validations.required_nfs_name' | translate:'{length:42}'}}</p>
+            <div class="clr-error clr-subtext">
+              <div style="margin-bottom: 5px">{{'errorMsg.require' | translate}}</div>
+              {{'validations.required_nfs_name' | translate:'{length:42}'}}
+            </div>
             <p *ngIf="nfsNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.fsrepeat' | translate}}</p>
             <p *ngIf="fsNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.fsrepeat' | translate}}</p>
             <p *ngIf="shareNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.sharerepeat' | translate}}</p>
@@ -289,12 +294,12 @@
           <label></label>
           <clr-checkbox-wrapper>
             <input type="checkbox" clrCheckbox *ngIf="isCheckSameName();" [(ngModel)]="addForm.sameName"
-              (change)="setSameName();" name="sameName" formControlName="sameName" />
+                   (change)="setSameName();" name="sameName" formControlName="sameName"/>
             <!-- disabled checkbox samename -->
             <input type="checkbox" clrCheckbox *ngIf="!isCheckSameName();" [(ngModel)]="addForm.sameName"
-              name="sameName" formControlName="sameName" disabled />
-              <!-- 20210510105017  -->
-            <label style="width: 280px;">{{(dorado?'nfs.modifySameName':'nfs.sameName') | translate}}</label>
+                   name="sameName" formControlName="sameName" disabled/>
+            <!-- 20210510105017  -->
+            <label style="width: 280px;">{{(dorado ? 'nfs.modifySameName' : 'nfs.sameName') | translate}}</label>
           </clr-checkbox-wrapper>
         </clr-checkbox-container>
         <!-- 如果名字可以不一样 -->
@@ -303,14 +308,14 @@
           <label>{{'nfs.fsName' | translate}}</label>
           <!-- 中文名 -->
           <input class="inputWidth100Percent"
-            maxlength="256"
-            clrInput
-            [(ngModel)]="addForm.fsName"
-            name="fsName"
-            required
-            formControlName="fsName"
-            (change)="checkFsName();"
-            (blur)="checkFsName();" />
+                 maxlength="256"
+                 clrInput
+                 [(ngModel)]="addForm.fsName"
+                 name="fsName"
+                 required
+                 formControlName="fsName"
+                 (change)="checkFsName();"
+                 (blur)="checkFsName();"/>
           <!--   <clr-control-helper *ngIf="matchErr">
             <p class="clr-error clr-subtext">{{'validations.nameRequiredTwo' | translate}}</p>
           </clr-control-helper> -->
@@ -326,20 +331,20 @@
         <clr-input-container *ngIf="!dorado&&!addForm.sameName">
           <label>{{'nfs.shareName' | translate}}</label>
           <input class="inputWidth100Percent"
-            clrInput
-            maxlength="256"
-            name="shareName"
-            [(ngModel)]="addForm.shareName"
-            formControlName="shareName"
-            (blur)="checkShareName();"
-            (change)="checkShareName();" />
+                 clrInput
+                 maxlength="256"
+                 name="shareName"
+                 [(ngModel)]="addForm.shareName"
+                 formControlName="shareName"
+                 (blur)="checkShareName();"
+                 (change)="checkShareName();"/>
           <!-- <clr-control-helper *ngIf="shareNameContainsCN">
             <p class="clr-error clr-subtext">{{'validations.shareNameRequired' | translate}}</p>
           </clr-control-helper> -->
           <clr-control-error>
             <p *ngIf="!oldShareName" class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>
-            <!-- <p *ngIf="matchErr" class="clr-error clr-subtext">{{'errorMsg.numberAndLetter' | translate}}</p> -->
             <p class="clr-error clr-subtext">{{'validations.required_share_name' | translate:'{length:254}'}}</p>
+            <p *ngIf="matchErr" class="clr-error clr-subtext">{{'errorMsg.numberAndLetter' | translate}}</p>
             <p *ngIf="shareNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.sharerepeat' | translate}}</p>
           </clr-control-error>
         </clr-input-container>
@@ -347,19 +352,21 @@
         <clr-input-container>
           <label>{{'nfs.size' | translate}}</label>
           <input style="width: 80%" clrInput class="inputOneLine" type="number" min="0" [(ngModel)]="addForm.size"
-            name="size" formControlName="size" required  (blur)="checkSize()"/>
+                 name="size" formControlName="size" required (blur)="checkSize()"/>
           <select clrInput [(ngModel)]="unit" name="unit" formControlName="unit">
             <option value="TB">TB</option>
             <option value="GB">GB</option>
           </select>
           <clr-control-helper *ngIf="overSizeGB">
             <div class="errorTips" readonly>
-              <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon><span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeGB'|translate}}
+              <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+              <span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeGB'|translate}}
             </div>
           </clr-control-helper>
           <clr-control-helper *ngIf="overSizeTB">
             <div class="errorTips" readonly>
-              <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon><span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeTB'|translate}}
+              <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+              <span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeTB'|translate}}
             </div>
           </clr-control-helper>
           <clr-control-error>
@@ -370,7 +377,7 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.characterEncoding' | translate}}</label>
           <select clrSelect [(ngModel)]="addForm.characterEncoding" formControlName="characterEncoding"
-            name="characterEncoding" required>
+                  name="characterEncoding" required>
             <option value="utf-8">UTF-8</option>
             <option value="zh">ZH</option>
             <option value="gbk">GBK</option>
@@ -398,17 +405,17 @@
           <label>{{'nfs.securityType' | translate}}</label>
           <clr-radio-wrapper>
             <input type="radio" clrRadio name="securityType" formControlName="securityType"
-              [(ngModel)]="addForm.securityType" value="AUTH_SYS" />
+                   [(ngModel)]="addForm.securityType" value="AUTH_SYS"/>
             <label>{{'nfs.authSys' | translate}}</label>
           </clr-radio-wrapper>
           <clr-radio-wrapper>
             <input type="radio" clrRadio name="securityType" formControlName="securityType"
-              [(ngModel)]="addForm.securityType" value="SEC_KRB5" />
+                   [(ngModel)]="addForm.securityType" value="SEC_KRB5"/>
             <label>{{'nfs.secKrb5' | translate}}</label>
           </clr-radio-wrapper>
           <clr-radio-wrapper>
             <input type="radio" clrRadio name="securityType" formControlName="securityType"
-              [(ngModel)]="addForm.securityType" value="SEC_KRB5I" />
+                   [(ngModel)]="addForm.securityType" value="SEC_KRB5I"/>
             <label>{{'nfs.secKrb5i' | translate}}</label>
           </clr-radio-wrapper>
           <clr-control-helper>
@@ -420,7 +427,7 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.mountHost' | translate}}</label>
           <select clrSelect (ngModelOptions)="hostList" [(ngModel)]="addForm.hostObjectId" required name="hostObjectId"
-            formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
+                  formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
             <option *ngFor="let item of hostList" value="{{item.objectId}}">{{item.hostName}}</option>
           </select>
         </clr-select-container>
@@ -428,7 +435,7 @@
         <clr-select-container class="selectClass">
           <label>{{'nfs.vkernel' | translate}}</label>
           <select clrSelect (ngModelOptions)="vmkernelList" required formControlName="vkernelIp"
-            [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
+                  [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
             <option *ngFor="let item of vmkernelList" value="{{item.ipAddress}}">{{item.ipAddress}}</option>
           </select>
         </clr-select-container>
@@ -461,14 +468,14 @@
       <form clrForm #formPageTwo="ngForm">
         <clr-toggle-wrapper>
           <label style="width: 100px;">{{'nfs.add_advance' | translate}}</label>
-          <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance" />
+          <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance"/>
         </clr-toggle-wrapper>
         <div *ngIf="addForm.advance">
           <!--qos-->
           <clr-toggle-wrapper>
             <label style="width: 100px;">{{'nfs.qosPolicy' | translate}}</label>
             <input type="checkbox" clrToggle name="qosFlag" (change)="qoSFlagChange(addForm);"
-              [(ngModel)]="addForm.qosFlag" />
+                   [(ngModel)]="addForm.qosFlag"/>
           </clr-toggle-wrapper>
           <div *ngIf="addForm.qosFlag">
 
@@ -478,15 +485,15 @@
               <!--上限-->
               <clr-checkbox-wrapper>
                 <input type="checkbox" id="control_policyUpper" clrCheckbox [(ngModel)]="isCheckUpper"
-                  (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, true);"
-                  name="control_policyUpper" />
+                       (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, true);"
+                       name="control_policyUpper"/>
                 <label style="width: 100px;">{{'vmfs.upperLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
               <!--下限-->
               <clr-checkbox-wrapper *ngIf="!hiddenLowerFlag">
                 <input type="checkbox" id="control_policyLower" clrCheckbox [(ngModel)]="isCheckLower"
-                  (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
-                  name="control_policyLower" />
+                       (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
+                       name="control_policyLower"/>
                 <label style="width: 100px;">{{'vmfs.lowerLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
             </clr-checkbox-container>
@@ -497,14 +504,14 @@
                 <label style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
                 <clr-checkbox-wrapper>
                   <input type="checkbox" [(ngModel)]="addForm.maxBandwidthChoose"
-                    (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
-                    name="maxbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
+                         name="maxbandwidthChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.bandwidthLimitUpper' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
-                      [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
-                      [required]="addForm.maxBandwidthChoose" />
+                           [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
+                           [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
+                           [required]="addForm.maxBandwidthChoose"/>
                     {{'vmfs.unitM' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
@@ -520,14 +527,14 @@
                 <label></label>
                 <clr-checkbox-wrapper>
                   <input type="checkbox" [(ngModel)]="addForm.maxIopsChoose"
-                    (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
-                    name="maxiopsChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
+                         name="maxiopsChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.IOPSLimitUpper' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
-                      [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
-                      [required]="addForm.maxIopsChoose" />
+                           [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
+                           [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
+                           [required]="addForm.maxIopsChoose"/>
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-control-helper *ngIf="iopsMaxErrTips" class="clr-error clr-subtext">
@@ -542,19 +549,20 @@
                 <!-- 交通管制对象 带宽 下限-->
                 <clr-checkbox-container *ngIf="addForm.control_policyLower == '0'">
                   <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper != '1'"
-                    style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
+                         style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
                   <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper == '1'"
-                    style="color: #9F9F9F;"></label>
+                         style="color: #9F9F9F;"></label>
                   <clr-checkbox-wrapper *ngIf="addForm.control_policyLower == '0'">
                     <input type="checkbox" [(ngModel)]="addForm.minBandwidthChoose"
-                      (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
-                      name="minbandwidthChoose" clrCheckbox />
+                           (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
+                           name="minbandwidthChoose" clrCheckbox/>
                     <label style="width: 200px;">
                       {{'vmfs.bandwidthLimitLower' | translate}}
                       <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                        [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
-                        name="minBandwidth" [(ngModel)]="addForm.minBandwidth" (blur)="qosBlur('add', 'minbandwidth');"
-                        [required]="addForm.minBandwidthChoose" />
+                             [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
+                             name="minBandwidth" [(ngModel)]="addForm.minBandwidth"
+                             (blur)="qosBlur('add', 'minbandwidth');"
+                             [required]="addForm.minBandwidthChoose"/>
                       {{'vmfs.unitM' | translate}}
                     </label>
                   </clr-checkbox-wrapper>
@@ -571,14 +579,14 @@
                   <label></label>
                   <clr-checkbox-wrapper>
                     <input type="checkbox" [(ngModel)]="addForm.minIopsChoose"
-                      (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
-                      name="minIopsChoose" clrCheckbox />
+                           (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
+                           name="minIopsChoose" clrCheckbox/>
                     <label style="width: 200px;">
                       {{'vmfs.IOPSLimitLower' | translate}}
                       <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                        [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
-                        [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
-                        [required]="addForm.minIopsChoose" />
+                             [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
+                             [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
+                             [required]="addForm.minIopsChoose"/>
                     </label>
                   </clr-checkbox-wrapper>
                   <clr-control-helper *ngIf="iopsMinErrTips" class="clr-error clr-subtext">
@@ -593,22 +601,22 @@
                   <label></label>
                   <clr-checkbox-wrapper *ngIf="!latencyIsSelect">
                     <input type="checkbox" [(ngModel)]="addForm.latencyChoose"
-                      (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose"
-                      clrCheckbox />
+                           (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose"
+                           clrCheckbox/>
                     <label style="width: 200px;">
                       {{'vmfs.latencyMax' | translate}}
                       <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                        [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
-                        [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
-                        [required]="addForm.latencyChoose" />{{'vmfs.latencyUnit' | translate}}
+                             [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
+                             [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
+                             [required]="addForm.latencyChoose"/>{{'vmfs.latencyUnit' | translate}}
                     </label>
                   </clr-checkbox-wrapper>
                   <clr-checkbox-wrapper *ngIf="latencyIsSelect">
-                    <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox />
+                    <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox/>
                     <label style="width: 200px;">
                       {{'vmfs.latencyMax' | translate}}
                       <select [(disabled)]="!addForm.latencyChoose" [(ngModel)]="addForm.latency" name="latency"
-                        style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
+                              style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
                         <option value="500">500</option>
                         <option value="1500">1500</option>
                       </select>
@@ -631,7 +639,7 @@
                 <clr-checkbox-container *ngIf="iopsLimitErr">
                   <clr-control-helper class="clr-error clr-subtext">
                     <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-                    {{(dorado?'tips.iopsLimitErr':'tips.iopsLimitErrNotV6') | translate}}
+                    {{(dorado ? 'tips.iopsLimitErr' : 'tips.iopsLimitErrNotV6') | translate}}
                   </clr-control-helper>
                 </clr-checkbox-container>
               </div>
@@ -640,7 +648,7 @@
           <div *ngIf="!dorado">
             <clr-toggle-wrapper>
               <label style="width: 100px;"> {{'nfs.thin' | translate}}</label>
-              <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin" />
+              <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin"/>
             </clr-toggle-wrapper>
             <!--重删-->
             <clr-select-container class="selectClass" *ngIf="deduplicationShow && addForm.thin">
@@ -663,7 +671,7 @@
           </div>
           <clr-toggle-wrapper *ngIf="!dorado">
             <label style="width: 100px;">{{'nfs.capAuto' | translate}}</label>
-            <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable" />
+            <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable"/>
           </clr-toggle-wrapper>
         </div>
       </form>
@@ -684,40 +692,40 @@ <h3 class="modal-title">{{'menu.modify' | translate}}</h3>
         <!--名称-->
         <clr-input-container>
           <label>{{'nfs.name' | translate}}</label>
-          <input clrInput name="nfsName" maxlength="256" [(ngModel)]="updateNfs.nfsName" />
+          <input clrInput name="nfsName" maxlength="256" [(ngModel)]="updateNfs.nfsName"/>
         </clr-input-container>
         <clr-checkbox-container>
           <label></label>
           <clr-checkbox-wrapper>
-            <input type="checkbox" clrCheckbox [(ngModel)]="updateNfs.sameName" name="sameName" />
+            <input type="checkbox" clrCheckbox [(ngModel)]="updateNfs.sameName" name="sameName"/>
             <label>{{'nfs.sameName' | translate}}</label>
           </clr-checkbox-wrapper>
         </clr-checkbox-container>
         <clr-input-container *ngIf="!updateNfs.sameName">
           <label>{{'nfs.fsName' | translate}}</label>
-          <input clrInput [(ngModel)]="updateNfs.fsName" maxlength="256" name="fsName" />
+          <input clrInput [(ngModel)]="updateNfs.fsName" maxlength="256" name="fsName"/>
         </clr-input-container>
         <clr-input-container *ngIf="!updateNfs.sameName">
           <label>{{'nfs.shareName' | translate}}</label>
-          <input clrInput [(ngModel)]="updateNfs.shareName" maxlength="256" name="shareName" />
+          <input clrInput [(ngModel)]="updateNfs.shareName" maxlength="256" name="shareName"/>
         </clr-input-container>
         <!--qos-->
         <clr-toggle-wrapper>
           <label>{{'nfs.qosPolicy' | translate}}</label>
           <input type="checkbox" clrToggle name="qosFlag" (change)="qoSFlagChange(updateNfs);"
-            [(ngModel)]="updateNfs.qosFlag" />
+                 [(ngModel)]="updateNfs.qosFlag"/>
         </clr-toggle-wrapper>
         <div *ngIf="updateNfs.qosFlag">
           <clr-radio-container clrInline>
             <label class="floatleft">{{'nfs.controlPolicy' | translate}}</label>
             <clr-radio-wrapper>
               <input type="radio" clrRadio name="controlPolicy" required value="up"
-                [(ngModel)]="updateNfs.contolPolicy" />
+                     [(ngModel)]="updateNfs.contolPolicy"/>
               <label>{{'nfs.ulc' | translate}}</label>
             </clr-radio-wrapper>
             <clr-radio-wrapper>
               <input type="radio" clrRadio name="controlPolicy" required value="low"
-                [(ngModel)]="updateNfs.contolPolicy" />
+                     [(ngModel)]="updateNfs.contolPolicy"/>
               <label>{{'nfs.llc' | translate}}</label>
             </clr-radio-wrapper>
           </clr-radio-container>
@@ -725,33 +733,36 @@ <h3 class="modal-title">{{'menu.modify' | translate}}</h3>
             <clr-radio-container *ngIf="updateNfs.contolPolicy==='up'">
               <label>{{'nfs.tfo' | translate}}</label>
               <clr-radio-wrapper>
-                <input type="radio" clrRadio required value="1" />
+                <input type="radio" clrRadio required value="1"/>
                 <label>{{'nfs.qos_bandwidth' | translate}}<=<input class="inputOneLine" type="text" name="maxBandwidth"
-                    [(ngModel)]="updateNfs.maxBandwidth"> MB/s</label>
+                                                                   [(ngModel)]="updateNfs.maxBandwidth"> MB/s</label>
               </clr-radio-wrapper>
               <clr-radio-wrapper>
-                <input type="radio" clrRadio name="tfo" required value="2" />
+                <input type="radio" clrRadio name="tfo" required value="2"/>
                 <label>{{'nfs.qos_iops' | translate}}<=<input class="inputOneLine" type="text"
-                    [(ngModel)]="updateNfs.maxIops" name="maxIops"> MB/s</label>
+                                                              [(ngModel)]="updateNfs.maxIops" name="maxIops">
+                  MB/s</label>
               </clr-radio-wrapper>
             </clr-radio-container>
 
             <clr-radio-container *ngIf="updateNfs.contolPolicy==='low'">
               <label>{{'nfs.tfo' | translate}}</label>
               <clr-radio-wrapper>
-                <input type="radio" clrRadio name="tfo" required value="1" />
+                <input type="radio" clrRadio name="tfo" required value="1"/>
                 <label>{{'nfs.qos_bandwidth' | translate}}>=<input class="inputOneLine" type="text" name="minBandwidth"
-                    [(ngModel)]="updateNfs.minBandwidth"> MB/s</label>
+                                                                   [(ngModel)]="updateNfs.minBandwidth"> MB/s</label>
               </clr-radio-wrapper>
               <clr-radio-wrapper>
-                <input type="radio" clrRadio name="tfo" required />
+                <input type="radio" clrRadio name="tfo" required/>
                 <label>{{'nfs.qos_iops' | translate}}>=<input class="inputOneLine" type="text"
-                    [(ngModel)]="updateNfs.minIops" name="minIops"> MB/s</label>
+                                                              [(ngModel)]="updateNfs.minIops" name="minIops">
+                  MB/s</label>
               </clr-radio-wrapper>
               <clr-radio-wrapper>
-                <input type="radio" clrRadio name="tfo" required value="3" />
+                <input type="radio" clrRadio name="tfo" required value="3"/>
                 <label>{{'nfs.qos_latency' | translate}}<=<input class="inputOneLine" type="text"
-                    [(ngModel)]="updateNfs.latency" name="latency"> ms</label>
+                                                                 [(ngModel)]="updateNfs.latency" name="latency">
+                  ms</label>
               </clr-radio-wrapper>
             </clr-radio-container>
           </div>
@@ -760,7 +771,7 @@ <h3 class="modal-title">{{'menu.modify' | translate}}</h3>
           <!--thin-->
           <clr-toggle-wrapper>
             <label> {{'nfs.thin' | translate}}</label>
-            <input type="checkbox" name="thin" clrToggle [(ngModel)]="updateNfs.thin" />
+            <input type="checkbox" name="thin" clrToggle [(ngModel)]="updateNfs.thin"/>
           </clr-toggle-wrapper>
           <!--重删-->
           <clr-select-container>
@@ -781,7 +792,7 @@ <h3 class="modal-title">{{'menu.modify' | translate}}</h3>
         </div>
         <clr-toggle-wrapper *ngIf="!dorado">
           <label>{{'nfs.capAuto' | translate}}</label>
-          <input type="checkbox" clrToggle [(ngModel)]="updateNfs.autoSizeEnable" name="autoSizeEnable" />
+          <input type="checkbox" clrToggle [(ngModel)]="updateNfs.autoSizeEnable" name="autoSizeEnable"/>
         </clr-toggle-wrapper>
       </form>
     </div>
@@ -793,7 +804,7 @@ <h3 class="modal-title">{{'menu.modify' | translate}}</h3>
 
   <!--操作成功提示-->
   <clr-modal [(clrModalOpen)]="addSuccessShow || modifySuccessShow || syncSuccessTips" [clrModalSize]="'sm'"
-    [clrModalClosable]="false">
+             [clrModalClosable]="false">
     <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     <div class="modal-body">
       <p *ngIf="addSuccessShow">{{'vmfs.add.success' | translate}}</p>
@@ -802,7 +813,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="submit" class="btn btn-primary"
-        (click)="syncSuccessTips = false;addSuccessShow = false;modifySuccessShow = false;confirmActResult();">{{'menu.ok' | translate}}</button>
+              (click)="syncSuccessTips = false;addSuccessShow = false;modifySuccessShow = false;confirmActResult();">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
 </div>
diff --git a/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.ts b/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.ts
index 220422e75..e14aa88cc 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.ts
+++ b/dmestore-ui/src/main/angular/src/app/routes/nfs/nfs.component.ts
@@ -738,9 +738,9 @@ export class NfsComponent extends NfsComponentCommon implements OnInit ,AfterVie
         this.checkNfsNameExist(this.addForm.nfsName);
       }
     } else {
+      this.matchErr = true;
       //不满足的时候置空，触发错误提示
       this.addForm.nfsName = null;
-      this.matchErr = true;
       console.log('验证不通过');
     }
   }
diff --git a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.html b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.html
index 1190edab2..3f924382e 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.html
+++ b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.html
@@ -6,13 +6,13 @@
   <div *ngIf="modalLoading" class="loadingDiv">
     <span>
       {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-        style="margin-left: 20px;">
+                                             style="margin-left: 20px;">
     </span>
   </div>
   <div *ngIf="modalHandleLoading" class="loadingDiv">
     <span>
       {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-        style="margin-left: 20px;">
+                                                       style="margin-left: 20px;">
     </span>
   </div>
   <clr-wizard-page #addPageOne [clrWizardPageNextDisabled]="checkAddForm('nfs add page one')&&isAddPageOneNextDisabled">
@@ -22,9 +22,9 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.storeageDevice' | translate}}</label>
         <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storageList" [(ngModel)]="addForm.storagId"
-          name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
-          formControlName="storagId" required>
-          <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name+'('+item.ip+')'}}</option>
+                name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
+                formControlName="storagId" required>
+          <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name + '(' + item.ip + ')'}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
       </clr-select-container>
@@ -32,8 +32,8 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.storagePool' | translate}}</label>
         <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storagePools"
-          [(ngModel)]="addForm.storagePoolId"
-          name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
+                [(ngModel)]="addForm.storagePoolId"
+                name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
           <option *ngFor="let item of storagePools" value="{{item.poolId}}">{{item.name}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
@@ -52,9 +52,9 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.logicPort' | translate}}</label>
         <select clrSelect (ngModelOptions)="logicPorts" [(ngModel)]="addForm.currentPortId" name="currentPortId"
-          formControlName="currentPortId" class="clr-select" required>
+                formControlName="currentPortId" class="clr-select" required>
           <option *ngFor="let item of logicPorts" value="{{item.id}}">
-            {{item.name+'_'+item.currentPortName+'('+item.mgmtIp+')'}}</option>
+            {{item.name + '_' + item.currentPortName + '(' + item.mgmtIp + ')'}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
       </clr-select-container>
@@ -62,10 +62,12 @@
       <clr-input-container>
         <label>{{'nfs.datastoreName' | translate}}</label>
         <input clrInput class="inputWidth100Percent" [(ngModel)]="addForm.nfsName" maxlength="256" name="nfsName"
-          (blur)="checkNfsName();" formControlName="nfsName" required />
+               (blur)="checkNfsName();" formControlName="nfsName" required/>
         <clr-control-error>
-          <p *ngIf="!oldNfsName || matchErr" class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>
-          <p class="clr-error clr-subtext"> {{'validations.required_nfs_name' | translate:'{length:42}'}}</p>
+          <div class="clr-error clr-subtext">
+            <div style="margin-bottom: 5px">{{'errorMsg.require' | translate}}</div>
+            {{'validations.required_nfs_name' | translate:'{length:42}'}}
+          </div>
           <p *ngIf="nfsNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.fsrepeat' | translate}}</p>
           <p *ngIf="fsNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.fsrepeat' | translate}}</p>
           <p *ngIf="shareNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.sharerepeat' | translate}}</p>
@@ -76,11 +78,11 @@
         <label></label>
         <clr-checkbox-wrapper>
           <input type="checkbox" clrCheckbox *ngIf="isCheckSameName();" [(ngModel)]="addForm.sameName"
-            (change)="setSameName();" name="sameName" formControlName="sameName" />
+                 (change)="setSameName();" name="sameName" formControlName="sameName"/>
           <input type="checkbox" clrCheckbox *ngIf="!isCheckSameName();" [(ngModel)]="addForm.sameName"
-            name="sameName" formControlName="sameName" disabled />
+                 name="sameName" formControlName="sameName" disabled/>
           <!-- 20210510105017  -->
-          <label style="width: 280px;">{{(dorado?'nfs.modifySameName':'nfs.sameName') | translate}}</label>
+          <label style="width: 280px;">{{(dorado ? 'nfs.modifySameName' : 'nfs.sameName') | translate}}</label>
         </clr-checkbox-wrapper>
       </clr-checkbox-container>
 
@@ -89,7 +91,7 @@
         <!-- 文件系统名称 -->
         <label>{{'nfs.fsName' | translate}}</label>
         <input class="inputWidth100Percent" maxlength="256" clrInput [(ngModel)]="addForm.fsName" name="fsName"
-          formControlName="fsName" (blur)="checkFsName();" />
+               formControlName="fsName" (blur)="checkFsName();"/>
         <clr-control-helper *ngIf="matchErr">
           <p class="clr-error clr-subtext">{{'validations.nameRequiredTwo' | translate}}</p>
         </clr-control-helper>
@@ -103,8 +105,8 @@
       <clr-input-container *ngIf="!dorado&&!addForm.sameName">
         <label>{{'nfs.shareName' | translate}}</label>
         <input class="inputWidth100Percent" maxlength="256" clrInput [(ngModel)]="addForm.shareName"
-          name="shareName"
-          formControlName="shareName" (blur)="checkShareName();" />
+               name="shareName"
+               formControlName="shareName" (blur)="checkShareName();"/>
         <clr-control-helper *ngIf="shareNameContainsCN">
           <p class="clr-error clr-subtext">{{'validations.shareNameRequired' | translate}}</p>
         </clr-control-helper>
@@ -120,19 +122,21 @@
       <clr-input-container>
         <label>{{'nfs.size' | translate}}</label>
         <input style="width: 80%" clrInput class="inputOneLine" type="number" min="0" [(ngModel)]="addForm.size"
-               name="size" formControlName="size" required  (blur)="checkSize()"/>
+               name="size" formControlName="size" required (blur)="checkSize()"/>
         <select clrInput [(ngModel)]="unit" name="unit" formControlName="unit">
           <option value="TB">TB</option>
           <option value="GB">GB</option>
         </select>
         <clr-control-helper *ngIf="overSizeGB">
           <div class="errorTips" readonly>
-            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon><span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeGB'|translate}}
+            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+            <span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeGB'|translate}}
           </div>
         </clr-control-helper>
         <clr-control-helper *ngIf="overSizeTB">
           <div class="errorTips" readonly>
-            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon><span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeTB'|translate}}
+            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+            <span>{{'errorMsg.require' | translate}}</span>{{'nfs.overSizeTB'|translate}}
           </div>
         </clr-control-helper>
         <clr-control-error>
@@ -143,7 +147,7 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.characterEncoding' | translate}}</label>
         <select clrSelect [(ngModel)]="addForm.characterEncoding" formControlName="characterEncoding"
-          name="characterEncoding" required>
+                name="characterEncoding" required>
           <option value="utf-8">UTF-8</option>
           <option value="zh">ZH</option>
           <option value="gbk">GBK</option>
@@ -171,17 +175,17 @@
         <label>{{'nfs.securityType' | translate}}</label>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="AUTH_SYS" />
+                 [(ngModel)]="addForm.securityType" value="AUTH_SYS"/>
           <label>{{'nfs.authSys' | translate}}</label>
         </clr-radio-wrapper>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="SEC_KRB5" />
+                 [(ngModel)]="addForm.securityType" value="SEC_KRB5"/>
           <label>{{'nfs.secKrb5' | translate}}</label>
         </clr-radio-wrapper>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="SEC_KRB5I" />
+                 [(ngModel)]="addForm.securityType" value="SEC_KRB5I"/>
           <label>{{'nfs.secKrb5i' | translate}}</label>
         </clr-radio-wrapper>
         <clr-control-helper>
@@ -193,8 +197,8 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.mountHost' | translate}}</label>
         <select clrSelect (ngModelOptions)="hostList" [(ngModel)]="addForm.hostObjectId" required
-          name="hostObjectId"
-          formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
+                name="hostObjectId"
+                formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
           <option *ngFor="let item of hostList" value="{{item.objectId}}">{{item.hostName}}</option>
         </select>
       </clr-select-container>
@@ -202,7 +206,7 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.vkernel' | translate}}</label>
         <select clrSelect (ngModelOptions)="vmkernelList" required formControlName="vkernelIp"
-          [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
+                [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
           <option *ngFor="let item of vmkernelList" value="{{item.ipAddress}}">{{item.ipAddress}}</option>
         </select>
       </clr-select-container>
@@ -231,14 +235,14 @@
     <form clrForm #formPageTwo="ngForm">
       <clr-toggle-wrapper>
         <label>{{'nfs.add_advance' | translate}}</label>
-        <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance" />
+        <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance"/>
       </clr-toggle-wrapper>
       <div *ngIf="addForm.advance">
         <!--qos-->
         <clr-toggle-wrapper>
           <label style="width: 100px;">{{'nfs.qosPolicy' | translate}}</label>
           <input type="checkbox" clrToggle name="qosFlag" (change)="qoSFlagChange(addForm);"
-            [(ngModel)]="addForm.qosFlag" />
+                 [(ngModel)]="addForm.qosFlag"/>
         </clr-toggle-wrapper>
         <div *ngIf="addForm.qosFlag">
           <!-- 控制策略 -->
@@ -248,14 +252,14 @@
             <clr-checkbox-wrapper>
               <input type="checkbox" id="control_policyUpper" clrCheckbox [(ngModel)]="isCheckUpper"
                      (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, true);"
-                name="control_policyUpper" />
+                     name="control_policyUpper"/>
               <label style="width: 100px;">{{'vmfs.upperLimitControl' | translate}}</label>
             </clr-checkbox-wrapper>
             <!--下限-->
             <clr-checkbox-wrapper *ngIf="!hiddenLowerFlag">
-              <input type="checkbox"  id="control_policyLower" clrCheckbox [(ngModel)]="isCheckLower"
-                (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
-                name="control_policyLower" />
+              <input type="checkbox" id="control_policyLower" clrCheckbox [(ngModel)]="isCheckLower"
+                     (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
+                     name="control_policyLower"/>
               <label style="width: 100px;">{{'vmfs.lowerLimitControl' | translate}}</label>
             </clr-checkbox-wrapper>
           </clr-checkbox-container>
@@ -266,14 +270,14 @@
               <label style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="addForm.maxBandwidthChoose"
-                  (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
-                  name="maxbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
+                       name="maxbandwidthChoose" clrCheckbox/>
                 <label style="width: 200px;">
                   {{'vmfs.bandwidthLimitUpper' | translate}}
                   <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
-                    [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
-                    [required]="addForm.maxBandwidthChoose" />
+                         [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
+                         [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
+                         [required]="addForm.maxBandwidthChoose"/>
                   {{'vmfs.unitM' | translate}}
                 </label>
               </clr-checkbox-wrapper>
@@ -289,14 +293,14 @@
               <label></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="addForm.maxIopsChoose"
-                  (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
-                  name="maxiopsChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
+                       name="maxiopsChoose" clrCheckbox/>
                 <label style="width: 200px;">
                   {{'vmfs.IOPSLimitUpper' | translate}}
                   <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
-                    [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
-                    [required]="addForm.maxIopsChoose" />
+                         [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
+                         [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
+                         [required]="addForm.maxIopsChoose"/>
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="iopsMaxErrTips" class="clr-error clr-subtext">
@@ -311,19 +315,20 @@
               <!-- 交通管制对象 带宽 下限-->
               <clr-checkbox-container *ngIf="addForm.control_policyLower == '0'">
                 <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper != '1'"
-                  style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
+                       style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
                 <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper == '1'"
-                  style="color: #9F9F9F;"></label>
+                       style="color: #9F9F9F;"></label>
                 <clr-checkbox-wrapper *ngIf="addForm.control_policyLower == '0'">
                   <input type="checkbox" [(ngModel)]="addForm.minBandwidthChoose"
-                    (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.bandwidthLimitLower' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
-                      name="minBandwidth" [(ngModel)]="addForm.minBandwidth" (blur)="qosBlur('add', 'minbandwidth');"
-                      [required]="addForm.minBandwidthChoose" />
+                           [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
+                           name="minBandwidth" [(ngModel)]="addForm.minBandwidth"
+                           (blur)="qosBlur('add', 'minbandwidth');"
+                           [required]="addForm.minBandwidthChoose"/>
                     {{'vmfs.unitM' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
@@ -339,15 +344,15 @@
                 <label></label>
                 <clr-checkbox-wrapper>
                   <input type="checkbox" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(ngModel)]="addForm.minIopsChoose"
-                    (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         [(ngModel)]="addForm.minIopsChoose"
+                         (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.IOPSLimitLower' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
-                      [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
-                      [required]="addForm.minIopsChoose" />
+                           [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
+                           [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
+                           [required]="addForm.minIopsChoose"/>
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-control-helper *ngIf="iopsMinErrTips" class="clr-error clr-subtext">
@@ -362,21 +367,22 @@
                 <label></label>
                 <clr-checkbox-wrapper *ngIf="!latencyIsSelect">
                   <input type="checkbox" [(ngModel)]="addForm.latencyChoose"
-                    (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose"
+                         clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.latencyMax' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
-                      [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
-                      [required]="addForm.latencyChoose" />{{'vmfs.latencyUnit' | translate}}
+                           [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
+                           [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
+                           [required]="addForm.latencyChoose"/>{{'vmfs.latencyUnit' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-checkbox-wrapper *ngIf="latencyIsSelect">
-                  <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox />
+                  <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.latencyMax' | translate}}
                     <select [(disabled)]="!addForm.latencyChoose" [(ngModel)]="addForm.latency" name="latency"
-                      style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
+                            style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
                       <option value="500">500</option>
                       <option value="1500">1500</option>
                     </select>
@@ -399,7 +405,7 @@
               <clr-checkbox-container *ngIf="iopsLimitErr">
                 <clr-control-helper class="clr-error clr-subtext">
                   <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-                  {{(dorado?'tips.iopsLimitErr':'tips.iopsLimitErrNotV6') | translate}}
+                  {{(dorado ? 'tips.iopsLimitErr' : 'tips.iopsLimitErrNotV6') | translate}}
                 </clr-control-helper>
               </clr-checkbox-container>
             </div>
@@ -408,7 +414,7 @@
         <div *ngIf="!dorado">
           <clr-toggle-wrapper>
             <label> {{'nfs.thin' | translate}}</label>
-            <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin" />
+            <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin"/>
           </clr-toggle-wrapper>
           <!--重删-->
           <clr-select-container class="selectClass" *ngIf="deduplicationShow && addForm.thin">
@@ -431,7 +437,7 @@
         </div>
         <clr-toggle-wrapper *ngIf="!dorado">
           <label>{{'nfs.capAuto' | translate}}</label>
-          <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable" />
+          <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable"/>
         </clr-toggle-wrapper>
       </div>
     </form>
@@ -450,13 +456,13 @@
   <div *ngIf="modalLoading" class="loadingDiv">
     <span>
       {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-        style="margin-left: 20px;">
+                                             style="margin-left: 20px;">
     </span>
   </div>
   <div *ngIf="modalHandleLoading" class="loadingDiv">
     <span>
       {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-        style="margin-left: 20px;">
+                                                       style="margin-left: 20px;">
     </span>
   </div>
   <!--  -->
@@ -468,9 +474,9 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.storeageDevice' | translate}}</label>
         <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storageList" [(ngModel)]="addForm.storagId"
-          name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
-          formControlName="storagId" required>
-          <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name+'('+item.ip+')'}}</option>
+                name="storagId" class="clr-select" (change)="selectStoragePool();qosV6Check('add')"
+                formControlName="storagId" required>
+          <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name + '(' + item.ip + ')'}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
       </clr-select-container>
@@ -478,8 +484,8 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.storagePool' | translate}}</label>
         <select class="inputWidth100Percent" clrSelect (ngModelOptions)="storagePools"
-          [(ngModel)]="addForm.storagePoolId"
-          name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
+                [(ngModel)]="addForm.storagePoolId"
+                name="storagePoolId" class="clr-select" formControlName="storagePoolId" required>
           <option *ngFor="let item of storagePools" value="{{item.id}}">{{item.name}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
@@ -498,9 +504,9 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.logicPort' | translate}}</label>
         <select clrSelect (ngModelOptions)="logicPorts" [(ngModel)]="addForm.currentPortId" name="currentPortId"
-          formControlName="currentPortId" class="clr-select" required>
+                formControlName="currentPortId" class="clr-select" required>
           <option *ngFor="let item of logicPorts" value="{{item.id}}">
-            {{item.name+'_'+item.currentPortName+'('+item.mgmtIp+')'}}</option>
+            {{item.name + '_' + item.currentPortName + '(' + item.mgmtIp + ')'}}</option>
         </select>
         <clr-control-error>{{'errorMsg.require' | translate}}</clr-control-error>
       </clr-select-container>
@@ -508,10 +514,13 @@
       <clr-input-container>
         <label style="width: 280px;">{{'nfs.datastoreName' | translate}}</label>
         <input clrInput class="inputWidth100Percent" [(ngModel)]="addForm.nfsName" maxlength="256" name="nfsName"
-          (blur)="checkNfsName();" formControlName="nfsName" required />
+               (blur)="checkNfsName();" formControlName="nfsName" required/>
         <clr-control-error>
-          <p *ngIf="!oldNfsName || matchErr" class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>
-          <p class="clr-error clr-subtext"> {{'validations.required_nfs_name' | translate:'{length:42}'}}</p>
+          <!--          <p *ngIf="!oldNfsName || matchErr" class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>-->
+          <div class="clr-error clr-subtext">
+            <div style="margin-bottom: 5px">{{'errorMsg.require' | translate}}</div>
+            {{'validations.required_nfs_name' | translate:'{length:42}'}}
+          </div>
           <p *ngIf="fsNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.fsrepeat' | translate}}</p>
           <p *ngIf="shareNameRepeatErr" class="clr-error clr-subtext">{{'errorMsg.sharerepeat' | translate}}</p>
         </clr-control-error>
@@ -521,11 +530,11 @@
         <label></label>
         <clr-checkbox-wrapper>
           <input type="checkbox" clrCheckbox *ngIf="isCheckSameName();" [(ngModel)]="addForm.sameName"
-            (change)="setSameName();" name="sameName" formControlName="sameName" />
+                 (change)="setSameName();" name="sameName" formControlName="sameName"/>
           <input type="checkbox" clrCheckbox *ngIf="!isCheckSameName();" [(ngModel)]="addForm.sameName"
-            name="sameName" formControlName="sameName" disabled />
+                 name="sameName" formControlName="sameName" disabled/>
           <!-- 20210510105017  -->
-          <label style="width: 280px;">{{(dorado?'nfs.modifySameName':'nfs.sameName') | translate}}</label>
+          <label style="width: 280px;">{{(dorado ? 'nfs.modifySameName' : 'nfs.sameName') | translate}}</label>
         </clr-checkbox-wrapper>
       </clr-checkbox-container>
 
@@ -534,7 +543,7 @@
         <!-- 文件系统名称 -->
         <label>{{'nfs.fsName' | translate}}</label>
         <input class="inputWidth100Percent" maxlength="256" clrInput [(ngModel)]="addForm.fsName" name="fsName"
-          formControlName="fsName" (blur)="checkFsName();" />
+               formControlName="fsName" (blur)="checkFsName();"/>
         <clr-control-helper *ngIf="matchErr">
           <p class="clr-error clr-subtext">{{'validations.nameRequiredTwo' | translate}}</p>
         </clr-control-helper>
@@ -548,7 +557,7 @@
       <clr-input-container *ngIf="!dorado&&!addForm.sameName">
         <label>{{'nfs.shareName' | translate}}</label>
         <input class="inputWidth100Percent" maxlength="256" clrInput [(ngModel)]="addForm.shareName" name="shareName"
-          formControlName="shareName" (blur)="checkShareName();" />
+               formControlName="shareName" (blur)="checkShareName();"/>
         <clr-control-helper *ngIf="shareNameContainsCN">
           <p class="clr-error clr-subtext">{{'validations.shareNameRequired' | translate}}</p>
         </clr-control-helper>
@@ -562,7 +571,7 @@
       <clr-input-container>
         <label>{{'nfs.size' | translate}}</label>
         <input style="width: 80%" clrInput class="inputOneLine" type="number" min="0" [(ngModel)]="addForm.size"
-          name="size" formControlName="size" required />
+               name="size" formControlName="size" required/>
         <select clrInput [(ngModel)]="unit" name="unit" formControlName="unit">
           <option value="TB">TB</option>
           <option value="GB">GB</option>
@@ -575,7 +584,7 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.characterEncoding' | translate}}</label>
         <select clrSelect [(ngModel)]="addForm.characterEncoding" formControlName="characterEncoding"
-          name="characterEncoding" required>
+                name="characterEncoding" required>
           <option value="utf-8">UTF-8</option>
           <option value="zh">ZH</option>
           <option value="gbk">GBK</option>
@@ -603,17 +612,17 @@
         <label>{{'nfs.securityType' | translate}}</label>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="AUTH_SYS" />
+                 [(ngModel)]="addForm.securityType" value="AUTH_SYS"/>
           <label>{{'nfs.authSys' | translate}}</label>
         </clr-radio-wrapper>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="SEC_KRB5" />
+                 [(ngModel)]="addForm.securityType" value="SEC_KRB5"/>
           <label>{{'nfs.secKrb5' | translate}}</label>
         </clr-radio-wrapper>
         <clr-radio-wrapper>
           <input type="radio" clrRadio name="securityType" formControlName="securityType"
-            [(ngModel)]="addForm.securityType" value="SEC_KRB5I" />
+                 [(ngModel)]="addForm.securityType" value="SEC_KRB5I"/>
           <label>{{'nfs.secKrb5i' | translate}}</label>
         </clr-radio-wrapper>
         <clr-control-helper>
@@ -625,7 +634,7 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.mountHost' | translate}}</label>
         <select clrSelect (ngModelOptions)="hostList" [(ngModel)]="addForm.hostObjectId" required name="hostObjectId"
-          formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
+                formControlName="hostObjectId" class="clr-select" (change)="checkHost()">
           <option *ngFor="let item of hostList" value="{{item.objectId}}">{{item.hostName}}</option>
         </select>
       </clr-select-container>
@@ -633,7 +642,7 @@
       <clr-select-container class="selectClass">
         <label>{{'nfs.vkernel' | translate}}</label>
         <select clrSelect (ngModelOptions)="vmkernelList" required formControlName="vkernelIp"
-          [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
+                [(ngModel)]="addForm.vkernelIp" name="vkernelIp" class="clr-select">
           <option *ngFor="let item of vmkernelList" value="{{item.ipAddress}}">{{item.ipAddress}}</option>
         </select>
       </clr-select-container>
@@ -662,14 +671,14 @@
     <form clrForm #formPageTwo="ngForm">
       <clr-toggle-wrapper>
         <label style="width: 100px;">{{'nfs.add_advance' | translate}}</label>
-        <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance" />
+        <input type="checkbox" clrToggle name="advance" [(ngModel)]="addForm.advance"/>
       </clr-toggle-wrapper>
       <div *ngIf="addForm.advance">
         <!--qos-->
         <clr-toggle-wrapper>
           <label style="width: 100px;">{{'nfs.qosPolicy' | translate}}</label>
           <input type="checkbox" clrToggle name="qosFlag" (change)="qoSFlagChange(addForm);"
-            [(ngModel)]="addForm.qosFlag" />
+                 [(ngModel)]="addForm.qosFlag"/>
         </clr-toggle-wrapper>
         <div *ngIf="addForm.qosFlag">
           <!-- 控制策略 -->
@@ -678,15 +687,15 @@
             <!--上限-->
             <clr-checkbox-wrapper>
               <input type="checkbox" id="control_policyUpper" clrCheckbox [(ngModel)]="isCheckUpper"
-                (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, true);"
-                name="control_policyUpper" />
+                     (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, true);"
+                     name="control_policyUpper"/>
               <label style="width: 100px;">{{'vmfs.upperLimitControl' | translate}}</label>
             </clr-checkbox-wrapper>
             <!--下限-->
             <clr-checkbox-wrapper *ngIf="!hiddenLowerFlag">
               <input type="checkbox" id="control_policyLower" clrCheckbox [(ngModel)]="isCheckLower"
-                (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
-                name="control_policyLower" />
+                     (change)="controlPolicyChangeFunc('control_policyUpper', 'control_policyLower', false, addForm, false);"
+                     name="control_policyLower"/>
               <label style="width: 100px;">{{'vmfs.lowerLimitControl' | translate}}</label>
             </clr-checkbox-wrapper>
           </clr-checkbox-container>
@@ -697,14 +706,14 @@
               <label style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="addForm.maxBandwidthChoose"
-                  (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
-                  name="maxbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(addForm.maxBandwidthChoose, 'maxbandwidth');qosV6Check('add');"
+                       name="maxbandwidthChoose" clrCheckbox/>
                 <label style="width: 200px;">
                   {{'vmfs.bandwidthLimitUpper' | translate}}
                   <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
-                    [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
-                    [required]="addForm.maxBandwidthChoose" />
+                         [(readOnly)]="!addForm.maxBandwidthChoose" class="inputOneLine" name="maxBandwidth"
+                         [(ngModel)]="addForm.maxBandwidth" (blur)="qosBlur('add', 'maxbandwidth');"
+                         [required]="addForm.maxBandwidthChoose"/>
                   {{'vmfs.unitM' | translate}}
                 </label>
               </clr-checkbox-wrapper>
@@ -720,14 +729,14 @@
               <label></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="addForm.maxIopsChoose"
-                  (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
-                  name="maxiopsChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(addForm.maxIopsChoose, 'maxiops');qosV6Check('add');"
+                       name="maxiopsChoose" clrCheckbox/>
                 <label style="width: 200px;">
                   {{'vmfs.IOPSLimitUpper' | translate}}
                   <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
-                    [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
-                    [required]="addForm.maxIopsChoose" />
+                         [(readOnly)]="!addForm.maxIopsChoose" class="inputOneLine" name="maxIops"
+                         [(ngModel)]="addForm.maxIops" (blur)="qosBlur('add', 'maxiops');"
+                         [required]="addForm.maxIopsChoose"/>
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="iopsMaxErrTips" class="clr-error clr-subtext">
@@ -742,19 +751,20 @@
               <!-- 交通管制对象 带宽 下限-->
               <clr-checkbox-container *ngIf="addForm.control_policyLower == '0'">
                 <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper != '1'"
-                  style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
+                       style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
                 <label *ngIf="addForm.control_policyLower == '0' && addForm.control_policyUpper == '1'"
-                  style="color: #9F9F9F;"></label>
+                       style="color: #9F9F9F;"></label>
                 <clr-checkbox-wrapper *ngIf="addForm.control_policyLower == '0'">
                   <input type="checkbox" [(ngModel)]="addForm.minBandwidthChoose"
-                    (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.minBandwidthChoose, 'minbandwidth');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.bandwidthLimitLower' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
-                      name="minBandwidth" [(ngModel)]="addForm.minBandwidth" (blur)="qosBlur('add', 'minbandwidth');"
-                      [required]="addForm.minBandwidthChoose" />
+                           [(readOnly)]="!addForm.minBandwidthChoose" class="inputOneLine"
+                           name="minBandwidth" [(ngModel)]="addForm.minBandwidth"
+                           (blur)="qosBlur('add', 'minbandwidth');"
+                           [required]="addForm.minBandwidthChoose"/>
                     {{'vmfs.unitM' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
@@ -770,14 +780,14 @@
                 <label></label>
                 <clr-checkbox-wrapper>
                   <input type="checkbox" [(ngModel)]="addForm.minIopsChoose"
-                    (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.minIopsChoose, 'miniops');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.IOPSLimitLower' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
-                      [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
-                      [required]="addForm.minIopsChoose" />
+                           [(readOnly)]="!addForm.minIopsChoose" class="inputOneLine" name="minIops"
+                           [(ngModel)]="addForm.minIops" (blur)="qosBlur('add', 'miniops');"
+                           [required]="addForm.minIopsChoose"/>
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-control-helper *ngIf="iopsMinErrTips" class="clr-error clr-subtext">
@@ -792,21 +802,22 @@
                 <label></label>
                 <clr-checkbox-wrapper *ngIf="!latencyIsSelect">
                   <input type="checkbox" [(ngModel)]="addForm.latencyChoose"
-                    (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(addForm.latencyChoose, 'latency')" name="latencyChoose"
+                         clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.latencyMax' | translate}}
                     <input type="number" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
-                      [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
-                      [required]="addForm.latencyChoose" />{{'vmfs.latencyUnit' | translate}}
+                           [(readOnly)]="!addForm.latencyChoose" class="inputOneLine" name="latency"
+                           [(ngModel)]="addForm.latency" (blur)="qosBlur('add', 'latency');"
+                           [required]="addForm.latencyChoose"/>{{'vmfs.latencyUnit' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-checkbox-wrapper *ngIf="latencyIsSelect">
-                  <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox />
+                  <input type="checkbox" [(ngModel)]="addForm.latencyChoose" name="latencyChoose" clrCheckbox/>
                   <label style="width: 200px;">
                     {{'vmfs.latencyMax' | translate}}
                     <select [(disabled)]="!addForm.latencyChoose" [(ngModel)]="addForm.latency" name="latency"
-                      style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
+                            style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
                       <option value="500">500</option>
                       <option value="1500">1500</option>
                     </select>
@@ -829,7 +840,7 @@
               <clr-checkbox-container *ngIf="iopsLimitErr">
                 <clr-control-helper class="clr-error clr-subtext">
                   <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-                  {{(dorado?'tips.iopsLimitErr':'tips.iopsLimitErrNotV6') | translate}}
+                  {{(dorado ? 'tips.iopsLimitErr' : 'tips.iopsLimitErrNotV6') | translate}}
                 </clr-control-helper>
               </clr-checkbox-container>
             </div>
@@ -838,7 +849,7 @@
         <div *ngIf="!dorado">
           <clr-toggle-wrapper>
             <label style="width: 100px;"> {{'nfs.thin' | translate}}</label>
-            <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin" />
+            <input type="checkbox" name="thin" clrToggle [(ngModel)]="addForm.thin"/>
           </clr-toggle-wrapper>
           <!--重删-->
           <clr-select-container class="selectClass" *ngIf="deduplicationShow && addForm.thin">
@@ -861,7 +872,7 @@
         </div>
         <clr-toggle-wrapper *ngIf="!dorado">
           <label style="width: 200px;">{{'nfs.capAuto' | translate}}</label>
-          <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable" />
+          <input type="checkbox" clrToggle [(ngModel)]="addForm.autoSizeEnable" name="autoSizeEnable"/>
         </clr-toggle-wrapper>
       </div>
     </form>
@@ -881,6 +892,6 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
   </div>
   <div class="modal-footer">
     <button type="submit" class="btn btn-primary"
-      (click)="addSuccessShow = false;confirmActResult();">{{'menu.ok' | translate}}</button>
+            (click)="addSuccessShow = false;confirmActResult();">{{'menu.ok' | translate}}</button>
   </div>
 </clr-modal>
diff --git a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.ts b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.ts
index cbba4c440..bb8b48468 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.ts
+++ b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/add/nfs-add.component.ts
@@ -596,8 +596,8 @@ export class NfsAddComponent extends NfsComponentCommon implements OnInit {
       }
     } else {
       //不满足的时候置空，触发错误提示
-      this.addForm.nfsName = null;
       this.matchErr = true;
+      this.addForm.nfsName = null;
       console.log('验证不通过');
     }
   }
diff --git a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/reduce/nfs-reduce.component.ts b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/reduce/nfs-reduce.component.ts
index 46f4cef67..29e06f1a4 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/reduce/nfs-reduce.component.ts
+++ b/dmestore-ui/src/main/angular/src/app/routes/nfs/subpages/reduce/nfs-reduce.component.ts
@@ -13,7 +13,7 @@ export class NfsReduceComponent implements OnInit{
   storeObjectId:string;
   viewPage: string;
   unit='GB';
-  newCapacity = 0;
+  newCapacity =1;
   pluginFlag: string;//来至插件的标记
   rowSelected = []; // 当前选中数据
   errorMsg: string;
@@ -142,27 +142,26 @@ export class NfsReduceComponent implements OnInit{
       this.closeModel();
     }
   }
- /* checkCapacity(){
-    let capacity;
-    switch (this.unit) {
-      case 'TB':
-        capacity = this.newCapacity * 1024;
-        break;
-      default: // 默认GB 不变
-        capacity = this.newCapacity;
-        break;
-    }
-    const lastCapacity = this.updateNfs.capacity - capacity;
-    if (lastCapacity<parseFloat(this.maxOpCapacity)){
-      this.newCapacity=0;
-      this.capacityErr=false;
-      return false;
-    }else {
-      this.capacityErr=true;
-      return true;
-    }
-
-  }*/
+  /* checkCapacity(){
+     let capacity;
+     switch (this.unit) {
+       case 'TB':
+         capacity = this.newCapacity * 1024;
+         break;
+       default: // 默认GB 不变
+         capacity = this.newCapacity;
+         break;
+     }
+     const lastCapacity = this.updateNfs.capacity - capacity;
+     if (lastCapacity<parseFloat(this.maxOpCapacity)){
+       this.newCapacity=0;
+       this.capacityErr=false;
+       return false;
+     }else {
+       this.capacityErr=true;
+       return true;
+     }
+   }*/
   checkNewCapacity(){
     console.log('reduce',this.newCapacity)
     console.log(typeof this.newCapacity)
@@ -176,7 +175,7 @@ export class NfsReduceComponent implements OnInit{
         break;
     }
     if (capacity>parseFloat(this.maxOpCapacity)||capacity<0.001){
-      this.newCapacity=null
+      this.newCapacity=1
       this.newCapacityError=true
       return false
     }else {
diff --git a/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.html b/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.html
index b62f15582..f9ca62f96 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.html
+++ b/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.html
@@ -123,12 +123,24 @@
         <input clrInput style="width: 19%;text-align: center;" readonly value="{{'vmfs.multiply' | translate}}">
         <input clrInput min="0" (blur)="countBlur();" style="width: 27%;" type="number" [(ngModel)]="form.count"
           name="count" formControlName="count" required />
-        <clr-control-helper *ngIf="!capacityErr">
-          <clr-icon shape="exclamation-circle"></clr-icon>{{'vmfs.capacityTips' | translate}}
+        <clr-control-helper *ngIf="!capacityErr&&form.capacityUnit==='GB'">
+          <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+          {{'vmfs.capacityTipsGB' | translate}}
         </clr-control-helper>
-        <clr-control-helper *ngIf="capacityErr">
+        <clr-control-helper *ngIf="capacityErr&&form.capacityUnit==='GB'">
           <div class="errorTips" readonly>
-            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>{{'vmfs.capacityTips' | translate}}
+            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+            {{'vmfs.capacityTipsGB' | translate}}
+          </div>
+        </clr-control-helper>
+        <clr-control-helper *ngIf="!capacityErr&&form.capacityUnit==='TB'">
+          <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+          {{'vmfs.capacityTipsTB' | translate}}
+        </clr-control-helper>
+        <clr-control-helper *ngIf="capacityErr&&form.capacityUnit==='TB'">
+          <div class="errorTips" readonly>
+            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+            {{'vmfs.capacityTipsTB' | translate}}
           </div>
         </clr-control-helper>
         <!-- <clr-control-error>{{'validations.required' | translate}}</clr-control-error> -->
diff --git a/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.ts b/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.ts
index 852a14d74..292d82079 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.ts
+++ b/dmestore-ui/src/main/angular/src/app/routes/vmfs/add/add.component.ts
@@ -820,6 +820,9 @@ export class AddComponent extends VmfsCommon implements OnInit {
                 if (capacity < 1 / 1024) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 256) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -827,6 +830,9 @@ export class AddComponent extends VmfsCommon implements OnInit {
                 if (capacity < 2 / 1024) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 256) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -870,6 +876,9 @@ export class AddComponent extends VmfsCommon implements OnInit {
                 if (capacity < 1) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 262144) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -877,6 +886,9 @@ export class AddComponent extends VmfsCommon implements OnInit {
                 if (capacity < 2) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 262144) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
diff --git a/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.html b/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.html
index 4b7e4544f..eb7e3c0a2 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.html
+++ b/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.html
@@ -10,10 +10,10 @@
       <!--编辑-->
       <!-- modifyShow 861 -->
       <button class="btn btn-primary" [disabled]="rowSelected.length !== 1"
-        (click)="modifyBtnClick()">{{'menu.edit' | translate}}</button>
+              (click)="modifyBtnClick()">{{'menu.edit' | translate}}</button>
       <!--扩容-->
       <button class="btn btn-primary" (click)="expandBtnFunc();"
-        [disabled]="rowSelected.length !== 1">{{'menu.expand' | translate}}</button>
+              [disabled]="rowSelected.length !== 1">{{'menu.expand' | translate}}</button>
       <!-- 更多操作 -->
       <clr-dropdown [clrCloseMenuOnItemClick]="true">
         <button clrDropdownTrigger class="btn btn-primary" aria-label="Dropdown demo button">
@@ -23,23 +23,23 @@
         <clr-dropdown-menu *clrIfOpen>
           <!--空间回收-->
           <div aria-label="Dropdown header Action 1" [disabled]="rowSelected.length !== 1" (click)="reclaimBtnClick();"
-            clrDropdownItem>{{'menu.reclaim' | translate}}</div>
+               clrDropdownItem>{{'menu.reclaim' | translate}}</div>
           <div class="dropdown-divider" role="separator" aria-hidden="true"></div>
           <!--修改服务等级  按钮展示条件：Datastore所在卷属于服务等级时（选中的单条数据），才呈现“变更服务等级”按钮或菜单-->
           <div aria-label="Dropdown header Action 2" (click)="changeServiceLevelBtnFunc();"
-            *ngIf="rowSelected.length === 1 && rowSelected[0].serviceLevelName !== '' && rowSelected[0].serviceLevelName !== null"
-            clrDropdownItem>{{'menu.changeServiceLevel' | translate}}</div>
+               *ngIf="rowSelected.length === 1 && rowSelected[0].serviceLevelName !== '' && rowSelected[0].serviceLevelName !== null"
+               clrDropdownItem>{{'menu.changeServiceLevel' | translate}}</div>
           <div class="dropdown-divider" role="separator" aria-hidden="true"></div>
           <!--挂载-->
           <div aria-label="Dropdown header Action 2" (click)="mountBtnFunc();" [disabled]="rowSelected.length !== 1"
-            clrDropdownItem>{{'menu.mount' | translate}}</div>
+               clrDropdownItem>{{'menu.mount' | translate}}</div>
           <!--卸载-->
           <div aria-label="Dropdown header Action 2" (click)="unmountBtnFunc();" [disabled]="rowSelected.length !== 1"
-            clrDropdownItem>{{'menu.unmount' | translate}}</div>
+               clrDropdownItem>{{'menu.unmount' | translate}}</div>
           <div class="dropdown-divider" role="separator" aria-hidden="true"></div>
           <!--删除-->
           <div aria-label="Dropdown header Action 2" (click)="delBtnClickFUnc();" [disabled]="rowSelected.length < 1"
-            clrDropdownItem>{{'menu.del' | translate}}</div>
+               clrDropdownItem>{{'menu.del' | translate}}</div>
           <!--同步-->
           <div aria-label="Dropdown header Action 2" clrDropdownItem (click)="scanDataStore();">
             {{'menu.Synchronize' | translate}}</div>
@@ -94,35 +94,35 @@
       </clr-dg-filter>
     </clr-dg-column>
     <clr-dg-column #listCapacity [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'capacity'"
-      style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
+                   style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.capacity' | translate}}
       <clr-icon *ngIf="sortFunc(listCapacity.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listUsedCapacity [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'usedCapacity'"
-      class="hideFilter" style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
+                   class="hideFilter" style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.usedCapacity' | translate}}
       <clr-icon *ngIf="sortFunc(listUsedCapacity.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listCapacityUsage [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'capacityUsage'"
-      style="min-width: 11rem;position: relative;" class="hideFilter"
-      (clrDgSortedChange)="sortFunc($event);">
+                   style="min-width: 11rem;position: relative;" class="hideFilter"
+                   (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.capacityUsage' | translate}}
       <clr-icon *ngIf="sortFunc(listCapacityUsage.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listFreeSpace [hidden]="radioCheck!=='list'" class="hideFilter" [clrDgField]="'freeSpace'"
-      style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
+                   style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.freeSpace' | translate}}
       <clr-icon *ngIf="sortFunc(listFreeSpace.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listReserveCapacity [hidden]="radioCheck!=='list'" class="hideFilter"
-      [clrDgField]="'reserveCapacity'" style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
+                   [clrDgField]="'reserveCapacity'" style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.reserveCapacity' | translate}}
       <clr-icon #listCapacity *ngIf="sortFunc(listReserveCapacity.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column [hidden]="radioCheck!=='list'" [clrDgField]="'device'">
       {{'vmfs.device' | translate}}
@@ -144,38 +144,38 @@
     <!--      </clr-dg-filter>-->
     <!--    </clr-dg-column>-->
     <clr-dg-column #listIops [hidden]="radioCheck!=='chart'" class="hideFilter" [clrDgField]="'iops'"
-      style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
+                   style="position: relative;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.iops' | translate}}
       <clr-icon *ngIf="sortFunc(listIops.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column [hidden]="radioCheck!=='chart'">{{'vmfs.iopsQoSTarget' | translate}}</clr-dg-column>
     <clr-dg-column #listBandwidth [hidden]="radioCheck!=='chart'" class="hideFilter" [clrDgField]="'bandwidth'"
-      style="position: relative;min-width: 7rem;" (clrDgSortedChange)="sortFunc($event);">
+                   style="position: relative;min-width: 7rem;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.bandwidth' | translate}}(MB/s)
       <clr-icon *ngIf="sortFunc(listBandwidth.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column [hidden]="radioCheck!=='chart'">{{'vmfs.bandwidthQoSTarget' | translate}}</clr-dg-column>
     <clr-dg-column #listReadResponseTime [hidden]="radioCheck!=='chart'" class="hideFilter"
-      [clrDgField]="'readResponseTime'" style="position: relative;min-width: 9rem;"
-      (clrDgSortedChange)="sortFunc($event);">
+                   [clrDgField]="'readResponseTime'" style="position: relative;min-width: 9rem;"
+                   (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.readResponseTime' | translate}}
       <clr-icon *ngIf="sortFunc(listReadResponseTime.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listWriteResponseTime [hidden]="radioCheck!=='chart'" class="hideFilter"
-      [clrDgField]="'writeResponseTime'" style="position: relative;min-width: 9rem;"
-      (clrDgSortedChange)="sortFunc($event);">
+                   [clrDgField]="'writeResponseTime'" style="position: relative;min-width: 9rem;"
+                   (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.writeResponseTime' | translate}}
       <clr-icon *ngIf="sortFunc(listWriteResponseTime.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column #listLatency [hidden]="radioCheck!=='chart'" class="hideFilter" [clrDgField]="'latency'"
-      style="position: relative;min-width: 6rem;" (clrDgSortedChange)="sortFunc($event);">
+                   style="position: relative;min-width: 6rem;" (clrDgSortedChange)="sortFunc($event);">
       {{'vmfs.latency' | translate}}
       <clr-icon *ngIf="sortFunc(listLatency.sorted);" shape="arrow down" class="is-solid"
-        style="position: absolute;right: 1.1rem;"></clr-icon>
+                style="position: absolute;right: 1.1rem;"></clr-icon>
     </clr-dg-column>
     <clr-dg-column [hidden]="radioCheck!=='chart'">{{'vmfs.latencyQoSTarget' | translate}}</clr-dg-column>
 
@@ -225,8 +225,8 @@
       <clr-dg-cell class="over_flow" style="width: 5%" [hidden]="radioCheck!=='list'">
         <span *ngIf="item.alarmState">
           <span class="color-square" [style.background-color]="getColor(item.alarmState)"
-            style="margin-right: 10px"></span>
-          <span>{{getLabelByValue(item.alarmState,'alarm_state_map') | translate}}</span>
+                style="margin-right: 10px"></span>
+          <span>{{getLabelByValue(item.alarmState, 'alarm_state_map') | translate}}</span>
         </span>
         <span *ngIf="!item.alarmState">--</span>
       </clr-dg-cell>
@@ -302,16 +302,16 @@
   <clr-wizard #wizard [(clrWizardOpen)]="popListShow" [clrWizardClosable]="false">
     <!-- 创建DME数据存储 -->
     <clr-wizard-title style="font-weight: bolder">{{'table.createDmeStorage' | translate}}</clr-wizard-title>
-<!--    <div *ngIf="addmodalLoading" class="loadingDiv">-->
-<!--      <span>-->
-<!--        {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
-<!--                                               style="margin-left: 20px;">-->
-<!--      </span>-->
-<!--    </div>-->
+    <!--    <div *ngIf="addmodalLoading" class="loadingDiv">-->
+    <!--      <span>-->
+    <!--        {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
+    <!--                                               style="margin-left: 20px;">-->
+    <!--      </span>-->
+    <!--    </div>-->
     <div *ngIf="modalHandleLoading" class="loadingDiv">
       <span>
         {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-          style="margin-left: 20px;">
+                                                         style="margin-left: 20px;">
       </span>
     </div>
 
@@ -330,7 +330,7 @@
         <clr-input-container>
           <label style="color: #9F9F9F;">{{'vmfs.name' | translate}}</label>
           <input clrInput class="inputWidth100Percent" maxlength="256" [(ngModel)]="form.name" formControlName="name"
-            name="name" (change)="nameCheck(true)" required />
+                 name="name" (change)="nameCheck(true)" required/>
           <!-- <clr-control-helper *ngIf="matchErr && form.name == null">
             <div class="errorTips" readonly>
               <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
@@ -359,18 +359,18 @@
           <label></label>
           <clr-checkbox-wrapper>
             <input type="checkbox" clrCheckbox name="isSameName" formControlName="isSameName"
-              (change)="addSameBtnChangeFunc($event);nameCheck(true)" [(ngModel)]="form.isSameName" />
+                   (change)="addSameBtnChangeFunc($event);nameCheck(true)" [(ngModel)]="form.isSameName"/>
             <label style="width: 190px;">{{'vmfs.vmfsAddNameDesc' | translate}}</label>
           </clr-checkbox-wrapper>
         </clr-checkbox-container>
         <clr-input-container *ngIf="!form.isSameName">
           <label style="color: #9F9F9F;">{{'vmfs.volumeName' | translate}}</label>
           <input clrInput class="inputWidth100Percent" maxlength="256"
-            formControlName="volumeName"
-            name="volumeName"
-            (blur)="nameCheck(false);"
-            [(ngModel)]="form.volumeName"
-            required />
+                 formControlName="volumeName"
+                 name="volumeName"
+                 (blur)="nameCheck(false);"
+                 [(ngModel)]="form.volumeName"
+                 required/>
           <!-- <clr-control-helper *ngIf="matchErr">
             <div class="errorTips" readonly>
               <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
@@ -395,7 +395,7 @@
         <clr-select-container class="selectClass">
           <label style="color: #9F9F9F;">{{'vmfs.version' | translate}}</label>
           <select (change)="setBlockSizeOptions();" [(ngModel)]="form.version" formControlName="version" clrSelect
-            name="version" required>
+                  name="version" required>
             <option value='5'>VMFS 5</option>
             <option value='6'>VMFS 6</option>
           </select>
@@ -408,26 +408,36 @@
           <div clrInput style="float: left;width: 54%;position: relative;">
             <!-- V5时最小值1.3G V6时最小值2G-->
             <input clrInput (blur)="capacityOnblur();" min="0" style="width: 60%;border-bottom: none" type="number"
-              [(ngModel)]="form.capacity" formControlName="capacity" name="capacity"
-              required />
+                   [(ngModel)]="form.capacity" formControlName="capacity" name="capacity"
+                   required/>
             <select class="capacity" (change)="form.capacity = null;" clrInput
-              style="width: 40%;border: 1px solid #DDDDDD;position: absolute;bottom: 3px;"
-              [(ngModel)]="form.capacityUnit" formControlName="capacityUnit" name="capacityUnit">
+                    style="width: 40%;border: 1px solid #DDDDDD;position: absolute;bottom: 3px;"
+                    [(ngModel)]="form.capacityUnit" formControlName="capacityUnit" name="capacityUnit">
               <option value="TB">TB</option>
               <option value="GB">GB</option>
             </select>
           </div>
           <input clrInput style="width: 19%;text-align: center;" readonly value="{{'vmfs.multiply' | translate}}">
           <input clrInput (blur)="countBlur();" min="0" style="width: 27%;" type="number" [(ngModel)]="form.count"
-            formControlName="count" name="count" required />
-          <clr-control-helper *ngIf="!capacityErr">
+                 formControlName="count" name="count" required/>
+          <clr-control-helper *ngIf="!capacityErr&&form.capacityUnit==='GB'">
             <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-            {{'vmfs.capacityTips' | translate}}
+            {{'vmfs.capacityTipsGB' | translate}}
           </clr-control-helper>
-          <clr-control-helper *ngIf="capacityErr">
+          <clr-control-helper *ngIf="capacityErr&&form.capacityUnit==='GB'">
             <div class="errorTips" readonly>
               <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-              {{'vmfs.capacityTips' | translate}}
+              {{'vmfs.capacityTipsGB' | translate}}
+            </div>
+          </clr-control-helper>
+          <clr-control-helper *ngIf="!capacityErr&&form.capacityUnit==='TB'">
+            <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+            {{'vmfs.capacityTipsTB' | translate}}
+          </clr-control-helper>
+          <clr-control-helper *ngIf="capacityErr&&form.capacityUnit==='TB'">
+            <div class="errorTips" readonly>
+              <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+              {{'vmfs.capacityTipsTB' | translate}}
             </div>
           </clr-control-helper>
           <clr-control-error>{{'validations.required' | translate}}：{{'vmfs.capacityTips' | translate}}
@@ -437,7 +447,7 @@
         <clr-select-container class="selectClass" *ngIf="isShowInput">
           <label style="color: #9F9F9F;">{{'vmfs.blockSize' | translate}}</label>
           <select clrSelect [(ngModel)]="form.blockSize" name="blockSize" formControlName="blockSize"
-            (change)="setSrgOptions();" required>
+                  (change)="setSrgOptions();" required>
             <option *ngFor="let item of blockSizeOptions" value="{{item.key}}">{{item.value}}</option>
           </select>
           <clr-control-error>{{'validations.required' | translate}}</clr-control-error>
@@ -446,7 +456,7 @@
         <clr-select-container class="selectClass" *ngIf="isShowInput">
           <label style="color: #9F9F9F;">{{'vmfs.spaceReclamationGranularity' | translate}}</label>
           <select clrSelect (ngModelOptions)="srgOptions" [(ngModel)]="form.spaceReclamationGranularity"
-            formControlName="spaceReclamationGranularity" name="spaceReclamationGranularity" required>
+                  formControlName="spaceReclamationGranularity" name="spaceReclamationGranularity" required>
             <option *ngFor="let item of srgOptions" value="{{item.key}}">{{item.value}}</option>
           </select>
           <clr-control-error>{{'validations.required' | translate}}</clr-control-error>
@@ -456,9 +466,9 @@
         <clr-select-container class="selectClass" *ngIf="isShowInput">
           <label style="color: #9F9F9F;">{{'vmfs.spaceReclamationPriority' | translate}}</label>
           <select clrSelect required
-            [(ngModel)]="form.spaceReclamationPriority"
-            name="spaceReclamationPriority"
-            formControlName="spaceReclamationPriority">
+                  [(ngModel)]="form.spaceReclamationPriority"
+                  name="spaceReclamationPriority"
+                  formControlName="spaceReclamationPriority">
             <option value="low">{{'vmfs.low' | translate}}</option>
             <option value="none">{{'vmfs.none' | translate}}</option>
           </select>
@@ -474,10 +484,10 @@
             [mountType]="selectMountType"
             (valueChange)="handleChooseDeviceChange(this.addForm,'chooseDevice',$event)">
           </app-gh-tree-checkbox>
-<!--          <app-error-tips-->
-<!--            [isShow]="!this.addForm.controls.chooseDevice.valid"-->
-<!--            [tips]="'validations.required' | translate">-->
-<!--          </app-error-tips>-->
+          <!--          <app-error-tips-->
+          <!--            [isShow]="!this.addForm.controls.chooseDevice.valid"-->
+          <!--            [tips]="'validations.required' | translate">-->
+          <!--          </app-error-tips>-->
         </clr-control-container>
         <!--
         <clr-combobox-container>
@@ -506,15 +516,12 @@
       <ng-template clrPageButtons>
         <clr-wizard-button [type]="'cancel'">{{'menu.cancel' | translate}}</clr-wizard-button>
         <clr-wizard-button [clrWizardButtonDisabled]="matchErr || vmfsNameRepeatErr || volNameRepeatErr"
-          (click)="addNextPage();"
-          [type]="'custom-next'">{{'menu.next' | translate}}</clr-wizard-button>
+                           (click)="addNextPage();"
+                           [type]="'custom-next'">{{'menu.next' | translate}}</clr-wizard-button>
       </ng-template>
     </clr-wizard-page>
 
 
-
-
-
     <!--Page2 储存库设置-->
     <clr-wizard-page #addPageTwo [clrWizardPageNextDisabled]="!formPageTwo.valid">
       <ng-template clrPageNavTitle>
@@ -528,11 +535,11 @@
             <!-- 服务等级 -->
             <!-- DME存储策略 -->
             <span (click)="serviceLevelBtnFunc();" class="tabs-btn"
-              [ngClass]="{'tabs-btn_active': levelCheck === 'level'}">{{'vmfs.byServiceLevel' | translate}}</span>
+                  [ngClass]="{'tabs-btn_active': levelCheck === 'level'}">{{'vmfs.byServiceLevel' | translate}}</span>
             <!-- 非服务等级 -->
             <!-- 自定义 -->
             <span (click)="customerClickFunc();" class="tabs-btn"
-              [ngClass]="{'tabs-btn_active': levelCheck === 'customer'}">{{'vmfs.custom' | translate}}</span>
+                  [ngClass]="{'tabs-btn_active': levelCheck === 'customer'}">{{'vmfs.custom' | translate}}</span>
           </span>
         </div>
 
@@ -557,82 +564,82 @@
           <clr-accordion>
             <clr-accordion-panel *ngFor="let item of serviceLevelList;" style="margin-top: 20px;">
               <clr-accordion-title class="" (click)="item.show ? this.hidden:this.show" *ngIf="!item.show"
-                style="height: 50px; line-height: 50px;color: #333333;font-size:16px;">{{item.name}}</clr-accordion-title>
+                                   style="height: 50px; line-height: 50px;color: #333333;font-size:16px;">{{item.name}}</clr-accordion-title>
               <clr-accordion-content [(clrIfExpanded)]="item.show">
 
                 <app-service-level-table [item]="item"></app-service-level-table>
-           <!--      <table class="table table-vertical table-noborder table-compact">
-                  <tbody>
-                    <tr>
-                      <th hidden></th>
-                      <th>
-                        {{item.name}}
-                      </th>
-                    </tr>
-                    <tr>
-                      <th hidden></th>
-                      <td>{{'vmfs.capacityUsage' | translate}}</td>
-                      <td>{{'vmfs.qos' | translate}}</td>
-                      <td>{{'vmfs.protection' | translate}}</td>
-                    </tr>
-                    <tr>
-                      <th hidden></th>
-                      <th>
-                        <div class="progress-block">
-                          <clr-progress-bar clrValue="{{(item.usedCapacity/item.totalCapacity * 100 || 0).toFixed(2)}}"
-                            clrSuccess></clr-progress-bar>
-                          <span>{{(item.usedCapacity / item.totalCapacity * 100 || 0).toFixed(2)}}%</span>
-                        </div>
-                      </th>
-                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
-                        && item.capabilities.qos?.qosParam !== null
-                        && item.capabilities.qos?.qosParam.maxBandWidth !== 0">{{'vmfs.bandwidth' | translate}} <=
-                          {{item.capabilities.qos?.qosParam.maxBandWidth}}MBPS/TB
-                          </th>
-                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
-                        && item.capabilities.qos?.qosParam !== null
-                        && item.capabilities.qos?.qosParam.minBandWidth !== 0">{{'vmfs.bandwidth' | translate}} >=
-                          {{item.capabilities.qos?.qosParam.minBandWidth}}MBPS/TB
-                      </th>
-                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
-                        && item.capabilities.qos?.qosParam !== null
-                        && item.capabilities.qos?.qosParam.maxIOPS !== 0">{{'vmfs.iops' | translate}} <=
-                          {{item.capabilities.qos?.qosParam.maxIOPS}}IOPS/TB
-                          </th>
-                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
-                        && item.capabilities.qos?.qosParam !== null
-                        && item.capabilities.qos?.qosParam.minIOPS !== 0 ">{{'vmfs.iops' | translate}} >=
-                          {{item.capabilities.qos?.qosParam.minIOPS}}IOPS/TB
-                      </th>
-                      <th
-                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null
-                        || (item.capabilities.qos?.qosParam.maxBandWidth === 0 && item.capabilities.qos?.qosParam.minBandWidth === 0)">
-                        --
-                      </th>
-                      <th
-                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null
-                        || (item.capabilities.qos?.qosParam.minIOPS === 0 && item.capabilities.qos?.qosParam.maxIOPS === 0)">
-                        --
-                      </th>
-                    </tr>
-                    <tr>
-                      <th hidden></th>
-                      <th>{{formatCapacity(item.usedCapacity, false)}} /{{formatCapacity(item.totalCapacity, false)}}
-                      </th>
-                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
-                        && item.capabilities.qos?.qosParam !== null
-                        && item.capabilities.qos?.qosParam.latency !== 0 ">{{'rdm.latency' | translate}}<=
-                          {{item.capabilities.qos?.qosParam.latency + item.capabilities.qos?.qosParam.latencyUnit}}</th>
-                          <th
-                          *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null || item.capabilities.qos?.qosParam.latency === 0">
-                          --
-                      </th>
-                    </tr>
-                  </tbody>
-                </table> -->
+                <!--      <table class="table table-vertical table-noborder table-compact">
+                       <tbody>
+                         <tr>
+                           <th hidden></th>
+                           <th>
+                             {{item.name}}
+                           </th>
+                         </tr>
+                         <tr>
+                           <th hidden></th>
+                           <td>{{'vmfs.capacityUsage' | translate}}</td>
+                           <td>{{'vmfs.qos' | translate}}</td>
+                           <td>{{'vmfs.protection' | translate}}</td>
+                         </tr>
+                         <tr>
+                           <th hidden></th>
+                           <th>
+                             <div class="progress-block">
+                               <clr-progress-bar clrValue="{{(item.usedCapacity/item.totalCapacity * 100 || 0).toFixed(2)}}"
+                                 clrSuccess></clr-progress-bar>
+                               <span>{{(item.usedCapacity / item.totalCapacity * 100 || 0).toFixed(2)}}%</span>
+                             </div>
+                           </th>
+                           <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
+                             && item.capabilities.qos?.qosParam !== null
+                             && item.capabilities.qos?.qosParam.maxBandWidth !== 0">{{'vmfs.bandwidth' | translate}} <=
+                               {{item.capabilities.qos?.qosParam.maxBandWidth}}MBPS/TB
+                               </th>
+                               <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
+                             && item.capabilities.qos?.qosParam !== null
+                             && item.capabilities.qos?.qosParam.minBandWidth !== 0">{{'vmfs.bandwidth' | translate}} >=
+                               {{item.capabilities.qos?.qosParam.minBandWidth}}MBPS/TB
+                           </th>
+                           <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
+                             && item.capabilities.qos?.qosParam !== null
+                             && item.capabilities.qos?.qosParam.maxIOPS !== 0">{{'vmfs.iops' | translate}} <=
+                               {{item.capabilities.qos?.qosParam.maxIOPS}}IOPS/TB
+                               </th>
+                               <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
+                             && item.capabilities.qos?.qosParam !== null
+                             && item.capabilities.qos?.qosParam.minIOPS !== 0 ">{{'vmfs.iops' | translate}} >=
+                               {{item.capabilities.qos?.qosParam.minIOPS}}IOPS/TB
+                           </th>
+                           <th
+                             *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null
+                             || (item.capabilities.qos?.qosParam.maxBandWidth === 0 && item.capabilities.qos?.qosParam.minBandWidth === 0)">
+                             --
+                           </th>
+                           <th
+                             *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null
+                             || (item.capabilities.qos?.qosParam.minIOPS === 0 && item.capabilities.qos?.qosParam.maxIOPS === 0)">
+                             --
+                           </th>
+                         </tr>
+                         <tr>
+                           <th hidden></th>
+                           <th>{{formatCapacity(item.usedCapacity, false)}} /{{formatCapacity(item.totalCapacity, false)}}
+                           </th>
+                           <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null
+                             && item.capabilities.qos?.qosParam !== null
+                             && item.capabilities.qos?.qosParam.latency !== 0 ">{{'rdm.latency' | translate}}<=
+                               {{item.capabilities.qos?.qosParam.latency + item.capabilities.qos?.qosParam.latencyUnit}}</th>
+                               <th
+                               *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null || item.capabilities.qos?.qosParam.latency === 0">
+                               --
+                           </th>
+                         </tr>
+                       </tbody>
+                     </table> -->
               </clr-accordion-content>
               <img src="./assets/images/selectDown.svg" style="position: absolute;right: 0px;bottom: 0px;" width="40px"
-                height="40px">
+                   height="40px">
             </clr-accordion-panel>
           </clr-accordion>
         </ng-container>
@@ -645,7 +652,7 @@
           <clr-select-container class="selectClass">
             <label style="color: #9F9F9F;">{{'vmfs.storageDevice' | translate}}</label>
             <select clrSelect [(ngModel)]="form.storage_id" name="storage_id"
-              (ngModelChange)="getStoragePoolsByStorId();qosV6Check('add');" required>
+                    (ngModelChange)="getStoragePoolsByStorId();qosV6Check('add');" required>
               <option *ngFor="let item of storageList" value="{{item.id}}">{{item.name + '(' + item.ip + ')'}}</option>
             </select>
             <clr-control-error>{{'validations.required' | translate}}</clr-control-error>
@@ -666,9 +673,9 @@
           </clr-select-container>
           <!--a.SmartTie 设置 -->
           <clr-toggle-wrapper style="margin-top: 1.2rem;width: 6rem;" class="selectClass"
-            *ngIf="form.storage_id && showSmartTierFlag">
+                              *ngIf="form.storage_id && showSmartTierFlag">
             <label>{{'vmfs.smartTier' | translate}}</label>
-            <input type="checkbox" clrToggle name="smartTierFlag" [(ngModel)]="form.smartTierFlag" />
+            <input type="checkbox" clrToggle name="smartTierFlag" [(ngModel)]="form.smartTierFlag"/>
           </clr-toggle-wrapper>
           <div *ngIf="form.smartTierFlag">
             <clr-select-container class="selectClass">
@@ -686,7 +693,7 @@
           <clr-toggle-wrapper style="margin-top: 1.2rem;width: 6rem;" class="selectClass" *ngIf="form.storage_id">
             <label>{{'nfs.qosPolicy' | translate}}</label>
             <input type="checkbox" clrToggle name="qosFlag" (change)="qoSAddFlagChange(form);"
-              [(ngModel)]="form.qosFlag" />
+                   [(ngModel)]="form.qosFlag"/>
           </clr-toggle-wrapper>
           <!-- 控制策略 -->
           <div *ngIf="form.qosFlag">
@@ -696,19 +703,19 @@
               <!--上限-->
               <clr-checkbox-wrapper>
                 <input type="checkbox"
-                  id="control_policyUpper"
-                  clrCheckbox
-                  [(ngModel)]="modifyForm.isCheckedUpper"
-                  (change)="handleModifyControlPolicyChange(false, form, true);" name="control_policyUpper" />
+                       id="control_policyUpper"
+                       clrCheckbox
+                       [(ngModel)]="modifyForm.isCheckedUpper"
+                       (change)="handleModifyControlPolicyChange(false, form, true);" name="control_policyUpper"/>
                 <label>{{'vmfs.upperLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
               <!--下限-->
               <clr-checkbox-wrapper *ngIf="!showLowerFlag">
                 <input type="checkbox" id="control_policyLower"
-                  [(ngModel)]="modifyForm.isCheckedlower"
-                  clrCheckbox
-                  (change)="handleModifyControlPolicyChange(false, form, false);"
-                  name="control_policyLower" />
+                       [(ngModel)]="modifyForm.isCheckedlower"
+                       clrCheckbox
+                       (change)="handleModifyControlPolicyChange(false, form, false);"
+                       name="control_policyLower"/>
                 <label>{{'vmfs.lowerLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
             </clr-checkbox-container>
@@ -717,15 +724,15 @@
               <label style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="form.maxbandwidthChoose"
-                  (ngModelChange)="resetQosFlag(form.maxbandwidthChoose, 'maxbandwidth');qosV6Check('add');"
-                  name="maxbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(form.maxbandwidthChoose, 'maxbandwidth');qosV6Check('add');"
+                       name="maxbandwidthChoose" clrCheckbox/>
                 <label style="width: 190px;">
                   {{'vmfs.bandwidthLimitUpper' | translate}}
                   <input type="number" [(readOnly)]="!form.maxbandwidthChoose" class="inputOneLine" name="maxbandwidth"
-                    [(ngModel)]="form.maxbandwidth" min="0"
-                    oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    (blur)="qosBlur('add', 'maxbandwidth');"
-                    [required]="form.maxbandwidthChoose" />{{'vmfs.unitM' | translate}}
+                         [(ngModel)]="form.maxbandwidth" min="0"
+                         oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                         (blur)="qosBlur('add', 'maxbandwidth');"
+                         [required]="form.maxbandwidthChoose"/>{{'vmfs.unitM' | translate}}
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="bandWidthMaxErrTips" style="color: red">
@@ -740,15 +747,15 @@
               <label></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="form.maxiopsChoose"
-                  (ngModelChange)="resetQosFlag(form.maxiopsChoose, 'maxiops');qosV6Check('add');"
-                  name="maxiopsChoose"
-                  clrCheckbox />
+                       (ngModelChange)="resetQosFlag(form.maxiopsChoose, 'maxiops');qosV6Check('add');"
+                       name="maxiopsChoose"
+                       clrCheckbox/>
                 <label style="width: 190px;">
                   {{'vmfs.IOPSLimitUpper' | translate}}
                   <input type="number" [(readOnly)]="!form.maxiopsChoose" class="inputOneLine" name="maxiops"
-                    [(ngModel)]="form.maxiops" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    (blur)="qosBlur('add', 'maxiops');"
-                    [required]="form.maxiopsChoose" />
+                         [(ngModel)]="form.maxiops" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                         (blur)="qosBlur('add', 'maxiops');"
+                         [required]="form.maxiopsChoose"/>
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="iopsMaxErrTips" style="color: red">
@@ -762,20 +769,20 @@
               <!-- 交通管制对象 带宽 下限-->
               <clr-checkbox-container>
                 <label *ngIf="form.control_policyLower == '0' && form.control_policyUpper != '1'"
-                  style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
+                       style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
                 <label *ngIf="form.control_policyLower == '0' && form.control_policyUpper == '1'"
-                  style="color: #9F9F9F;"></label>
+                       style="color: #9F9F9F;"></label>
                 <clr-checkbox-wrapper *ngIf="form.control_policyLower == '0'">
                   <input type="checkbox" [(ngModel)]="form.minbandwidthChoose"
-                    (ngModelChange)="resetQosFlag(form.minbandwidthChoose, 'minbandwidth');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(form.minbandwidthChoose, 'minbandwidth');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 190px;">
                     {{'vmfs.bandwidthLimitLower' | translate}}
                     <input type="number" [(readOnly)]="!form.minbandwidthChoose" min="0" class="inputOneLine"
-                      name="minbandwidth" [(ngModel)]="form.minbandwidth"
-                      oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      (blur)="qosBlur('add', 'minbandwidth');"
-                      [required]="form.minbandwidthChoose" />{{'vmfs.unitM' | translate}}
+                           name="minbandwidth" [(ngModel)]="form.minbandwidth"
+                           oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                           (blur)="qosBlur('add', 'minbandwidth');"
+                           [required]="form.minbandwidthChoose"/>{{'vmfs.unitM' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-control-helper *ngIf="bandWidthMinErrTips" style="color: red">
@@ -790,14 +797,14 @@
                 <label></label>
                 <clr-checkbox-wrapper>
                   <input type="checkbox" [(ngModel)]="form.miniopsChoose"
-                    (ngModelChange)="resetQosFlag(form.miniopsChoose, 'miniops');qosV6Check('add');"
-                    name="minbandwidthChoose" clrCheckbox />
+                         (ngModelChange)="resetQosFlag(form.miniopsChoose, 'miniops');qosV6Check('add');"
+                         name="minbandwidthChoose" clrCheckbox/>
                   <label style="width: 190px;">
                     {{'vmfs.IOPSLimitLower' | translate}}
                     <input type="number" [(readOnly)]="!form.miniopsChoose" min="0" class="inputOneLine" name="miniops"
-                      [(ngModel)]="form.miniops" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                      (blur)="qosBlur('add', 'miniops');"
-                      [required]="form.miniopsChoose" />
+                           [(ngModel)]="form.miniops" oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                           (blur)="qosBlur('add', 'miniops');"
+                           [required]="form.miniopsChoose"/>
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-control-helper *ngIf="iopsMinErrTips" style="color: red">
@@ -812,24 +819,24 @@
                 <label></label>
                 <clr-checkbox-wrapper *ngIf="!latencyIsSelect">
                   <input type="checkbox" [(ngModel)]="form.latencyChoose"
-                    (ngModelChange)="resetQosFlag(form.latencyChoose, 'latency');" name="latencyChoose"
-                    clrCheckbox />
+                         (ngModelChange)="resetQosFlag(form.latencyChoose, 'latency');" name="latencyChoose"
+                         clrCheckbox/>
                   <label style="width: 190px;">
                     {{'vmfs.latencyMax' | translate}}
                     <input *ngIf="!latencyIsSelect" type="number" [(readOnly)]="!form.latencyChoose" min="0"
-                      oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine"
-                      name="latency"
-                      [(ngModel)]="form.latency" (blur)="qosBlur('add', 'latency');"
-                      [required]="form.latencyChoose" />
+                           oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine"
+                           name="latency"
+                           [(ngModel)]="form.latency" (blur)="qosBlur('add', 'latency');"
+                           [required]="form.latencyChoose"/>
                     {{'vmfs.latencyUnit' | translate}}
                   </label>
                 </clr-checkbox-wrapper>
                 <clr-checkbox-wrapper *ngIf="latencyIsSelect">
-                  <input type="checkbox" [(ngModel)]="form.latencyChoose" name="latencyChoose" clrCheckbox />
+                  <input type="checkbox" [(ngModel)]="form.latencyChoose" name="latencyChoose" clrCheckbox/>
                   <label style="width: 190px;">
                     {{'vmfs.latencyMax' | translate}}
                     <select [(disabled)]="!form.latencyChoose" [(ngModel)]="form.latency" name="latency"
-                      style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
+                            style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
                       <option value="500">500</option>
                       <option value="1500">1500</option>
                     </select>
@@ -852,7 +859,7 @@
               <clr-checkbox-container *ngIf="iopsLimitErr">
                 <clr-control-helper class="clr-error clr-subtext">
                   <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-                  {{(dorado?'tips.iopsLimitErr':'tips.iopsLimitErrNotV6' )| translate}}
+                  {{(dorado ? 'tips.iopsLimitErr' : 'tips.iopsLimitErrNotV6')| translate}}
                 </clr-control-helper>
               </clr-checkbox-container>
             </div>
@@ -890,7 +897,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
         <div *ngIf="modalHandleLoading" class="loadingDiv">
           <span>
             {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px"
-              height="20px" style="margin-left: 20px;">
+                                                             height="20px" style="margin-left: 20px;">
           </span>
         </div>
         <div *ngIf="isOperationErr" class="errorTips" readonly>
@@ -900,7 +907,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
         <div *ngIf="nameChecking" class="loadingDiv">
           <span>
             {{'vmfs.nameChecking' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-              style="margin-left: 20px;">
+                                                    style="margin-left: 20px;">
           </span>
         </div>
 
@@ -908,10 +915,10 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
         <clr-input-container>
           <label style="color: #9F9F9F;">{{'vmfs.name' | translate}}</label>
           <input clrInput [(ngModel)]="modifyForm.name"
-            (change)="modifyNameChange();"
-            (blur)="modifyNameChange();"
-            maxlength="256" name="name"
-            #name="ngModel" required /><br>
+                 (change)="modifyNameChange();"
+                 (blur)="modifyNameChange();"
+                 maxlength="256" name="name"
+                 #name="ngModel" required/><br>
           <clr-control-error>
             <p class="clr-error clr-subtext">{{'errorMsg.require' | translate}}</p>
             <p class="clr-error clr-subtext"> {{'validations.required_vmfs_name' | translate:'{length:27}'}}</p>
@@ -939,7 +946,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
         <clr-checkbox-container>
           <label></label>
           <clr-checkbox-wrapper>
-            <input type="checkbox" clrCheckbox name="isSameName" [(ngModel)]="modifyForm.isSameName" />
+            <input type="checkbox" clrCheckbox name="isSameName" [(ngModel)]="modifyForm.isSameName"/>
             <label>{{'vmfs.modifyNameDesc' | translate}}</label>
           </clr-checkbox-wrapper>
         </clr-checkbox-container>
@@ -947,7 +954,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
           <!--a.SmartTie 设置 -->
           <clr-toggle-wrapper style="margin-top: 1.2rem;width: 6rem;" class="selectClass" *ngIf="showSmartTierFlag">
             <label>{{'vmfs.smartTier' | translate}}</label>
-            <input type="checkbox" clrToggle name="smartTierFlag" [(ngModel)]="modifyForm.smartTierFlag" />
+            <input type="checkbox" clrToggle name="smartTierFlag" [(ngModel)]="modifyForm.smartTierFlag"/>
           </clr-toggle-wrapper>
           <div *ngIf="modifyForm.smartTierFlag">
             <clr-select-container class="selectClass">
@@ -969,7 +976,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
           <clr-toggle-wrapper style="margin-top: 1.2rem;width: 6rem;" class="selectClass">
             <label>{{'nfs.qosPolicy' | translate}}</label>
             <input type="checkbox" clrToggle name="qosFlag" (change)="qoSEditFlagChange(modifyForm)"
-              [(ngModel)]="modifyForm.qosFlag" />
+                   [(ngModel)]="modifyForm.qosFlag"/>
           </clr-toggle-wrapper>
           <div *ngIf="modifyForm.qosFlag">
             <!-- 控制策略 -->
@@ -978,13 +985,13 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
               <!--上限-->
               <clr-checkbox-wrapper>
                 <input type="checkbox" id="editControl_policyUpper" clrCheckbox [(ngModel)]="modifyForm.isCheckedUpper"
-                  name="isCheckedUpper" (change)="handleModifyControlPolicyChange(true, modifyForm, true);" />
+                       name="isCheckedUpper" (change)="handleModifyControlPolicyChange(true, modifyForm, true);"/>
                 <label>{{'vmfs.upperLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
               <!--下限-->
               <clr-checkbox-wrapper *ngIf="!showLowerFlag">
                 <input type="checkbox" id="editControl_policyLower" clrCheckbox [(ngModel)]="modifyForm.isCheckedlower"
-                  name="isCheckedlower" (change)="handleModifyControlPolicyChange(true, modifyForm, false);" />
+                       name="isCheckedlower" (change)="handleModifyControlPolicyChange(true, modifyForm, false);"/>
                 <label>{{'vmfs.lowerLimitControl' | translate}}</label>
               </clr-checkbox-wrapper>
             </clr-checkbox-container>
@@ -993,15 +1000,15 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
               <label style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="modifyForm.maxbandwidthChoose"
-                  (ngModelChange)="resetQosFlag(modifyForm.maxbandwidthChoose, 'maxbandwidth');qosV6Check('edit');"
-                  name="maxbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(modifyForm.maxbandwidthChoose, 'maxbandwidth');qosV6Check('edit');"
+                       name="maxbandwidthChoose" clrCheckbox/>
                 <label>
                   {{'vmfs.bandwidthLimitUpper' | translate}}
                   <input type="number" [(readOnly)]="!modifyForm.maxbandwidthChoose"
-                    (blur)="qosBlur('modify', 'max_bandwidth');"
-                    class="inputOneLine" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    name="max_bandwidth" [(ngModel)]="modifyForm.max_bandwidth"
-                    [required]="modifyForm.maxbandwidthChoose" />{{'vmfs.unitM' | translate}}
+                         (blur)="qosBlur('modify', 'max_bandwidth');"
+                         class="inputOneLine" min="0" oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                         name="max_bandwidth" [(ngModel)]="modifyForm.max_bandwidth"
+                         [required]="modifyForm.maxbandwidthChoose"/>{{'vmfs.unitM' | translate}}
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="bandWidthMaxErrTips" style="color: red">
@@ -1017,15 +1024,15 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
               <label></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="modifyForm.maxiopsChoose"
-                  (ngModelChange)="resetQosFlag(modifyForm.maxiopsChoose, 'maxiops');qosV6Check('edit');"
-                  name="maxiopsChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(modifyForm.maxiopsChoose, 'maxiops');qosV6Check('edit');"
+                       name="maxiopsChoose" clrCheckbox/>
                 <label>
                   {{'vmfs.IOPSLimitUpper' | translate}}
                   <input type="number" [(readOnly)]="!modifyForm.maxiopsChoose" class="inputOneLine" name="max_iops"
-                    min="0"
-                    oninput="if (value.length > 11) {value=value.slice(0,11)}" [(ngModel)]="modifyForm.max_iops"
-                    (blur)="qosBlur('modify', 'max_iops');"
-                    [required]="modifyForm.maxiopsChoose" />
+                         min="0"
+                         oninput="if (value.length > 11) {value=value.slice(0,11)}" [(ngModel)]="modifyForm.max_iops"
+                         (blur)="qosBlur('modify', 'max_iops');"
+                         [required]="modifyForm.maxiopsChoose"/>
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="iopsMaxErrTips" style="color: red">
@@ -1039,21 +1046,21 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
             <!-- 交通管制对象 带宽 下限-->
             <clr-checkbox-container *ngIf="modifyForm.control_policyLower === '0'">
               <label *ngIf="modifyForm.control_policyLower == '0' && modifyForm.control_policyUpper != '1'"
-                style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
+                     style="color: #9F9F9F;">{{'vmfs.trafficControlObject' | translate}}</label>
               <label *ngIf="modifyForm.control_policyLower == '0' && modifyForm.control_policyUpper == '1'"
-                style="color: #9F9F9F;"></label>
+                     style="color: #9F9F9F;"></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="modifyForm.minbandwidthChoose"
-                  (ngModelChange)="resetQosFlag(modifyForm.minbandwidthChoose, 'minbandwidth');qosV6Check('edit');"
-                  name="minbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(modifyForm.minbandwidthChoose, 'minbandwidth');qosV6Check('edit');"
+                       name="minbandwidthChoose" clrCheckbox/>
                 <label>
                   {{'vmfs.bandwidthLimitLower' | translate}}
                   <input type="number" [(readOnly)]="!modifyForm.minbandwidthChoose" class="inputOneLine"
-                    name="min_bandwidth" min="0"
-                    oninput="if (value.length > 11) {value=value.slice(0,11)}"
-                    [(ngModel)]="modifyForm.min_bandwidth"
-                    (blur)="qosBlur('modify', 'min_bandwidth');"
-                    [required]="modifyForm.minbandwidthChoose" />{{'vmfs.unitM' | translate}}
+                         name="min_bandwidth" min="0"
+                         oninput="if (value.length > 11) {value=value.slice(0,11)}"
+                         [(ngModel)]="modifyForm.min_bandwidth"
+                         (blur)="qosBlur('modify', 'min_bandwidth');"
+                         [required]="modifyForm.minbandwidthChoose"/>{{'vmfs.unitM' | translate}}
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="bandWidthMinErrTips" style="color: red">
@@ -1069,14 +1076,14 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
               <label></label>
               <clr-checkbox-wrapper>
                 <input type="checkbox" [(ngModel)]="modifyForm.miniopsChoose"
-                  (ngModelChange)="resetQosFlag(modifyForm.miniopsChoose, 'miniops');qosV6Check('edit');"
-                  name="minbandwidthChoose" clrCheckbox />
+                       (ngModelChange)="resetQosFlag(modifyForm.miniopsChoose, 'miniops');qosV6Check('edit');"
+                       name="minbandwidthChoose" clrCheckbox/>
                 <label style="width: 190px;">
                   {{'vmfs.IOPSLimitLower' | translate}}
                   <input type="number" [(readOnly)]="!modifyForm.miniopsChoose" min="0"
-                    oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine" name="min_iops"
-                    [(ngModel)]="modifyForm.min_iops" (blur)="qosBlur('modify', 'min_iops');"
-                    [required]="modifyForm.miniopsChoose" />
+                         oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine" name="min_iops"
+                         [(ngModel)]="modifyForm.min_iops" (blur)="qosBlur('modify', 'min_iops');"
+                         [required]="modifyForm.miniopsChoose"/>
                 </label>
               </clr-checkbox-wrapper>
               <clr-control-helper *ngIf="iopsMinErrTips" style="color: red">
@@ -1091,23 +1098,23 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
               <label></label>
               <clr-checkbox-wrapper *ngIf="!latencyIsSelect">
                 <input type="checkbox" [(ngModel)]="modifyForm.latencyChoose"
-                  (ngModelChange)="resetQosFlag(modifyForm.latencyChoose, 'latency')" name="latencyChoose"
-                  clrCheckbox />
+                       (ngModelChange)="resetQosFlag(modifyForm.latencyChoose, 'latency')" name="latencyChoose"
+                       clrCheckbox/>
                 <label style="width: 190px;">
                   {{'vmfs.latencyMax' | translate}}
                   <input *ngIf="!latencyIsSelect" type="number" [(readOnly)]="!modifyForm.latencyChoose" min="0"
-                    oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine" name="latency"
-                    [(ngModel)]="modifyForm.latency" (blur)="qosBlur('modify', 'latency');"
-                    [required]="modifyForm.latencyChoose" />
+                         oninput="if (value.length > 11) {value=value.slice(0,11)}" class="inputOneLine" name="latency"
+                         [(ngModel)]="modifyForm.latency" (blur)="qosBlur('modify', 'latency');"
+                         [required]="modifyForm.latencyChoose"/>
                   {{'vmfs.latencyUnit' | translate}}
                 </label>
               </clr-checkbox-wrapper>
               <clr-checkbox-wrapper *ngIf="latencyIsSelect">
-                <input type="checkbox" [(ngModel)]="modifyForm.latencyChoose" name="latencyChoose" clrCheckbox />
+                <input type="checkbox" [(ngModel)]="modifyForm.latencyChoose" name="latencyChoose" clrCheckbox/>
                 <label style="width: 190px;">
                   {{'vmfs.latencyMax' | translate}}
                   <select [(disabled)]="!modifyForm.latencyChoose" [(ngModel)]="modifyForm.latency" name="latency"
-                    style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
+                          style="height: 1.2rem;width: 54%;border: none;border-bottom: 1px solid;border-bottom-color: var(--clr-forms-border-color, #b3b3b3);">
                     <option value="500">500</option>
                     <option value="1500">1500</option>
                   </select>
@@ -1130,7 +1137,7 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
             <clr-checkbox-container *ngIf="iopsLimitErr">
               <clr-control-helper class="clr-error clr-subtext">
                 <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
-                {{(dorado?'tips.iopsLimitErr':'tips.iopsLimitErrNotV6' )| translate}}
+                {{(dorado ? 'tips.iopsLimitErr' : 'tips.iopsLimitErrNotV6')| translate}}
               </clr-control-helper>
             </clr-checkbox-container>
           </div>
@@ -1143,12 +1150,12 @@ <h3 class="modal-title modelTile">{{'menu.edit' | translate}}</h3>
     </div>
   </clr-modal>
   <!--挂载弹窗-->
-<!--  <div *ngIf="modalLoading" class="loadingDiv">-->
-<!--          <span>-->
-<!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
-<!--                                                   style="margin-left: 20px;">-->
-<!--          </span>-->
-<!--  </div>-->
+  <!--  <div *ngIf="modalLoading" class="loadingDiv">-->
+  <!--          <span>-->
+  <!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
+  <!--                                                   style="margin-left: 20px;">-->
+  <!--          </span>-->
+  <!--  </div>-->
   <clr-modal [(clrModalOpen)]="mountShow" [clrModalClosable]="false">
 
     <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
@@ -1160,7 +1167,7 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
         <div *ngIf="modalHandleLoading" class="loadingDiv">
           <span>
             {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px"
-              height="20px" style="margin-left: 20px;">
+                                                             height="20px" style="margin-left: 20px;">
           </span>
         </div>
         <div *ngIf="isOperationErr" class="alert alert-danger" readonly>
@@ -1168,7 +1175,8 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
           <div class="alert-items">
             <div class="alert-item flex horizon">
               <div class="alert-icon-wrapper flex1">
-                <clr-icon class="alert-icon" shape="exclamation-circle"></clr-icon> {{'errorMsg.mountError' | translate}}
+                <clr-icon class="alert-icon" shape="exclamation-circle"></clr-icon>
+                {{'errorMsg.mountError' | translate}}
               </div>
               <div>
                 <clr-signpost>
@@ -1176,7 +1184,7 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
                           clrSignpostTrigger>
                     {{'tips.details'|translate}}
                   </button>
-                  <clr-signpost-content  [clrPosition]="'bottom-left'" *clrIfOpen >
+                  <clr-signpost-content [clrPosition]="'bottom-left'" *clrIfOpen>
                     <div>
                       <p>{{'errorMsg.detailDescription'|translate}}</p>
                       {{mountFailOrPartSuccessDesc}}
@@ -1191,7 +1199,8 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
           <div class="alert-items">
             <div class="alert-item flex horizon">
               <div class="alert-icon-wrapper flex1">
-                <clr-icon class="alert-icon" shape="exclamation-circle"></clr-icon> {{'errorMsg.mountPartError' | translate}}
+                <clr-icon class="alert-icon" shape="exclamation-circle"></clr-icon>
+                {{'errorMsg.mountPartError' | translate}}
               </div>
               <div>
                 <clr-signpost>
@@ -1199,7 +1208,7 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
                           clrSignpostTrigger>
                     {{'tips.details'|translate}}
                   </button>
-                  <clr-signpost-content  [clrPosition]="'bottom-left'" *clrIfOpen >
+                  <clr-signpost-content [clrPosition]="'bottom-left'" *clrIfOpen>
                     <div *ngIf="mountFailHost&&mountFailHost.length>0">
                       <p>{{'errorMsg.mountFailHost'|translate}}</p>
                       <div *ngFor="let item of mountFailHost">{{item}}</div>
@@ -1275,16 +1284,18 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
               [mountType]="selectMountType"
               [tree]="deviceList"
               [vmfsMount]=true
-              (valueChange)="handleChooseDeviceChange(this.addForm,'chooseDevice',$event)"> </app-gh-tree-checkbox>
-<!--            <app-error-tips [isShow]="!this.addForm.controls.chooseDevice.valid"-->
-<!--              [tips]="'validations.required' | translate"> </app-error-tips>-->
+              (valueChange)="handleChooseDeviceChange(this.addForm,'chooseDevice',$event)"></app-gh-tree-checkbox>
+            <!--            <app-error-tips [isShow]="!this.addForm.controls.chooseDevice.valid"-->
+            <!--              [tips]="'validations.required' | translate"> </app-error-tips>-->
           </clr-control-container>
         </div>
 
 
         <div class="modal-footer">
-          <button type="button" class="btn btn-outline" (click)="mountShow = false">{{'menu.cancel' | translate}}</button>
-          <button type="submit" class="btn btn-primary" [class.submit-disabled]='isDisableMountSubmit()' (click)="mountSubmit()">{{'menu.ok' | translate}}</button>
+          <button type="button" class="btn btn-outline"
+                  (click)="mountShow = false">{{'menu.cancel' | translate}}</button>
+          <button type="submit" class="btn btn-primary" [class.submit-disabled]='isDisableMountSubmit()'
+                  (click)="mountSubmit()">{{'menu.ok' | translate}}</button>
         </div>
       </form>
     </div>
@@ -1295,7 +1306,7 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
       <div *ngIf="modalHandleLoading" class="loadingDiv">
         <span>
           {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-            style="margin-left: 20px;">
+                                                           style="margin-left: 20px;">
         </span>
       </div>
       <div *ngIf="isOperationErr" class="errorTips" readonly>
@@ -1303,7 +1314,9 @@ <h3 class="modal-title modelTile">{{'vmfs.mount.mount' | translate}}</h3>
         {{deleteDesc}}
       </div>
       <h3 class="modal-title modelTile">{{'vmfs.del.title' | translate}}</h3>
-      <div class="errorTips" readonly><clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>{{'vmfs.del.warning'|translate}}</div>
+      <div class="errorTips" readonly>
+        <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+        {{'vmfs.del.warning'|translate}}</div>
       <p>{{'vmfs.del.content' | translate}}</p>
     </div>
 
@@ -1314,25 +1327,24 @@ <h3 class="modal-title modelTile">{{'vmfs.del.title' | translate}}</h3>
   </clr-modal>
 
 
-
   <!--卸载-->
 
   <clr-modal [(clrModalOpen)]="unmountShow" [clrModalSize]="'lg'" [clrModalClosable]="false">
     <h3 class="modal-title modelTile">{{'vmfs.unmount.title' | translate}}</h3>
     <div class="modal-body">
-<!--      <div *ngIf="modalLoading" class="loadingDiv">-->
-<!--          <span>-->
-<!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
-<!--                                                   style="margin-left: 20px;">-->
-<!--          </span>-->
-<!--      </div>-->
+      <!--      <div *ngIf="modalLoading" class="loadingDiv">-->
+      <!--          <span>-->
+      <!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
+      <!--                                                   style="margin-left: 20px;">-->
+      <!--          </span>-->
+      <!--      </div>-->
       <form clrForm>
 
 
         <div *ngIf="modalHandleLoading" class="loadingDiv">
           <span>
             {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px"
-              height="20px" style="margin-left: 20px;">
+                                                             height="20px" style="margin-left: 20px;">
           </span>
         </div>
         <div *ngIf="isOperationErr" class="errorTips" readonly>
@@ -1347,10 +1359,10 @@ <h3 class="modal-title modelTile">{{'vmfs.unmount.title' | translate}}</h3>
         </div>
 
         <!-- 卸载 -->
-<!--        <div class="flex middle clr-form-control clr-row">-->
-<!--          <label style="color: #9F9F9F;" class="clr-control-label">{{'vmfs.name' | translate}}</label>-->
-<!--          <div [title]="unmountForm.name" class="flex1 over_flow">{{unmountForm.name}}</div>-->
-<!--        </div>-->
+        <!--        <div class="flex middle clr-form-control clr-row">-->
+        <!--          <label style="color: #9F9F9F;" class="clr-control-label">{{'vmfs.name' | translate}}</label>-->
+        <!--          <div [title]="unmountForm.name" class="flex1 over_flow">{{unmountForm.name}}</div>-->
+        <!--        </div>-->
         <!-- <clr-input-container>
           <label style="color: #9F9F9F;">{{'vmfs.name' | translate}}</label>
           <input clrInput readonly [(ngModel)]="unmountForm.name" [title]="unmountForm.name" name="name" #name="ngModel"
@@ -1406,16 +1418,17 @@ <h3 class="modal-title modelTile">{{'vmfs.unmount.title' | translate}}</h3>
               [mountType]="'host'"
               [tree]="deviceList"
               [checkNullData]="checkNullData"
-              (valueChange)="handleChooseDeviceChange(this.addForm,'chooseDevice',$event)"> </app-gh-tree-checkbox>
-<!--            <app-error-tips [isShow]="!this.addForm.controls.chooseDevice.valid"-->
-<!--              [tips]="'validations.required' | translate"> </app-error-tips>-->
+              (valueChange)="handleChooseDeviceChange(this.addForm,'chooseDevice',$event)"></app-gh-tree-checkbox>
+            <!--            <app-error-tips [isShow]="!this.addForm.controls.chooseDevice.valid"-->
+            <!--              [tips]="'validations.required' | translate"> </app-error-tips>-->
           </clr-control-container>
         </div>
       </form>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn btn-outline" (click)="unmountShow=false">{{'menu.cancel' | translate}}</button>
-      <button type="submit" class="btn btn-primary" [class.submit-disabled]='isDisableMountSubmit()' (click)="unMountConfirm();">{{'menu.ok' | translate}}</button>
+      <button type="submit" class="btn btn-primary" [class.submit-disabled]='isDisableMountSubmit()'
+              (click)="unMountConfirm();">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
   <!--卸载提示-->
@@ -1426,7 +1439,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn btn-outline"
-        (click)="unmountTipsShow=false;unmountShow=false;">{{'menu.cancel' | translate}}</button>
+              (click)="unmountTipsShow=false;unmountShow=false;">{{'menu.cancel' | translate}}</button>
       <button type="submit" class="btn btn-primary" (click)="unmountHandleFunc()">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
@@ -1445,7 +1458,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
       <div *ngIf="modalHandleLoading" class="loadingDiv">
         <span>
           {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-            style="margin-left: 20px;">
+                                                           style="margin-left: 20px;">
         </span>
       </div>
       <p>{{'vmfs.reclaim.content' | translate}}</p>
@@ -1453,7 +1466,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     <div class="modal-footer">
       <button type="button" class="btn btn-outline" (click)="reclaimShow=false">{{'menu.cancel' | translate}}</button>
       <button type="submit" class="btn btn-primary" [disabled]="isReclaimErr"
-        (click)="reclaimHandleFunc()">{{'menu.ok' | translate}}</button>
+              (click)="reclaimHandleFunc()">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
 
@@ -1470,15 +1483,15 @@ <h3 class="modal-title modelTile">{{'vmfs.changeServiceLevel' | translate}}</h3>
         <div *ngIf="modalHandleLoading" class="loadingDiv">
           <span>
             {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px"
-              height="20px" style="margin-left: 20px;">
+                                                             height="20px" style="margin-left: 20px;">
           </span>
         </div>
-<!--        <div *ngIf="modalLoading" class="loadingDiv">-->
-<!--          <span>-->
-<!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
-<!--              style="margin-left: 20px;">-->
-<!--          </span>-->
-<!--        </div>-->
+        <!--        <div *ngIf="modalLoading" class="loadingDiv">-->
+        <!--          <span>-->
+        <!--            {{'vmfs.loadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"-->
+        <!--              style="margin-left: 20px;">-->
+        <!--          </span>-->
+        <!--        </div>-->
         <!-- 1、选择 服务等级-->
         <div *ngIf="serviceLevelIsNull" class="errorTips" readonly>
           <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
@@ -1488,82 +1501,82 @@ <h3 class="modal-title modelTile">{{'vmfs.changeServiceLevel' | translate}}</h3>
           <clr-accordion>
             <clr-accordion-panel *ngFor="let item of serviceLevelList" style="margin-top: 20px;">
               <clr-accordion-title class="accordion-title"
-                style="height: 50px; line-height: 50px;color: #333;font-size:16px;">{{item.name}}</clr-accordion-title>
+                                   style="height: 50px; line-height: 50px;color: #333;font-size:16px;">{{item.name}}</clr-accordion-title>
               <clr-accordion-content [(clrIfExpanded)]="item.show">
                 <app-service-level-table [item]="item"></app-service-level-table>
-<!--                <table class="table table-vertical table-noborder table-compact">-->
-<!--                  <tbody>-->
-<!--                    <tr>-->
-<!--                      <th hidden></th>-->
-<!--                      <th>-->
-<!--                        {{item.name}}-->
-<!--                      </th>-->
-<!--                    </tr>-->
-<!--                    <tr>-->
-<!--                      <th hidden></th>-->
-<!--                      <td>{{'vmfs.capacityUsage' | translate}}</td>-->
-<!--                      <td>{{'vmfs.qos' | translate}}</td>-->
-<!--                      <td>{{'vmfs.protection' | translate}}</td>-->
-<!--                    </tr>-->
-<!--                    <tr>-->
-<!--                      <th hidden></th>-->
-<!--                      <th>-->
-<!--                        <div class="progress-block">-->
-<!--                          <clr-progress-bar clrValue="{{(item.usedCapacity/item.totalCapacity * 100 || 0).toFixed(2)}}"-->
-<!--                            clrSuccess></clr-progress-bar>-->
-<!--                          <span>{{(item.usedCapacity / item.totalCapacity * 100 || 0).toFixed(2)}}%</span>-->
-<!--                        </div>-->
+                <!--                <table class="table table-vertical table-noborder table-compact">-->
+                <!--                  <tbody>-->
+                <!--                    <tr>-->
+                <!--                      <th hidden></th>-->
+                <!--                      <th>-->
+                <!--                        {{item.name}}-->
+                <!--                      </th>-->
+                <!--                    </tr>-->
+                <!--                    <tr>-->
+                <!--                      <th hidden></th>-->
+                <!--                      <td>{{'vmfs.capacityUsage' | translate}}</td>-->
+                <!--                      <td>{{'vmfs.qos' | translate}}</td>-->
+                <!--                      <td>{{'vmfs.protection' | translate}}</td>-->
+                <!--                    </tr>-->
+                <!--                    <tr>-->
+                <!--                      <th hidden></th>-->
+                <!--                      <th>-->
+                <!--                        <div class="progress-block">-->
+                <!--                          <clr-progress-bar clrValue="{{(item.usedCapacity/item.totalCapacity * 100 || 0).toFixed(2)}}"-->
+                <!--                            clrSuccess></clr-progress-bar>-->
+                <!--                          <span>{{(item.usedCapacity / item.totalCapacity * 100 || 0).toFixed(2)}}%</span>-->
+                <!--                        </div>-->
 
-<!--                      </th>-->
-<!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
-<!--                        && item.capabilities.qos?.qosParam !== null-->
-<!--                        && item.capabilities.qos?.qosParam.maxBandWidth !== 0">{{'vmfs.bandwidth' | translate}} <=-->
-<!--                          {{item.capabilities.qos?.qosParam.maxBandWidth}}MBPS/TB-->
-<!--                          </th>-->
-<!--                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
-<!--                        && item.capabilities.qos?.qosParam !== null-->
-<!--                        && item.capabilities.qos?.qosParam.minBandWidth !== 0">{{'vmfs.bandwidth' | translate}} >=-->
-<!--                          {{item.capabilities.qos?.qosParam.minBandWidth}}MBPS/TB-->
-<!--                      </th>-->
-<!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
-<!--                        && item.capabilities.qos?.qosParam !== null-->
-<!--                        && item.capabilities.qos?.qosParam.maxIOPS !== 0">{{'vmfs.iops' | translate}} <=-->
-<!--                          {{item.capabilities.qos?.qosParam.maxIOPS}}IOPS/TB-->
-<!--                          </th>-->
-<!--                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
-<!--                        && item.capabilities.qos?.qosParam !== null-->
-<!--                        && item.capabilities.qos?.qosParam.minIOPS !== 0 ">{{'vmfs.iops' | translate}} >=-->
-<!--                          {{item.capabilities.qos?.qosParam.minIOPS}}IOPS/TB-->
-<!--                      </th>-->
-<!--                      <th-->
-<!--                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null-->
-<!--                        || (item.capabilities.qos?.qosParam.maxBandWidth === 0 && item.capabilities.qos?.qosParam.minBandWidth === 0)">-->
-<!--                        &#45;&#45;-->
-<!--                      </th>-->
-<!--                      <th-->
-<!--                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null-->
-<!--                        || (item.capabilities.qos?.qosParam.minIOPS === 0 && item.capabilities.qos?.qosParam.maxIOPS === 0)">-->
-<!--                        &#45;&#45;-->
-<!--                      </th>-->
-<!--                    </tr>-->
-<!--                    <tr>-->
-<!--                      <th hidden></th>-->
-<!--                      <th>{{formatCapacity(item.usedCapacity, false)}} /{{formatCapacity(item.totalCapacity, false)}}-->
-<!--                      </th>-->
-<!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
-<!--                        && item.capabilities.qos?.qosParam !== null-->
-<!--                        && item.capabilities.qos?.qosParam.latency !== 0 ">{{'rdm.latency' | translate}}<=-->
-<!--                          {{item.capabilities.qos?.qosParam.latency + item.capabilities.qos?.qosParam.latencyUnit}}</th>-->
-<!--                          <th-->
-<!--                          *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null || item.capabilities.qos?.qosParam.latency === 0">-->
-<!--                          &#45;&#45;-->
-<!--                      </th>-->
-<!--                    </tr>-->
-<!--                  </tbody>-->
-<!--                </table>-->
+                <!--                      </th>-->
+                <!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
+                <!--                        && item.capabilities.qos?.qosParam !== null-->
+                <!--                        && item.capabilities.qos?.qosParam.maxBandWidth !== 0">{{'vmfs.bandwidth' | translate}} <=-->
+                <!--                          {{item.capabilities.qos?.qosParam.maxBandWidth}}MBPS/TB-->
+                <!--                          </th>-->
+                <!--                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
+                <!--                        && item.capabilities.qos?.qosParam !== null-->
+                <!--                        && item.capabilities.qos?.qosParam.minBandWidth !== 0">{{'vmfs.bandwidth' | translate}} >=-->
+                <!--                          {{item.capabilities.qos?.qosParam.minBandWidth}}MBPS/TB-->
+                <!--                      </th>-->
+                <!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
+                <!--                        && item.capabilities.qos?.qosParam !== null-->
+                <!--                        && item.capabilities.qos?.qosParam.maxIOPS !== 0">{{'vmfs.iops' | translate}} <=-->
+                <!--                          {{item.capabilities.qos?.qosParam.maxIOPS}}IOPS/TB-->
+                <!--                          </th>-->
+                <!--                          <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
+                <!--                        && item.capabilities.qos?.qosParam !== null-->
+                <!--                        && item.capabilities.qos?.qosParam.minIOPS !== 0 ">{{'vmfs.iops' | translate}} >=-->
+                <!--                          {{item.capabilities.qos?.qosParam.minIOPS}}IOPS/TB-->
+                <!--                      </th>-->
+                <!--                      <th-->
+                <!--                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null-->
+                <!--                        || (item.capabilities.qos?.qosParam.maxBandWidth === 0 && item.capabilities.qos?.qosParam.minBandWidth === 0)">-->
+                <!--                        &#45;&#45;-->
+                <!--                      </th>-->
+                <!--                      <th-->
+                <!--                        *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null-->
+                <!--                        || (item.capabilities.qos?.qosParam.minIOPS === 0 && item.capabilities.qos?.qosParam.maxIOPS === 0)">-->
+                <!--                        &#45;&#45;-->
+                <!--                      </th>-->
+                <!--                    </tr>-->
+                <!--                    <tr>-->
+                <!--                      <th hidden></th>-->
+                <!--                      <th>{{formatCapacity(item.usedCapacity, false)}} /{{formatCapacity(item.totalCapacity, false)}}-->
+                <!--                      </th>-->
+                <!--                      <th *ngIf="item.capabilities !== null && item.capabilities.qos !== null-->
+                <!--                        && item.capabilities.qos?.qosParam !== null-->
+                <!--                        && item.capabilities.qos?.qosParam.latency !== 0 ">{{'rdm.latency' | translate}}<=-->
+                <!--                          {{item.capabilities.qos?.qosParam.latency + item.capabilities.qos?.qosParam.latencyUnit}}</th>-->
+                <!--                          <th-->
+                <!--                          *ngIf="item.capabilities === null || item.capabilities.qos === null || item.capabilities.qos?.qosParam === null || item.capabilities.qos?.qosParam.latency === 0">-->
+                <!--                          &#45;&#45;-->
+                <!--                      </th>-->
+                <!--                    </tr>-->
+                <!--                  </tbody>-->
+                <!--                </table>-->
               </clr-accordion-content>
               <img src="./assets/images/selectDown.svg" style="position: absolute;right: 0px;bottom: 0px;" width="40px"
-                height="40px">
+                   height="40px">
             </clr-accordion-panel>
           </clr-accordion>
         </ng-container>
@@ -1571,7 +1584,7 @@ <h3 class="modal-title modelTile">{{'vmfs.changeServiceLevel' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn btn-outline"
-        (click)="changeServiceLevelShow = false">{{'menu.cancel' | translate}}</button>
+              (click)="changeServiceLevelShow = false">{{'menu.cancel' | translate}}</button>
       <button type="submit" class="btn btn-primary" (click)="changeSLHandleFunc()">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
@@ -1583,7 +1596,7 @@ <h3 class="modal-title  modelTile">{{'menu.expand' | translate}}</h3>
       <div *ngIf="modalHandleLoading" class="loadingDiv">
         <span>
           {{'vmfs.dataHandleLoadingTips' | translate}}<img src="./assets/images/loading.gif" width="20px" height="20px"
-            style="margin-left: 20px;">
+                                                           style="margin-left: 20px;">
         </span>
       </div>
       <form clrForm #formPageOne="ngForm">
@@ -1591,15 +1604,17 @@ <h3 class="modal-title  modelTile">{{'menu.expand' | translate}}</h3>
           <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
           {{'errorMsg.expandError' | translate}}
         </div>
-        <div style="color: #9F9F9F;font-weight: 600;font-size: .65rem">{{'vmfs.currentSize'|translate}}<span>{{lunCapacity}}</span><span>GB</span></div>
+        <div style="color: #9F9F9F;font-weight: 600;font-size: .65rem">{{'vmfs.currentSize'|translate}}
+          <span>{{lunCapacity}}</span><span>GB</span></div>
         <clr-input-container style="height: 4rem;">
           <label style="color: #9F9F9F;">{{'vmfs.expandSize' | translate}}</label>
           <div clrInput style="float: left;position: relative;">
             <input clrInput min="0" style="width: 70%;border-bottom: none" type="number"
-              [(ngModel)]="expandForm.vo_add_capacity" name="vo_add_capacity" (ngModelChange)="expandOnChange()" required />
+                   [(ngModel)]="expandForm.vo_add_capacity" name="vo_add_capacity" (ngModelChange)="expandOnChange()"
+                   required/>
             <select class="capacity" (change)="changeExpandUnit();" [(ngModel)]="expandForm.capacityUnit"
-              clrInput style="width: 30%;border: 1px solid #DDDDDD;position: absolute;bottom: 3px;"
-              name="capacityUnit">
+                    clrInput style="width: 30%;border: 1px solid #DDDDDD;position: absolute;bottom: 3px;"
+                    name="capacityUnit">
               <option value="TB">TB</option>
               <option value="GB">GB</option>
             </select>
@@ -1627,7 +1642,8 @@ <h3 class="modal-title  modelTile">{{'menu.expand' | translate}}</h3>
           <clr-control-error>{{'validations.required' | translate}}：{{'vmfs.expandTips' | translate}}
           </clr-control-error>
         </clr-input-container>
-        <div style="color: #9F9F9F;font-weight: 600;font-size: .65rem">{{'vmfs.expanedCapacity'|translate}}<span>{{expandedCapacity}}GB</span></div>
+        <div style="color: #9F9F9F;font-weight: 600;font-size: .65rem">{{'vmfs.expanedCapacity'|translate}}
+          <span>{{expandedCapacity}}GB</span></div>
       </form>
     </div>
     <div class="modal-footer">
@@ -1666,7 +1682,7 @@ <h3 class="modal-title modelTile">{{'tips.operationFailed' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="submit" class="btn btn-primary"
-        (click)="connectivityFailure = false;">{{'menu.ok' | translate}}</button>
+              (click)="connectivityFailure = false;">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
   <!--成功提示窗口-->
@@ -1686,7 +1702,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="submit" class="btn btn-primary"
-        (click)="syncSuccessTips = false;closeSuccessTips();">{{'menu.ok' | translate}}</button>
+              (click)="syncSuccessTips = false;closeSuccessTips();">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
   <clr-modal [(clrModalOpen)]="syncSuccessTips" [clrModalSize]="'sm'" [clrModalClosable]="false">
@@ -1696,7 +1712,7 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
     </div>
     <div class="modal-footer">
       <button type="submit" class="btn btn-primary"
-        (click)="syncSuccessTips = false;">{{'menu.ok' | translate}}</button>
+              (click)="syncSuccessTips = false;">{{'menu.ok' | translate}}</button>
     </div>
   </clr-modal>
 </div>
@@ -1710,7 +1726,8 @@ <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
 <clr-modal [(clrModalOpen)]="expandErrorShow" [clrModalSize]="'sm'" [clrModalClosable]="false">
   <h3 class="modal-title modelTile">{{'vmfs.reclaim.title' | translate}}</h3>
   <div class="modal-body">
-    <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>{{'vmfs.unableExpand'|translate}}
+    <clr-icon shape="exclamation-circle" class="is-solid"></clr-icon>
+    {{'vmfs.unableExpand'|translate}}
   </div>
   <div class="modal-footer">
     <button type="submit" class="btn btn-primary"
diff --git a/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.ts b/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.ts
index e86bdc376..09ebc568c 100644
--- a/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.ts
+++ b/dmestore-ui/src/main/angular/src/app/routes/vmfs/list/list.component.ts
@@ -2089,12 +2089,12 @@ wwn: "67c1cf110058934511ba6e5a00000344"
 
   changeExpandUnit() {
     this.expandForm.vo_add_capacity = 1
-    this.expandErrGB=false
-    this.expandErrTB=false
-    if (this.expandForm.capacityUnit==='GB'){
-      this.expandedCapacity=this.lunCapacity+this.expandForm.vo_add_capacity
-    }else {
-      this.expandedCapacity=this.lunCapacity+(this.expandForm.vo_add_capacity*1024)
+    this.expandErrGB = false
+    this.expandErrTB = false
+    if (this.expandForm.capacityUnit === 'GB') {
+      this.expandedCapacity = this.lunCapacity + this.expandForm.vo_add_capacity
+    } else {
+      this.expandedCapacity = this.lunCapacity + (this.expandForm.vo_add_capacity * 1024)
     }
   }
 
@@ -2175,6 +2175,9 @@ wwn: "67c1cf110058934511ba6e5a00000344"
                 if (capacity < 1 / 1024) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 256) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -2182,6 +2185,9 @@ wwn: "67c1cf110058934511ba6e5a00000344"
                 if (capacity < 2 / 1024) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 256) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -2225,6 +2231,9 @@ wwn: "67c1cf110058934511ba6e5a00000344"
                 if (capacity < 1) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 262144) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
@@ -2232,6 +2241,9 @@ wwn: "67c1cf110058934511ba6e5a00000344"
                 if (capacity < 2) {
                   capacity = '';
                   this.capacityErr = true;
+                } else if (capacity > 262144) {
+                  capacity = '';
+                  this.capacityErr = true;
                 } else {
                   this.capacityErr = false;
                 }
diff --git a/dmestore-ui/src/main/angular/src/assets/i18n/en-US.json b/dmestore-ui/src/main/angular/src/assets/i18n/en-US.json
index c4c598102..a618b794f 100644
--- a/dmestore-ui/src/main/angular/src/assets/i18n/en-US.json
+++ b/dmestore-ui/src/main/angular/src/assets/i18n/en-US.json
@@ -277,6 +277,8 @@
     "endTime": "End Time",
     "timeInputTips": "Please enter start-end time！",
     "capacityTips": "If the version is VMFS5, the minimum capacity is 1G, if the version is VMFS6, the minimum capacity is 2G, and the capacity must be a positive integer in G, and the quantity must be a positive integer and must lower than 20!",
+    "capacityTipsGB": "If the version is VMFS5, the minimum capacity is 1G and the maximum is 262144GB. If the version is VMFS6, the minimum capacity is 2G and the maximum is 262144GB. The capacity must be a positive integer in G, and the quantity must be a positive integer and not Over 20",
+    "capacityTipsTB": "If the version is VMFS5, the minimum capacity is 1G and the maximum is 256TB. If the version is VMFS6, the minimum capacity is 2G, and the maximum is 256TB. The capacity must be a positive integer in G, and the quantity must be a positive integer and no more than 20",
     "serviceLevelCantBeNull": "The DME Storage Strategy is a must, and you can only choose the DME Storage Strategy whose capacity is not 0!",
     "expandTipsGB": "The expansion capacity can only be a positive integer in GB, and the size cannot exceed 262144GB",
     "expandTipsTB": "Expansion capacity can only be a positive integer of TB, and the size cannot exceed 256TB",
@@ -921,7 +923,7 @@
     "fsrepeat": "FileSystem name already exists!",
     "vmfsNameRepeat": "VMFS name already exists!",
     "volNameRepeat": "volume name already exists!",
-    "numberAndLetter": "Only numbers and letters can be entered!",
+    "numberAndLetter": "Only half-width numbers and half-width letters can be entered!",
     "cantFindData": "Sorry, no relevant data is found!",
     "getDataFailed": "Failed to get data!",
     "cantChangeServiceLevel": "This device is a Custom type and does not support DME Storage Strategy change operation!",
diff --git a/dmestore-ui/src/main/angular/src/assets/i18n/zh-CN.json b/dmestore-ui/src/main/angular/src/assets/i18n/zh-CN.json
index 54473293d..2a05961cf 100644
--- a/dmestore-ui/src/main/angular/src/assets/i18n/zh-CN.json
+++ b/dmestore-ui/src/main/angular/src/assets/i18n/zh-CN.json
@@ -277,6 +277,8 @@
     "endTime": "结束时间",
     "timeInputTips": "请输入开始-结束时间！",
     "capacityTips": "若版本为VMFS5则容量最小值为1G，若版本为VMFS6则容量最小值为2G，且容量必须为单位为G的正整数，数量必须为正整数且不超过20",
+    "capacityTipsGB": "若版本为VMFS5则容量最小值为1G,最大值为262144GB，若版本为VMFS6则容量最小值为2G,最大值为262144GB，且容量必须为单位为G的正整数，数量必须为正整数且不超过20",
+    "capacityTipsTB": "若版本为VMFS5则容量最小值为1G,最大值为256TB若版本为VMFS6则容量最小值为2G,最大值为256TB且容量必须为单位为G的正整数，数量必须为正整数且不超过20",
     "serviceLevelCantBeNull": "DME存储策略是必选项，且只能选择容量不为0的DME存储策略！",
     "expandTipsGB": "扩容容量只能单位为GB的正整数,且大小不能超过262144GB",
     "expandTipsTB": "扩容容量只能单位为TB的正整数,且大小不能超过256TB",
@@ -921,7 +923,7 @@
     "fsrepeat": "文件系统名称已经存在！",
     "vmfsNameRepeat": "VMFS名称已经存在！",
     "volNameRepeat": "卷名称已经存在！",
-    "numberAndLetter": "只能输入数字和字母!",
+    "numberAndLetter": "只能输入半角数字和半角字母!",
     "cantFindData": "抱歉未查询到相关数据！",
     "getDataFailed": "获取数据失败！",
     "cantChangeServiceLevel": "该设备为自定义类型，不支持DME存储策略变更操作！",