Skip to content
Normal view Permalink
role.component.html 2.91 KiB
Newer Older
wangqinghua's avatar
login
wangqinghua committed
1 2 3 4 5 6 
<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
  <form nz-form  [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">角色名称</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input  id="name" formControlName="name">
wangqinghua's avatar
login  
wangqinghua committed
7 
        <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请填写角色名称!</nz-form-explain>
wangqinghua's avatar
login
wangqinghua committed
8 9 10 11 12 13 14 15 16 
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="status" nzRequired nzFor="status">是否有效</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select id="status" nzPlaceHolder="选择状态" formControlName="status">
          <nz-option nzValue="0" nzLabel="有效"></nz-option>
          <nz-option nzValue="1" nzLabel="无效"></nz-option>
        </nz-select>
wangqinghua's avatar
login  
wangqinghua committed
17 
        <nz-form-explain *ngIf="validateForm.get('status').dirty && validateForm.get('status').errors">请选择是否有效!</nz-form-explain>
wangqinghua's avatar
login
wangqinghua committed
18 19 20 21 22 23 
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24"   nzRequired nzFor="comments">角色说明</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <textarea id="comments" row="4" nz-input formControlName="comments"></textarea>
wangqinghua's avatar
update  
wangqinghua committed
24 
        <nz-form-explain *ngIf="validateForm.get('comments').dirty && validateForm.get('comments').errors">请输入角色说明!</nz-form-explain>
wangqinghua's avatar
login
wangqinghua committed
25 26 
      </nz-form-control>
    </nz-form-item>
wangqinghua's avatar
update  
wangqinghua committed
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24"   >模块权限</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24" style="max-height: 200px">
        <div class="tree-div">
          <nz-tree #nzTree
                   [(ngModel)]="nodes" [ngModelOptions]="{standalone: true}"
                   [nzCheckable]="true"
                   [nzAsyncData]="true"
                   [nzCheckStrictly]="true"
                   (nzCheckBoxChange)="selectCheckTree($event)"
                   (nzClick)="mouseAction('expand',$event)"
                   (nzExpandChange)="mouseAction('expand',$event)" >
          </nz-tree>
        </div>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
wangqinghua's avatar
login
wangqinghua committed
44 45 46 47 48 49 50 51 52 53 54 
      <!--<nz-form-label [nzSm]="6" [nzXs]="24"  >资源权限</nz-form-label>-->
      <!--<nz-form-control [nzSm]="14" [nzXs]="24">-->
        <!--<nz-select id="isBoolean"  nzPlaceHolder="选择性别">-->
          <!--<nz-option nzValue="有效" nzLabel="有效"></nz-option>-->
          <!--<nz-option nzValue="无效" nzLabel="无效"></nz-option>-->
        <!--</nz-select>-->
        <!--&lt;!&ndash;<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>&ndash;&gt;-->
      <!--</nz-form-control>-->
    <!--</nz-form-item>-->
  </form>
</nz-modal>