topology.component.html

<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <form [formGroup]="validateForm" nz-form>
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="name">拓扑图名称</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <input type="text" nz-input name="name" formControlName="name" placeholder="名称">
                <nz-form-explain *ngIf="validateForm.get('name').dirty && validateForm.get('name').errors">请输入拓扑图名称
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <!--<nz-form-item>-->
        <!--<nz-form-label [nzSpan]="7" nzRequired nzFor="refreshRete">刷新频率</nz-form-label>-->
        <!--<nz-form-control [nzSpan]="12">-->
        <!--<input style="width: 100px;margin-right: 10px" type="text" nz-input formControlName="refreshRete" placeholder="名称" >分钟-->
        <!--<nz-form-explain *ngIf="validateForm.get('refreshRete').dirty && validateForm.get('refreshRete').errors">请输入刷新频率</nz-form-explain>-->
        <!--</nz-form-control>-->
        <!--</nz-form-item>-->
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="json">共享角色</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <div>
                    <button (click)="add()" nz-button nzType="primary">添加</button>
                </div>
                <nz-row>
                    <nz-col nzSpan="10">用户角色</nz-col>
                    <nz-col nzSpan="10">权限</nz-col>
                    <nz-col nzSpan="4">操作</nz-col>
                </nz-row>
                <nz-row *ngFor="let user of userGroup;let i = index;">
                    <nz-col nzSpan="10">{{user.name}}</nz-col>
                    <nz-col nzSpan="10">
                        <nz-switch [(ngModel)]="user.permission" nzCheckedChildren="读写" [ngModelOptions]="{standalone: true}"
                                   nzUnCheckedChildren="只读"></nz-switch>
                    </nz-col>
                    <nz-col nzSpan="4">
                        <i (click)="remove(i)" class="anticon anticon-close main-color cursor"></i>
                    </nz-col>
                </nz-row>
            </nz-form-control>
        </nz-form-item>
    </form>
</nz-modal>
<!--授予角色-->
<smart-select-role #smartSelectRole (done)="setRole($event)"></smart-select-role>