airport-chengdu-web/src/app/pages/system-management/user-management/user-management-modify/user-management-modify.component.html

<div class="system-main-container">
    <div class="user-modify-box card" id="main-container">
        <app-request-status *ngIf="modifyType==2" [statusParams]='statusParamsDetail'></app-request-status>
        <!-- <nz-skeleton [nzActive]="true" [nzParagraph]="{ rows: 16 }" *ngIf='modifyType==2&&statusParamsDetail.status==1'></nz-skeleton> -->
        <form nz-form [formGroup]="validateForm" *ngIf="statusParamsDetail.status==3">
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="real_name" nzRequired>姓名</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input id="real_name" formControlName="real_name" placeholder="请输入姓名">
                        <nz-form-explain *ngIf="validateForm.get('real_name').dirty && validateForm.get('real_name').errors?.required">请输入姓名</nz-form-explain>
                        <nz-form-explain *ngIf="validateForm.get('real_name').dirty && validateForm.get('real_name').errors?.maxlength">姓名最长20个字符</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzRequired>所属角色</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <div class="relative" *ngIf="statusParamsRole.status!=3">
                            <app-request-status [statusParams]='statusParamsRole'></app-request-status>
                        </div>
                        <nz-select formControlName="roleList" *ngIf="statusParamsRole.status==3" nzMode="multiple"
                            nzPlaceHolder="请选择所属角色">
                            <nz-option *ngFor="let option of listOfRole" [nzLabel]="option.role_name" [nzValue]="option.rid"></nz-option>
                        </nz-select>
                        <nz-form-explain *ngIf="(roleList.length<=0)&&saveCheck" class="red">请选择所属角色</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="login_name" nzRequired>系统账号</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input (keyup)="checkName()" name="validating"
                            id="login_name" formControlName="login_name" placeholder="请输入统一身份认证账号">
                        <nz-form-explain *ngIf="validateForm.get('login_name').dirty && validateForm.get('login_name').errors?.required">请输入系统账号</nz-form-explain>
                        <nz-form-explain *ngIf="validateForm.get('login_name').dirty && validateForm.get('login_name').errors?.maxlength">系统账号最长20个字符</nz-form-explain>
                        <nz-form-explain *ngIf="!nameOnly" class="red">本账号已存在</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="password" nzRequired>系统密码</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input id="password" formControlName="password" placeholder="请输入密码">
                        <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors?.required">请输入密码</nz-form-explain>
                        <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors?.maxlength">密码最长20个字符</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzRequired>所属机构</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <span *ngIf="orgDetail">
                            <nz-tag nzMode="closeable" (nzOnClose)="tagClose($event)">{{orgDetail.organization}}</nz-tag>
                        </span>
                        <a href="javascript:;" (click)="open()"><span *ngIf="orgDetail">修改</span><span *ngIf="!orgDetail">选择</span></a>
                        <nz-form-explain *ngIf="!orgDetail&&saveCheck" class="red">请选择所属机构</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="remark">描述</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <textarea rows="3" id="remark" nz-input formControlName="remark" placeholder="请输入描述信息"></textarea>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="identify_num">身份证号</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input id="identify_num" formControlName="identify_num" placeholder="请输入身份证号">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="email">邮箱</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input id="email" formControlName="email" placeholder="请输入邮箱地址">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7" nzFor="mobile">电话</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <input nz-input id="mobile" formControlName="mobile" placeholder="请输入电话号码">
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item>
                    <nz-form-label nzSpan="7">性别</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <nz-radio-group formControlName="sex">
                            <label nz-radio nzValue="m">男</label>
                            <label nz-radio nzValue="f">女</label>
                        </nz-radio-group>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <div nz-col [nzXs]="24" [nzSm]="24" [nzMd]="24" [nzLg]="24" [nzXl]="12" [nzXXl]="12">
                <nz-form-item *ngIf='modifyType==2'>
                    <nz-form-label nzSpan="7">状态</nz-form-label>
                    <nz-form-control nzSpan="12">
                        <nz-radio-group formControlName="status">
                            <label nz-radio nzValue="1">已激活</label>
                            <label nz-radio nzValue="0">未激活</label>
                        </nz-radio-group>
                    </nz-form-control>
                </nz-form-item>
            </div> 
        </form>
        <div class="user-footer">
            <button (click)='submitForm()' [nzLoading]="isLoadingSave" nz-button nzType="primary" class="mr10"
                [disabled]='!this.validateForm.valid||!this.orgDetail||!this.nameOnly'>保存</button>
            <button (click)='cancel()' nz-button nzType="default">取消</button>
        </div>
    </div>
</div>
<!-- 选择所属机构 -->
<div class="org-selete-box">
    <nz-drawer [nzBodyStyle]="{ height: 'calc(100% - 55px)', overflow: 'auto', 'padding-bottom':'53px' }"
        [nzMaskClosable]="true" [nzWidth]="380" [nzVisible]="visible" nzTitle="选择机构" (nzOnClose)="close()">
        <app-request-status [statusParams]='statusParamsTree'></app-request-status>
        <div class="org-tree-box" [hidden]='statusParamsTree.status!=3'>
            <div class="search-box">
                <span>机构搜索：</span>
                <input nz-input style="width: 180px !important;margin-left: 8px;margin-right: 6px;" id="key" />
                <button nz-button nzType="primary" nzShape="circle" (click)="searchNode()"><i nz-icon type="search"></i></button>
            </div>
            <ul id="treeDemo" class="ztree"></ul>
            <div class="drawer-footer">
                <button (click)='treeSave()' nz-button nzType="primary" class="mr10">保存</button>
                <button (click)=close() nz-button nzType="default">取消</button>
            </div>
        </div>
    </nz-drawer>
</div>