Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<div nz-row class="breadcrumbs">
<div nz-col nzSpan="16">
<nz-breadcrumb class="padding-8-0">
<nz-breadcrumb-item>
首页
</nz-breadcrumb-item>
<nz-breadcrumb-item>
<a>系统管理</a>
</nz-breadcrumb-item>
<nz-breadcrumb-item>
角色与权限
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div nz-col nzSpan="8" class="text-right">
<button nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
<button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
</div>
</div>
<div nz-row class="search-form">
<div nz-col nzSpan="16">
<button (click)="showModal()" nz-button nzType="default"><i class="anticon anticon-search"></i>新增角色</button>
</div>
<div nz-col nzSpan="8" class="text-right">
<input nz-input placeholder="角色/权限模块/资源权限">
<button nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
</div>
</div>
<nz-table #basicTable [nzData]="dataSet">
<thead>
<tr>
<th>角色名称</th>
<th>说明</th>
<th>权限模块</th>
<th>资源权限</th>
<th>有效</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let data of basicTable.data">
<td>{{data.name}}</td>
<td>{{data.comments}}</td>
<td>{{data.key3}}</td>
<td>{{data.key4}}</td>
<td>{{data.key5}}</td>
<td>
<span>查看</span>
<span>编辑</span>
<span>删除</span>
</td>
</tr>
</tbody>
</nz-table>
<nz-modal [(nzVisible)]="isVisible" nzTitle="新增角色" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
<form nz-form (ngSubmit)="submitForm()">
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="那么">角色名称</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input id="email">
<nz-form-explain *ngIf="validateForm.get('email').dirty && validateForm.get('email').errors">The input is not valid E-mail!</nz-form-explain>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="phoneNumber" nzRequired>是否有效</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input id="phoneNumber">
<nz-form-explain *ngIf="validateForm.get('phoneNumber').dirty && validateForm.get('phoneNumber').errors">The input is not valid E-mail!</nz-form-explain>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>角色说明</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-select id="gender" nzPlaceHolder="选择性别">
<nz-option nzValue="男" nzLabel="男"></nz-option>
<nz-option nzValue="女" nzLabel="女"></nz-option>
</nz-select>
<!--<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" >模块权限</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-select id="department" nzPlaceHolder="所属部门">
</nz-select>
<!--<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" >资源权限</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-select id="isBoolean" nzPlaceHolder="选择性别">
<nz-option nzValue="有效" nzLabel="有效"></nz-option>
<nz-option nzValue="无效" nzLabel="无效"></nz-option>
</nz-select>
<!--<nz-form-explain *ngIf="validateForm.get('gender').dirty && validateForm.get('gender').errors">Please select your gender!</nz-form-explain>-->
</nz-form-control>
</nz-form-item>
</form>
</nz-modal>
<basic-edit #basicEdit></basic-edit>