You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.8 KiB
81 lines
2.8 KiB
<form nz-form [formGroup]="searchForm" [nzLayout]="'vertical'">
|
|
<div nz-row [nzGutter]="24">
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>用户名</nz-form-label>
|
|
<nz-form-control>
|
|
<input nzSize="large" nz-input formControlName="name" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>手机号</nz-form-label>
|
|
<nz-form-control>
|
|
<input nzSize="large" nz-input formControlName="phone" placeholder="请输入" />
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
|
|
<div nz-col [nzSpan]="6">
|
|
<nz-form-item>
|
|
<nz-form-label>状态</nz-form-label>
|
|
<nz-form-control>
|
|
<nz-select nzSize="large" formControlName="status" nzAllowClear [nzPlaceHolder]="'请选择'">
|
|
<nz-option *ngFor="let item of userStatusArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
|
|
</nz-select>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div nz-col [nzSpan]="6" class="search-area">
|
|
<button nz-button [nzType]="'primary'" (click)="searchFormSubmit()">查询</button>
|
|
<button nz-button (click)="searchFormReset()">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<nz-table #basicTable
|
|
[nzBordered]="true"
|
|
[nzFrontPagination]="false"
|
|
[nzShowQuickJumper]="true"
|
|
[nzShowTotal]="totalTemplate"
|
|
[(nzPageIndex)]="tablePageNum"
|
|
(nzPageIndexChange)="queryData()"
|
|
[nzTotal]="tableData.total"
|
|
[nzData]="tableData.list" >
|
|
<thead>
|
|
<tr>
|
|
<th nzWidth="80px">用户名</th>
|
|
<th nzWidth="80px">手机号</th>
|
|
<th nzWidth="50px">积分数量</th>
|
|
<th nzWidth="50px">状态</th>
|
|
<th nzWidth="50px">注册时间</th>
|
|
<th nzWidth="70px">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let data of basicTable.data">
|
|
<td>{{data.name}}</td>
|
|
<td>{{data.phone}}</td>
|
|
<td>{{data.integral}}</td>
|
|
<td>{{data.status | dictionary: 'USER_STATUS'}}</td>
|
|
<td>{{data.createTime | date: 'yyyy-MM-dd HH:mm'}}</td>
|
|
<td>
|
|
<a *ngIf="data.status == 1" (click)="showDisable(data.id)">禁用账户</a>
|
|
<a *ngIf="data.status == 2" (click)="showRestore(data.id)">恢复账户</a>
|
|
<!-- <nz-divider nzType="vertical"></nz-divider>
|
|
<a nz-dropdown [nzDropdownMenu]="menu">
|
|
更多
|
|
<span nz-icon nzType="down"></span>
|
|
</a>
|
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
|
<ul nz-menu nzSelectable>
|
|
<li nz-menu-item ></li>
|
|
</ul>
|
|
</nz-dropdown-menu>-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<ng-template #totalTemplate let-total>总计 {{ total }} 条</ng-template>
|
|
</nz-table>
|
|
|