| | |
| | | <pro-header [title]="'安装用户列表'"></pro-header> |
| | | <nz-card [nzBordered]="false"> |
| | | <form nz-form (ngSubmit)="getData()" [nzLayout]="'inline'"> |
| | | <form nz-form (ngSubmit)="load(true)" [nzLayout]="'inline'"> |
| | | <div nz-row [nzGutter]="24"> |
| | | <div nz-col [nzSpan]="8" class="mb-md"> |
| | | <div nz-form-item class="d-flex"> |
| | | <div nz-form-label><label for="u_name">姓名</label></div> |
| | | <div nz-form-control class="flex-1"> |
| | | <nz-input [(ngModel)]="q.u_name" name="u_name" [nzSize]="'large'" [nzPlaceHolder]="'请输入'" nzId="u_name"></nz-input> |
| | | <nz-input [(ngModel)]="q.u_name" name="u_name" [nzSize]="'large'" [nzPlaceHolder]="'请输入姓名'" nzId="u_name"></nz-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div nz-form-item class="d-flex"> |
| | | <div nz-form-label><label for="u_mobile">账号</label></div> |
| | | <div nz-form-control class="flex-1"> |
| | | <nz-input [(ngModel)]="q.u_mobile" name="u_mobile" [nzSize]="'large'" [nzPlaceHolder]="'请输入'" nzId="u_mobile"></nz-input> |
| | | <nz-input [(ngModel)]="q.u_mobile" name="u_mobile" [nzSize]="'large'" [nzPlaceHolder]="'请输入账号'" nzId="u_mobile"></nz-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div nz-col [nzSpan]="8" class="mb-md"> |
| | | <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="loading" [nzSize]="'large'">查询</button> |
| | | <button nz-button type="reset" (click)="getData()" [nzSize]="'large'" class="mx-sm">重置</button> |
| | | <button nz-button type="reset" (click)="load(true)" [nzSize]="'large'" class="mx-sm">重置</button> |
| | | </div> |
| | | </div> |
| | | </form> |
| | |
| | | <i class="anticon anticon-plus"></i><span>新建</span> |
| | | </button> |
| | | <ng-container *ngIf="selectedRows.length > 0"> |
| | | <button nz-button [nzSize]="'large'">批量操作</button> |
| | | <nz-dropdown [nzPlacement]="'bottomLeft'"> |
| | | <button nz-button nz-dropdown [nzSize]="'large'"> |
| | | 更多操作 <i class="anticon anticon-down"></i> |
| | | </button> |
| | | <ul nz-menu> |
| | | <li nz-menu-item (click)="remove()">删除</li> |
| | | <li nz-menu-item (click)="approval()">批量审批</li> |
| | | </ul> |
| | | </nz-dropdown> |
| | | <button nz-button [nzSize]="'large'" (click)="remove()">批量删除</button> |
| | | </ng-container> |
| | | </div> |
| | | <div class="mb-md"> |
| | | <nz-alert [nzType]="'info'" [nzShowIcon]="true"> |
| | | <span alert-body> |
| | | 已选择 <strong class="text-primary">{{selectedRows.length}}</strong> 项 |
| | | 服务调用总计 <strong>{{totalCallNo}}</strong> 万 |
| | | <a *ngIf="totalCallNo > 0" (click)="clear()" class="ml-lg">清空</a> |
| | | 已选择 <strong class="text-primary">{{selectedRows.length}}</strong> 项 |
| | | </span> |
| | | </nz-alert> |
| | | </div> |
| | | <nz-table #nzTable [nzDataSource]="data" [nzPageSize]="q.ps" [nzLoading]="loading" (nzDataChange)="dataChange($event)" (nzPageIndexChange)="pageChange($event)" [nzShowTotal]="true"> |
| | | <nz-table #nzTable |
| | | [nzDataSource]="data" |
| | | [nzLoading]="http.loading" |
| | | [nzTotal]="total" |
| | | [(nzPageIndex)]="q.pi" |
| | | [nzPageSize]="q.ps" |
| | | [nzShowTotal]="true" |
| | | (nzPageIndexChange)="load()" |
| | | (nzDataChange)="dataChange($event)"> |
| | | <thead nz-thead> |
| | | <tr> |
| | | <th nz-th [nzCheckbox]="true"> |
| | | <label nz-checkbox [(ngModel)]="allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)"></label> |
| | | </th> |
| | | <th nz-th><span>姓名</span></th> |
| | | <th nz-th><span>性别</span></th> |
| | | <th nz-th><span>账号</span></th> |
| | | <th nz-th><span>电子邮件</span></th> |
| | | <th nz-th><span>微信号</span></th> |
| | | <th nz-th><span>密码</span></th> |
| | | <th nz-th><span>组织</span></th> |
| | | <th nz-th><span>昵称</span></th> |
| | | <th nz-th><span>创建日期</span></th> |
| | | <th nz-th> |
| | | <span>日期</span> |
| | | <nz-table-sort [(nzValue)]="sortMap.updatedAt" (nzValueChange)="sort('updatedAt',$event)"></nz-table-sort> |
| | | <span>过期日期</span> |
| | | <nz-table-sort [(nzValue)]="sortMap.updatedAt" (nzValueChange)="sort('expireTime', $event)"></nz-table-sort> |
| | | </th> |
| | | <th nz-th><span>操作</span></th> |
| | | </tr> |
| | |
| | | <tbody nz-tbody> |
| | | <tr nz-tbody-tr *ngFor="let i of nzTable.data"> |
| | | <td nz-td [nzCheckbox]="true"> |
| | | <label nz-checkbox [nzDisabled]="i.disabled" [(ngModel)]="i.checked" (ngModelChange)="refreshStatus($event)"> |
| | | <label nz-checkbox [(ngModel)]="i.checked" (ngModelChange)="refreshStatus($event)"> |
| | | </label> |
| | | </td> |
| | | <td nz-td>{{i.name}}</td> |
| | | <td nz-td>{{i.sex}}</td> |
| | | <td nz-td>{{i.mobile}}</td> |
| | | <td nz-td>{{i.email}}</td> |
| | | <td nz-td>{{i.weixin}}</td> |
| | | <td nz-td>{{i.password}}</td> |
| | | <td nz-td>{{i.organization}}</td> |
| | | <td nz-td>{{i.nickname}}</td> |
| | | <td nz-td>{{i.updatedAt | _date}}</td> |
| | | <td nz-td>{{i.organizationId}}</td> |
| | | <td nz-td>{{format_date(i.createTime)}}</td> |
| | | <td nz-td>{{format_date(i.expireTime)}}</td> |
| | | <td nz-td> |
| | | <a (click)="msg.success('编辑:' + i.name)">编辑</a> |
| | | <a (click)="edit(i)">编辑</a> |
| | | <span nz-table-divider></span> |
| | | <a (click)="msg.success('删除:' + i.name)">删除</a> |
| | | <nz-popconfirm [nzTitle]="'确定要删除该用户吗?'" [nzOkText]="'Yes'" [nzCancelText]="'No'" (nzOnConfirm)="delete(i)" > |
| | | <a nz-popconfirm>删除</a> |
| | | </nz-popconfirm> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </nz-table> |
| | | </nz-card> |
| | | <nz-modal [nzVisible]="modalVisible" [nzTitle]="'新建规则'" [nzConfirmLoading]="loading" [nzContent]="modalContent" (nzOnCancel)="modalVisible=false" (nzOnOk)="save()"> |
| | | <ng-template #modalContent> |
| | | <div nz-form-item class="d-flex"> |
| | | <div nz-form-label><label for="no">描述</label></div> |
| | | <div nz-form-control class="flex-1"> |
| | | <nz-input [(ngModel)]="description" name="description" [nzSize]="'large'" [nzPlaceHolder]="'请输入'" nzId="no"></nz-input> |
| | | </div> |
| | | </div> |
| | | </ng-template> |
| | | </nz-modal> |