kkerwin
2 years ago
25 changed files with 624 additions and 292 deletions
@ -0,0 +1,6 @@ |
|||
{ |
|||
"/api": { |
|||
"target": "http://47.109.27.8:9527", |
|||
"secure": false |
|||
} |
|||
} |
|||
@ -1,49 +1,86 @@ |
|||
<table-list [props]="tableList" [search]="searchTpl" [action]="pageExtraTpl" [formGroup]="queryForm"> |
|||
<ng-template #searchTpl> |
|||
<ng-template #searchTpl> |
|||
|
|||
</ng-template> |
|||
|
|||
<div class="flex items-center justify-between"> |
|||
<div> |
|||
<nz-form-item> |
|||
<nz-form-control> |
|||
<input nz-input placeholder="请输入用户" formControlName="name" /> |
|||
<nz-input-group [nzSuffix]="suffixIconSearch"> |
|||
<input nz-input placeholder="请输入用户" /> |
|||
</nz-input-group> |
|||
<ng-template #suffixIconSearch> |
|||
<span nz-icon nzType="search"></span> |
|||
</ng-template> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</ng-template> |
|||
</table-list> |
|||
</div> |
|||
<div> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="openForm()"> |
|||
<i nz-icon nzType="plus"></i> |
|||
新增用户 |
|||
</button> |
|||
</nz-space> |
|||
</div> |
|||
</div> |
|||
|
|||
<ng-template #pageExtraTpl> |
|||
<nz-space> |
|||
<button *nzSpaceItem nz-button nzType="primary" (click)="openForm()"> |
|||
<i nz-icon nzType="plus"></i> |
|||
新增用户 |
|||
</button> |
|||
</nz-space> |
|||
</ng-template> |
|||
<nz-table #table [nzData]="users"> |
|||
<thead> |
|||
<tr> |
|||
<th>账号</th> |
|||
<th>姓名</th> |
|||
<th>角色</th> |
|||
<th>添加时间</th> |
|||
<th>操作</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr *ngFor="let data of table.data"> |
|||
<td>{{data.uid}}</td> |
|||
<td>{{data.name}}</td> |
|||
<td>{{data.roleName}}</td> |
|||
<td>{{data.roleName}}</td> |
|||
<td> |
|||
<a>编辑</a> |
|||
<nz-divider nzType="vertical"></nz-divider> |
|||
<a>删除</a> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</nz-table> |
|||
|
|||
|
|||
<ng-template #userFormTpl> |
|||
<form nz-form> |
|||
<form nz-form [formGroup]="userFrom"> |
|||
|
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" nzRequired> |
|||
姓名 |
|||
</nz-form-label> |
|||
<nz-form-control nzSpan="12"> |
|||
<input nz-input placeholder="请输入用户姓名" /> |
|||
<nz-form-control nzSpan="12" [nzErrorTip]="formErrorTipsTpl"> |
|||
<input nz-input placeholder="请输入用户姓名" formControlName="name" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" nzRequired> |
|||
账号 |
|||
</nz-form-label> |
|||
<nz-form-control nzSpan="12"> |
|||
<input nz-input placeholder="请输入用户账号" /> |
|||
<nz-form-control nzSpan="12" [nzErrorTip]="formErrorTipsTpl"> |
|||
<input nz-input placeholder="请输入用户账号" formControlName="uid" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6" nzRequired> |
|||
密码 |
|||
</nz-form-label> |
|||
<nz-form-control nzSpan="12"> |
|||
<input nz-input placeholder="请输入用户密码" type="password" /> |
|||
<nz-form-control nzSpan="12" [nzErrorTip]="formErrorTipsTpl"> |
|||
<input nz-input placeholder="请输入用户密码" type="password" formControlName="password" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</form> |
|||
</ng-template> |
|||
|
|||
<ng-template #formErrorTipsTpl let-control> |
|||
<form-error-tips [control]="control"></form-error-tips> |
|||
</ng-template> |
|||
@ -0,0 +1,2 @@ |
|||
export * from "./org.dto"; |
|||
export * from "./user.dto"; |
|||
@ -0,0 +1,15 @@ |
|||
export type OrgDTO = { |
|||
account: string; |
|||
address: string; |
|||
area: string; |
|||
category: string; |
|||
city: string; |
|||
contacts: string; |
|||
expire: number; |
|||
id: number; |
|||
name: string; |
|||
phone: string; |
|||
province: string; |
|||
status: boolean; |
|||
icon: string; |
|||
}; |
|||
@ -0,0 +1,22 @@ |
|||
export type UserRoleDTO = { |
|||
id: string; |
|||
roleItems: string; |
|||
roleName: string; |
|||
roleType: string; |
|||
vender: number; |
|||
}; |
|||
|
|||
export type PermItemDTO = { |
|||
category: string; |
|||
id: number; |
|||
itemName: string; |
|||
itemType: string; |
|||
}; |
|||
|
|||
export type UserDTO = { |
|||
name: string; |
|||
phone: string; |
|||
roleId: number; |
|||
roleName: string; |
|||
uid: string; |
|||
}; |
|||
@ -0,0 +1,17 @@ |
|||
import { inject } from "@angular/core"; |
|||
import { Router } from "@angular/router"; |
|||
import { map } from "rxjs"; |
|||
|
|||
const accountTokenName = "account"; |
|||
|
|||
export const authGuard = () => { |
|||
const router = inject(Router); |
|||
const token = localStorage.getItem(accountTokenName); |
|||
|
|||
if (!token) { |
|||
router.navigate(["/login"]); |
|||
return false; |
|||
} else { |
|||
return true; |
|||
} |
|||
}; |
|||
Loading…
Reference in new issue