31 changed files with 465 additions and 166 deletions
@ -0,0 +1,21 @@ |
|||||||
|
<div class="box" id="addequipment"> |
||||||
|
<div class="title"> |
||||||
|
<div class="titlecontent"> |
||||||
|
处置 |
||||||
|
</div> |
||||||
|
<i nz-icon nzType="close" nzTheme="outline" (click)="destroyModal()"></i> |
||||||
|
</div> |
||||||
|
<form nz-form [formGroup]="validateForm" class="form"> |
||||||
|
<p>处置内容</p> |
||||||
|
<nz-form-item> |
||||||
|
<nz-form-control> |
||||||
|
<textarea formControlName="content"></textarea> |
||||||
|
</nz-form-control> |
||||||
|
</nz-form-item> |
||||||
|
<p>处置人: <span>{{peopleName}}</span> </p> |
||||||
|
<div class="btnbox"> |
||||||
|
<button nz-button type="submit" class="ok" (click)="ok()">确定</button> |
||||||
|
<button nz-button type="button" class="cancel" (click)="destroyModal()">取消</button> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
@ -0,0 +1,85 @@ |
|||||||
|
.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; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.form { |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0 17px; |
||||||
|
|
||||||
|
p { |
||||||
|
margin-bottom: 0; |
||||||
|
color: #C4E2FC; |
||||||
|
margin: 16px 0; |
||||||
|
} |
||||||
|
|
||||||
|
nz-form-item { |
||||||
|
margin-bottom: 0; |
||||||
|
|
||||||
|
textarea { |
||||||
|
color: rgba(145, 204, 255, 0.95) !important; |
||||||
|
width: 100%; |
||||||
|
height: 300px; |
||||||
|
background: #173d60; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
nz-date-picker { |
||||||
|
background-color: #143c61; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.btnbox { |
||||||
|
width: 100%; |
||||||
|
margin-top: 24px; |
||||||
|
margin-bottom: 17px; |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
|
||||||
|
button { |
||||||
|
border-radius: 0px; |
||||||
|
color: #91CCFF; |
||||||
|
} |
||||||
|
|
||||||
|
button:nth-child(2) { |
||||||
|
margin-left: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
.ok { |
||||||
|
background: rgba(0, 129, 255, 0.4); |
||||||
|
} |
||||||
|
|
||||||
|
.cancel { |
||||||
|
border: 1px solid #C4E2FC; |
||||||
|
background: #0c1e38; |
||||||
|
color: rgba(99, 102, 105, 0.6); |
||||||
|
box-shadow: 0 0 3px 0 #fff inset; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
import { Component, OnInit } from '@angular/core'; |
||||||
|
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||||
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
||||||
|
@Component({ |
||||||
|
selector: 'app-disposition', |
||||||
|
templateUrl: './disposition.component.html', |
||||||
|
styleUrls: ['./disposition.component.scss'] |
||||||
|
}) |
||||||
|
export class DispositionComponent implements OnInit { |
||||||
|
validateForm!: FormGroup; |
||||||
|
constructor(private modal: NzModalRef, private fb: FormBuilder) { } |
||||||
|
|
||||||
|
|
||||||
|
peopleName:string |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
if(sessionStorage.getItem('isGasStation') == 'true'){ |
||||||
|
this.peopleName = JSON.parse(sessionStorage.getItem('userdataOfgasstation')).name |
||||||
|
}else{ |
||||||
|
this.peopleName = JSON.parse(sessionStorage.getItem('userdata')).name |
||||||
|
} |
||||||
|
|
||||||
|
this.validateForm = this.fb.group({ |
||||||
|
content: [null, [Validators.required]] |
||||||
|
}); |
||||||
|
} |
||||||
|
destroyModal(){ |
||||||
|
this.modal.destroy(); |
||||||
|
} |
||||||
|
ok(){ |
||||||
|
this.modal.triggerOk() |
||||||
|
} |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 630 B |
Loading…
Reference in new issue