88 lines
5.1 KiB
HTML
88 lines
5.1 KiB
HTML
<div class="system-main-container">
|
|
<div class="user-manage">
|
|
<div class="system-main-content card">
|
|
<div class="search-box">
|
|
<div class="dip mr-4">
|
|
<nz-form-item>
|
|
<nz-form-label>角色名称</nz-form-label>
|
|
<nz-form-control style="display:inline-block">
|
|
<input nz-input [(ngModel)]='search.role_name' placeholder="请输入角色名称">
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
<div class="dip">
|
|
<nz-form-item>
|
|
<nz-form-control>
|
|
<button class="mr10" nz-button nzType="primary" (click)="queryTable()"><i nz-icon type="search"></i>查询</button>
|
|
<button (click)="addModify(1)" nz-button nzType="primary"><i nz-icon type="plus" theme="outline"></i>新增</button>
|
|
<!-- <button (click)="reset()" nz-button nzType="primary"><i nz-icon type="sync" theme="outline"></i>重置</button> -->
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</div>
|
|
</div>
|
|
<nz-divider></nz-divider>
|
|
<app-request-status *ngIf='statusParamsTable.status!=4' [statusParams]='statusParamsTable'></app-request-status>
|
|
<div class="table-box" *ngIf='statusParamsTable.status==3||statusParamsTable.status==4||statusParamsTable.status==0'>
|
|
<nz-table nzBordered #dataSet [nzFrontPagination]="false" [nzData]="tableData" [nzTotal]="collectionSize"
|
|
[(nzPageIndex)]="search.page_index" [(nzPageSize)]="search.page_size" (nzPageIndexChange)="queryTable()">
|
|
<thead>
|
|
<tr>
|
|
<th>角色名称</th>
|
|
<th>角色类型</th>
|
|
<th>创建人</th>
|
|
<th>创建日期</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let item of dataSet.data">
|
|
<td>{{item.role_name}}</td>
|
|
<td><span *ngIf="item.role_type==0">系统内置</span><span *ngIf="item.role_type==1">用户定义</span></td>
|
|
<td>{{item.create_by}}</td>
|
|
<td>{{item.create_date| date:'yyyy-MM-dd HH:mm:ss'}}</td>
|
|
<td>
|
|
<i (click)="addModify(2,item)" class="table-operation-btn edit" nz-icon type="edit"
|
|
theme="outline"></i>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<i nz-popconfirm nzTitle="确定删除该角色?" nzOkText="确定" nzCancelText="取消" (nzOnConfirm)="delectConfirm(item)"
|
|
class="table-operation-btn danger" nz-icon type="delete" theme="outline"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</nz-table>
|
|
|
|
<!-- <nz-table nzBordered [nzShowPagination]='false' #dataSet [nzData]="tableData">
|
|
<thead>
|
|
<tr>
|
|
<th>角色名称</th>
|
|
<th>角色类型</th>
|
|
<th>创建人</th>
|
|
<th>创建日期</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let item of dataSet.data">
|
|
<td>{{item.role_name}}</td>
|
|
<td><span *ngIf="item.role_type==0">系统内置</span><span *ngIf="item.role_type==1">用户定义</span></td>
|
|
<td>{{item.create_by}}</td>
|
|
<td>{{item.create_date| date:'yyyy-MM-dd HH:mm:ss'}}</td>
|
|
<td>
|
|
<i (click)="addModify(2,item)" class="table-operation-btn edit" nz-icon type="edit"
|
|
theme="outline"></i>
|
|
<nz-divider nzType="vertical"></nz-divider>
|
|
<i nz-popconfirm nzTitle="确定删除该角色?" nzOkText="确定" nzCancelText="取消" (nzOnConfirm)="delectConfirm(item)"
|
|
class="table-operation-btn danger" nz-icon type="delete" theme="outline"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</nz-table>
|
|
<div class="page-box" *ngIf="statusParamsTable.status==3">
|
|
<nz-pagination [nzPageIndex]="search.page_index" (nzPageIndexChange)='pageChange($event)'
|
|
[nzPageSize]='search.page_size' [nzTotal]="collectionSize"></nz-pagination>
|
|
</div> -->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |