16 changed files with 251 additions and 63 deletions
@ -0,0 +1,25 @@ |
|||||||
|
<div class="box" id="detailsUser"> |
||||||
|
<div class="title"> |
||||||
|
<div class="titlecontent"> |
||||||
|
详情 |
||||||
|
</div> |
||||||
|
<i nz-icon nzType="close" nzTheme="outline" (click)="destroyModal()"></i> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="content"> |
||||||
|
|
||||||
|
<p>账号: {{ data.userName}}</p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>姓名: {{ data.name}}</p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>所属机构: {{data.organizationName}}</p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>角色: <span style="margin-right: 8px;" *ngFor="let item of data.roleDisplayNames">{{item}}</span></p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>手机号: {{ data.phoneNumber}}</p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>审核状态: {{data.auditStatus | auditStatus}}</p> |
||||||
|
<div class="cutoffrule"></div> |
||||||
|
<p>审核说明: {{data.auditLog? data.auditLog.rejectReason : ''}}</p> |
||||||
|
</div> |
||||||
|
</div> |
@ -0,0 +1,66 @@ |
|||||||
|
.box { |
||||||
|
.title { |
||||||
|
font-family: sybold; |
||||||
|
width: 100%; |
||||||
|
height: 48px; |
||||||
|
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
.titlecontent { |
||||||
|
width: 100%; |
||||||
|
height: 32px; |
||||||
|
line-height: 32px; |
||||||
|
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||||
|
text-align: center; |
||||||
|
color: #91CCFF; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
i { |
||||||
|
position: absolute; |
||||||
|
right: 12px; |
||||||
|
color: #fff; |
||||||
|
font-size: 18px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.content { |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0 15px; |
||||||
|
max-height: 580px; |
||||||
|
overflow-y: auto; |
||||||
|
|
||||||
|
.circle { |
||||||
|
width: 8px; |
||||||
|
height: 8px; |
||||||
|
background: linear-gradient(180deg, #36A2FF 0%, #FFFFFF 100%); |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
|
|
||||||
|
.recordP { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
margin-bottom: 0; |
||||||
|
color: #C4E2FC; |
||||||
|
margin: 12px 0; |
||||||
|
|
||||||
|
img { |
||||||
|
width: 88px; |
||||||
|
height: 56px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.flexp { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,21 @@ |
|||||||
|
import { Component, Input, OnInit } from '@angular/core'; |
||||||
|
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||||
|
@Component({ |
||||||
|
selector: 'app-user-details', |
||||||
|
templateUrl: './user-details.component.html', |
||||||
|
styleUrls: ['./user-details.component.scss'] |
||||||
|
}) |
||||||
|
export class UserDetailsComponent implements OnInit { |
||||||
|
|
||||||
|
@Input() data?: any; |
||||||
|
constructor(private modal: NzModalRef) { } |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
console.log(this.data) |
||||||
|
} |
||||||
|
destroyModal() { |
||||||
|
this.modal.destroy({ data: 'this the result data' }); |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue