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

<div class="system-main-container">
	<div class="user-manage">
		<div class="tree-box">
			<app-request-status [statusParams]='statusParamsTree'></app-request-status>
			<ul [hidden]='statusParamsTree.status!=3' id="treeDemo" class="ztree"></ul>
		</div>
		<div class="system-main-content card">
			<div class="search-box">
				<div nz-row>
					<div nz-col nzSpan="8">
						<nz-form-item >
							<nz-form-label nzSpan="6">姓名</nz-form-label>
							<nz-form-control nzSpan="17">
							  <input nz-input   placeholder="请输入姓名">
							</nz-form-control>
						</nz-form-item>
					</div>
					<div nz-col nzSpan="8">
						<nz-form-item >
							<nz-form-label nzSpan="8">用户名</nz-form-label>
							<nz-form-control nzSpan="15">
							  <input nz-input   placeholder="请输入用户名">
							</nz-form-control>
						</nz-form-item>
					</div>
					<div nz-col nzSpan="8">
						<nz-form-item >
							<nz-form-control nzSpan="24">
								<button class="mr10" nz-button nzType="primary" [nzLoading]="isLoading" (click)="isLoading=(!isLoading)"><i nz-icon type="search"></i>查询</button>
								<button nz-button nzType="primary"><i nz-icon type="sync" theme="outline"></i>重置</button>
							</nz-form-control>
						</nz-form-item>
					</div>
				</div>
				<div class="table-operation-box">
					<button nz-button nzType="primary"><i nz-icon type="plus" theme="outline"></i>新增</button>
				</div>
			</div>
			<div class="table-box">
				<app-request-status [statusParams]='statusParamsTable'></app-request-status>
				<nz-table [nzShowPagination]='false' *ngIf='statusParamsTable.status==3||statusParamsTable.status==4||statusParamsTable.status==0' #dataSet [nzData]="tableData">
				  <thead>
				    <tr>
					       <th>姓名</th>
					       <!-- <th>所属机构</th> -->
					       <th>性别</th>
					       <th>用户名</th>
					       <th>邮箱</th>
					       <th>电话</th>
					       <th>操作</th>
					    </tr>
				  </thead>
				  <tbody>
				    <tr *ngFor="let item of dataSet.data">
				      <td>{{item.real_name}}</td>
				      <td>
				      	<span *ngIf="item.sex=='m'">男</span>
				      	<span *ngIf="item.sex=='f'">女</span>
				      </td>
				      <td>{{item.login_name}}</td>
				      <td>{{item.email}}</td>
				      <td>{{item.mobile}}</td>
				      <td></td>
				    </tr>
				  </tbody>
				</nz-table>
				
			</div>	
			<div class="page-box">
				<nz-pagination [nzPageIndex]="1" [nzTotal]="500"></nz-pagination>
			</div>
		</div>
	</div>
</div>