103 lines
5.6 KiB
HTML
103 lines
5.6 KiB
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">
|
|
<nz-form-item>
|
|
<nz-form-label class="mr-2" nzFor="role_name" nzRequired style="vertical-align:top">角色名称</nz-form-label>
|
|
<nz-form-control style="display:inline-block">
|
|
<input nz-input id="role_name" formControlName="role_name" placeholder="请输入角色名称">
|
|
<nz-form-explain *ngIf="validateForm.get('role_name').dirty && validateForm.get('role_name').errors">请输入角色名称</nz-form-explain>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-label class="mr-2" nzRequired style="vertical-align:top">角色类型</nz-form-label>
|
|
<nz-form-control style="display:inline-block">
|
|
<nz-radio-group formControlName="role_type">
|
|
<label nz-radio nzValue='0'>系统内置</label>
|
|
<label nz-radio nzValue='1'>用户定义</label>
|
|
</nz-radio-group>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<nz-form-item>
|
|
<nz-form-label class="mr-2" nzRequired style="vertical-align:top">包含的用户</nz-form-label>
|
|
<nz-form-control style="display:inline-block">
|
|
<a href="javascript:;" (click)="openUsers()">选择</a>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
<div class="user-table table-box" nz-row>
|
|
<nz-table nz-col nzXs="24" nzSm="20" nzMd="18" nzLg="14" nzXl="12" nzBordered [nzShowPagination]='false'
|
|
#userDataSet [nzData]="userSelecteds">
|
|
<thead>
|
|
<tr>
|
|
<th>姓名</th>
|
|
<th>用户名</th>
|
|
<th>电话</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let item of userDataSet.data;let i=index">
|
|
<td>{{item.real_name}}</td>
|
|
<td>{{item.login_name}}</td>
|
|
<td>{{item.mobile}}</td>
|
|
<td>
|
|
<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>
|
|
<nz-form-item>
|
|
<nz-form-label class="mr-2" style="vertical-align:top">功能权限</nz-form-label>
|
|
<nz-form-control style="display:inline-block">
|
|
<div class="tree-box ml10">
|
|
<ul id="treeDemo" class="ztree"></ul>
|
|
</div>
|
|
</nz-form-control>
|
|
</nz-form-item>
|
|
</form>
|
|
<div class="user-footer" nz-col nzXs="24" nzSm="20" nzMd="18" nzLg="14" nzXl="12">
|
|
<button (click)='submitForm()' [nzLoading]="isLoadingSave" nz-button nzType="primary" class="mr10"
|
|
[disabled]='!validateForm.valid||!(userSelecteds.length>0)'>保存</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' }" [nzWidth]="auto"
|
|
[nzVisible]="visibleUsers" nzTitle="角色用户" (nzOnClose)="closeUser()">
|
|
<div class="users-box" [hidden]='statusParamsUsers.status!=3'>
|
|
<div class="user-table-box">
|
|
<nz-table nzBordered [nzShowPagination]='false' #dataSet [nzData]="userData">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>姓名</th>
|
|
<th>用户名</th>
|
|
<th>电话</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let item of dataSet.data">
|
|
<td nzShowCheckbox [(nzChecked)]="item.checked" [nzDisabled]="item.disabled"></td>
|
|
<td>{{item.real_name}}</td>
|
|
<td>{{item.login_name}}</td>
|
|
<td>{{item.mobile}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</nz-table>
|
|
<div class="page-box" *ngIf="statusParamsUsers.status==3">
|
|
<nz-pagination [nzPageIndex]="search.page_index" (nzPageIndexChange)='pageChange($event)'
|
|
[nzPageSize]='search.page_size' [nzTotal]="collectionSize"></nz-pagination>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-footer">
|
|
<button (click)='userSave()' nz-button nzType="primary" class="mr10">保存</button>
|
|
<button (click)=closeUser() nz-button nzType="default">取消</button>
|
|
</div>
|
|
</div>
|
|
</nz-drawer>
|
|
</div> |