19 changed files with 799 additions and 31 deletions
@ -0,0 +1,6 @@ |
|||||||
|
<div class="box applymodel"> |
||||||
|
|
||||||
|
<p>任务名称: 熟悉演练</p> |
||||||
|
<p>单位名称: 上海雅特酒店管理有限公司济南泺文路分公司</p> |
||||||
|
<p>协助机构: 历下区A消防救援站</p> |
||||||
|
</div> |
@ -0,0 +1,54 @@ |
|||||||
|
import { Component, OnInit, Input } from '@angular/core'; |
||||||
|
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||||
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
||||||
|
import { HttpClient } from '@angular/common/http'; |
||||||
|
import { TreeService } from 'src/app/service/tree.service'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-apply-look', |
||||||
|
templateUrl: './apply-look.component.html', |
||||||
|
styleUrls: ['./apply-look.component.scss'] |
||||||
|
}) |
||||||
|
export class ApplyLookComponent implements OnInit { |
||||||
|
|
||||||
|
@Input() title?: string; |
||||||
|
@Input() subtitle?: string; |
||||||
|
validateForm!: FormGroup; |
||||||
|
constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient, private toTree: TreeService) { } |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
this.validateForm = this.fb.group({ |
||||||
|
taskname: [true, [Validators.required]], |
||||||
|
unitname: [null, [Validators.required]], |
||||||
|
organization: [null, [Validators.required]] |
||||||
|
}); |
||||||
|
|
||||||
|
this.getAllOrganization() |
||||||
|
} |
||||||
|
destroyModal(): void { |
||||||
|
this.modal.destroy({ data: 'this the result data' }); |
||||||
|
} |
||||||
|
|
||||||
|
//获取所有组织机构
|
||||||
|
nodes: any = [] |
||||||
|
getAllOrganization() { |
||||||
|
// let OrganizationUnitId = sessionStorage.getItem('isGasStation') == 'true' ? JSON.parse(sessionStorage.getItem('userdataOfgasstation')).organization.id : JSON.parse(sessionStorage.getItem('userdata')).organization.id
|
||||||
|
// let params = {
|
||||||
|
// OrganizationUnitId: OrganizationUnitId,
|
||||||
|
// IsContainsChildren: "true"
|
||||||
|
// }
|
||||||
|
// this.http.get('/api/services/app/Organization/GetAll', {
|
||||||
|
// params: params
|
||||||
|
// }).subscribe((data: any) => {
|
||||||
|
// data.result.items.forEach(element => {
|
||||||
|
// if (element.id == OrganizationUnitId) {
|
||||||
|
// element.parentId = null
|
||||||
|
// }
|
||||||
|
// element.key = element.id
|
||||||
|
// element.title = element.displayName
|
||||||
|
// });
|
||||||
|
// this.nodes = [...this.toTree.toTree(data.result.items)]
|
||||||
|
// })
|
||||||
|
} |
||||||
|
|
||||||
|
} |
@ -0,0 +1,36 @@ |
|||||||
|
<div class="box applymodel"> |
||||||
|
<form nz-form [formGroup]="validateForm"> |
||||||
|
<nz-form-item> |
||||||
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="账号">任务名称</nz-form-label> |
||||||
|
<nz-form-control> |
||||||
|
<label nz-radio formControlName="taskname">熟悉演练</label> |
||||||
|
</nz-form-control> |
||||||
|
</nz-form-item> |
||||||
|
<nz-form-item> |
||||||
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="单位名称">单位名称</nz-form-label> |
||||||
|
<nz-form-control> |
||||||
|
<nz-input-group> |
||||||
|
<input nz-input type="text" formControlName="unitname" placeholder="请输入单位名称" /> |
||||||
|
</nz-input-group> |
||||||
|
</nz-form-control> |
||||||
|
</nz-form-item> |
||||||
|
<nz-form-item> |
||||||
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="协助机构">协助机构</nz-form-label> |
||||||
|
<nz-form-control> |
||||||
|
<nz-tree-select [nzShowSearch]='true' [nzDropdownClassName]="'maxHeightTreeSelect'" |
||||||
|
formControlName="organization" [nzNodes]="nodes" nzPlaceHolder="请选择协助机构" |
||||||
|
[nzExpandedIcon]="multiExpandedIconTpl"> |
||||||
|
</nz-tree-select> |
||||||
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin"> |
||||||
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate"> |
||||||
|
|
||||||
|
</ng-container> |
||||||
|
<ng-template #elseTemplate> |
||||||
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" |
||||||
|
class="ant-tree-switcher-line-icon"></i> |
||||||
|
</ng-template> |
||||||
|
</ng-template> |
||||||
|
</nz-form-control> |
||||||
|
</nz-form-item> |
||||||
|
</form> |
||||||
|
</div> |
@ -0,0 +1,53 @@ |
|||||||
|
import { Component, OnInit, Input } from '@angular/core'; |
||||||
|
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||||
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
||||||
|
import { HttpClient } from '@angular/common/http'; |
||||||
|
import { TreeService } from 'src/app/service/tree.service'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-apply', |
||||||
|
templateUrl: './apply.component.html', |
||||||
|
styleUrls: ['./apply.component.scss'] |
||||||
|
}) |
||||||
|
export class ApplyComponent implements OnInit { |
||||||
|
|
||||||
|
@Input() title?: string; |
||||||
|
@Input() subtitle?: string; |
||||||
|
validateForm!: FormGroup; |
||||||
|
constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient, private toTree: TreeService) { } |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
this.validateForm = this.fb.group({ |
||||||
|
taskname: [true, [Validators.required]], |
||||||
|
unitname: [null, [Validators.required]], |
||||||
|
organization: [null, [Validators.required]] |
||||||
|
}); |
||||||
|
|
||||||
|
this.getAllOrganization() |
||||||
|
} |
||||||
|
destroyModal(): void { |
||||||
|
this.modal.destroy({ data: 'this the result data' }); |
||||||
|
} |
||||||
|
|
||||||
|
//获取所有组织机构
|
||||||
|
nodes: any = [] |
||||||
|
getAllOrganization() { |
||||||
|
// let OrganizationUnitId = sessionStorage.getItem('isGasStation') == 'true' ? JSON.parse(sessionStorage.getItem('userdataOfgasstation')).organization.id : JSON.parse(sessionStorage.getItem('userdata')).organization.id
|
||||||
|
// let params = {
|
||||||
|
// OrganizationUnitId: OrganizationUnitId,
|
||||||
|
// IsContainsChildren: "true"
|
||||||
|
// }
|
||||||
|
// this.http.get('/api/services/app/Organization/GetAll', {
|
||||||
|
// params: params
|
||||||
|
// }).subscribe((data: any) => {
|
||||||
|
// data.result.items.forEach(element => {
|
||||||
|
// if (element.id == OrganizationUnitId) {
|
||||||
|
// element.parentId = null
|
||||||
|
// }
|
||||||
|
// element.key = element.id
|
||||||
|
// element.title = element.displayName
|
||||||
|
// });
|
||||||
|
// this.nodes = [...this.toTree.toTree(data.result.items)]
|
||||||
|
// })
|
||||||
|
} |
||||||
|
} |
@ -1 +1,72 @@ |
|||||||
<p>station-task-apply works!</p> |
<!-- <p>任务申请</p> --> |
||||||
|
<div class="box"> |
||||||
|
|
||||||
|
<div class="fffbox"> |
||||||
|
<div class="header"> |
||||||
|
<span> |
||||||
|
任务申请 |
||||||
|
</span> |
||||||
|
<span style="font-size: 14px; color: #42B983;"> |
||||||
|
<i nz-icon nzType="info-circle" nzTheme="outline"></i> |
||||||
|
任务申请已开始!剩余时间 3天13小时 / 生成周计划已开始!剩余时间 23:54:03 |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div class="searchbox"> |
||||||
|
<div class="search"> |
||||||
|
<input type="text" nz-input placeholder="任务名称" [(ngModel)]="searchForm.taskname" /> |
||||||
|
<input type="text" nz-input placeholder="单位名称" [(ngModel)]="searchForm.unitname" /> |
||||||
|
<input type="text" nz-input placeholder="单位级别" [(ngModel)]="searchForm.unitlevel" /> |
||||||
|
<input type="text" nz-input placeholder="协助机构" [(ngModel)]="searchForm.or" /> |
||||||
|
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>查询</button> |
||||||
|
<button nz-button nzType="default"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="content"> |
||||||
|
<div class="applybtn"> |
||||||
|
<button (click)="apply()" nz-button nzType="primary"><i nz-icon nzType="form" nzTheme="outline"></i>申请</button> |
||||||
|
</div> |
||||||
|
<div class="tablebox"> |
||||||
|
<nz-table nzBordered #basicTable [nzLoading]="loading" [nzData]="usersLIst" [nzShowPagination]='false' |
||||||
|
[nzPageSize]='16'> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th [width]="'15%'">任务名称</th> |
||||||
|
<th [width]="'20%'">单位名称</th> |
||||||
|
<th>单位级别</th> |
||||||
|
<th>协助机构</th> |
||||||
|
<th>结果</th> |
||||||
|
<th [width]="'8%'">操作</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr *ngFor="let item of basicTable.data"> |
||||||
|
<td>监督检查</td> |
||||||
|
<td nzBreakWord> |
||||||
|
上海雅特酒店管理有限公司济南泺文路分公司 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
一般单位 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
历下区A消防救援站 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
未发现违法违规情况 |
||||||
|
</td> |
||||||
|
<td class="operation"> |
||||||
|
<a class="blue" (click)="look(item)">查看</a> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</nz-table> |
||||||
|
</div> |
||||||
|
<div class="pagination"> |
||||||
|
<nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="usersNum" [nzPageSize]="16" |
||||||
|
[nzShowTotal]="totalTemplate" nzShowQuickJumper (nzPageIndexChange)="pageChange($event)"> |
||||||
|
</nz-pagination> |
||||||
|
<ng-template #totalTemplate let-total> 16条/页,共{{usersNum}}条 </ng-template> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
@ -0,0 +1,79 @@ |
|||||||
|
.box { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
color: #303133; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
|
||||||
|
|
||||||
|
.fffbox { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background: #FFFFFF; |
||||||
|
box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.0800); |
||||||
|
border-radius: 4px 4px 4px 4px; |
||||||
|
opacity: 1; |
||||||
|
border: 1px solid #E4E7EC; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.header { |
||||||
|
width: 100%; |
||||||
|
height: 56px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
padding: 0 20px; |
||||||
|
border-bottom: 1px solid #E4E7EC; |
||||||
|
|
||||||
|
span { |
||||||
|
color: #303133; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.searchbox { |
||||||
|
height: 70px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 0 20px; |
||||||
|
align-items: center; |
||||||
|
border-bottom: 1px solid #E4E7EC; |
||||||
|
.search { |
||||||
|
width: 80%; |
||||||
|
display: flex; |
||||||
|
|
||||||
|
input { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
button { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
padding-top: 0px; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
|
||||||
|
.applybtn { |
||||||
|
align-self: flex-start; |
||||||
|
margin: 18px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.operation { |
||||||
|
a { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -1 +1,70 @@ |
|||||||
<p>station-task-execution works!</p> |
<!-- <p>任务执行!</p> --> |
||||||
|
<div class="box"> |
||||||
|
<div class="fffbox"> |
||||||
|
<div class="header"> |
||||||
|
<span> |
||||||
|
任务执行 |
||||||
|
</span> |
||||||
|
<span style="font-size: 14px; color: #42B983;"> |
||||||
|
<i nz-icon nzType="info-circle" nzTheme="outline"></i> |
||||||
|
任务申请已开始!剩余时间 3天13小时 / 生成周计划已开始!剩余时间 23:54:03 |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div class="searchbox"> |
||||||
|
<div class="search"> |
||||||
|
<input type="text" nz-input placeholder="任务名称" [(ngModel)]="searchForm.taskname" /> |
||||||
|
<input type="text" nz-input placeholder="单位名称" [(ngModel)]="searchForm.unitname" /> |
||||||
|
<input type="text" nz-input placeholder="单位级别" [(ngModel)]="searchForm.unitlevel" /> |
||||||
|
<input type="text" nz-input placeholder="协助机构" [(ngModel)]="searchForm.or" /> |
||||||
|
<input type="text" nz-input placeholder="时间" [(ngModel)]="searchForm.tasktime" /> |
||||||
|
<button nz-button nzType="primary"><i nz-icon nzType="search" nzTheme="outline"></i>查询</button> |
||||||
|
<button nz-button nzType="default"><i nz-icon nzType="reload" nzTheme="outline"></i>重置</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="content"> |
||||||
|
<div class="tablebox"> |
||||||
|
<nz-table nzBordered #basicTable [nzLoading]="loading" [nzData]="usersLIst" [nzShowPagination]='false' |
||||||
|
[nzPageSize]='16'> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th [width]="'15%'">任务名称</th> |
||||||
|
<th [width]="'10%'">时间</th> |
||||||
|
<th [width]="'20%'">单位名称</th> |
||||||
|
<th>单位级别</th> |
||||||
|
<th>协助机构</th> |
||||||
|
<th>检查结果</th> |
||||||
|
<th [width]="'8%'">操作</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr *ngFor="let item of basicTable.data"> |
||||||
|
<td>监督检查</td> |
||||||
|
<td>2022.07.20 14:00</td> |
||||||
|
<td nzBreakWord> |
||||||
|
上海雅特酒店管理有限公司济南泺文路分公司 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
一般单位 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
历下区A消防救援站 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
未发现违法违规情况 |
||||||
|
</td> |
||||||
|
<td class="operation"> |
||||||
|
<a class="blue">查看</a> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</nz-table> |
||||||
|
</div> |
||||||
|
<div class="pagination"> |
||||||
|
<nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="usersNum" [nzPageSize]="16" |
||||||
|
[nzShowTotal]="totalTemplate" nzShowQuickJumper (nzPageIndexChange)="pageChange($event)"> |
||||||
|
</nz-pagination> |
||||||
|
<ng-template #totalTemplate let-total> 16条/页,共{{usersNum}}条 </ng-template> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
@ -0,0 +1,72 @@ |
|||||||
|
.box { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
color: #303133; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
|
||||||
|
|
||||||
|
.fffbox { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background: #FFFFFF; |
||||||
|
box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.0800); |
||||||
|
border-radius: 4px 4px 4px 4px; |
||||||
|
opacity: 1; |
||||||
|
border: 1px solid #E4E7EC; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.header { |
||||||
|
width: 100%; |
||||||
|
height: 56px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
padding: 0 20px; |
||||||
|
border-bottom: 1px solid #E4E7EC; |
||||||
|
|
||||||
|
span { |
||||||
|
color: #303133; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.searchbox { |
||||||
|
height: 70px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 0 20px; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.search { |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
|
||||||
|
input { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
button { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
padding-top: 0px; |
||||||
|
|
||||||
|
.operation { |
||||||
|
a { |
||||||
|
margin-right: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -1 +1,60 @@ |
|||||||
<p>station-weekly-plan works!</p> |
<!-- <p>生成周计划</p> --> |
||||||
|
<div class="box weeklyplan"> |
||||||
|
<div class="fffbox"> |
||||||
|
<div class="header"> |
||||||
|
<span> |
||||||
|
申请周计划 |
||||||
|
</span> |
||||||
|
<span style="font-size: 14px; color: #42B983;"> |
||||||
|
<i nz-icon nzType="info-circle" nzTheme="outline"></i> |
||||||
|
任务申请已开始!剩余时间 3天13小时 / 生成周计划已开始!剩余时间 23:54:03 |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div class="content"> |
||||||
|
<div class="tablebox"> |
||||||
|
<nz-table nzBordered #basicTable [nzLoading]="loading" [nzData]="usersLIst" [nzShowPagination]='false' |
||||||
|
[nzPageSize]='16'> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th [width]="'10%'">任务类型</th> |
||||||
|
<th [width]="'25%'">单位名称</th> |
||||||
|
<th>单位级别</th> |
||||||
|
<th>检查人</th> |
||||||
|
<th>消防负责人</th> |
||||||
|
<th>联系电话</th> |
||||||
|
<th [width]="'15%'">操作</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr *ngFor="let item of basicTable.data"> |
||||||
|
<td>双随机</td> |
||||||
|
<td nzBreakWord>上海雅特酒店管理有限公司济南泺文路分公司</td> |
||||||
|
<td> |
||||||
|
一般单位 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
张三三 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
张三三 |
||||||
|
</td> |
||||||
|
<td> |
||||||
|
15022667845 |
||||||
|
</td> |
||||||
|
<td class="operation"> |
||||||
|
<!-- <span>检查时间 </span> --> |
||||||
|
<nz-date-picker nzPlaceHolder="请选择检查日期" nzBorderless></nz-date-picker> |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</nz-table> |
||||||
|
</div> |
||||||
|
<div class="pagination"> |
||||||
|
<nz-pagination [nzHideOnSinglePage]="false" [nzPageIndex]="1" [nzTotal]="usersNum" [nzPageSize]="16" |
||||||
|
[nzShowTotal]="totalTemplate" nzShowQuickJumper (nzPageIndexChange)="pageChange($event)"> |
||||||
|
</nz-pagination> |
||||||
|
<ng-template #totalTemplate let-total> 16条/页,共{{usersNum}}条 </ng-template> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
@ -0,0 +1,52 @@ |
|||||||
|
.box { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
|
||||||
|
color: #303133; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
|
||||||
|
|
||||||
|
.fffbox { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background: #FFFFFF; |
||||||
|
box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.0800); |
||||||
|
border-radius: 4px 4px 4px 4px; |
||||||
|
opacity: 1; |
||||||
|
border: 1px solid #E4E7EC; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.header { |
||||||
|
width: 100%; |
||||||
|
height: 56px; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
padding: 0 20px; |
||||||
|
border-bottom: 1px solid #E4E7EC; |
||||||
|
|
||||||
|
span { |
||||||
|
color: #303133; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.content { |
||||||
|
flex: 1; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 18px; |
||||||
|
padding-top: 0px; |
||||||
|
margin-top: 18px; |
||||||
|
.operation { |
||||||
|
|
||||||
|
nz-date-picker { |
||||||
|
width: 140px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue