16 changed files with 3808 additions and 28 deletions
@ -0,0 +1,480 @@
|
||||
@import './panel.scss'; |
||||
::-webkit-scrollbar { |
||||
display: none; /* Chrome Safari */ |
||||
} |
||||
.content { |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
box-sizing: border-box; |
||||
padding: 3px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.buildingbtnchecked{ |
||||
background-color: #07CDCF; |
||||
color: white; |
||||
} |
||||
} |
||||
|
||||
//header头部 |
||||
.header { |
||||
position: relative; |
||||
width: 100%; |
||||
height: 46px; |
||||
min-height: 46px; |
||||
display: flex; |
||||
align-items:center; |
||||
background-color: #fff; |
||||
box-shadow: inset 0px -3px 5px 0px rgb(165, 163, 163); |
||||
.headerTitle { |
||||
width: 235px; |
||||
overflow: hidden; |
||||
color: #07CDCF; |
||||
box-sizing: border-box; |
||||
padding-left: 25px; |
||||
font-size: 20px; |
||||
font-weight: 550; |
||||
} |
||||
.headerCenter { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
input { |
||||
width: 99%; |
||||
height: 30px; |
||||
background-color: #e7f0f0; |
||||
border-radius: 5px; |
||||
} |
||||
} |
||||
.headerRight { |
||||
width: 350px; |
||||
overflow: hidden; |
||||
box-sizing: border-box; |
||||
padding-left: 10px; |
||||
button { |
||||
font-size: 14px; |
||||
color: #07CDCF; |
||||
background-color: #fff; |
||||
border: none; |
||||
outline: none; |
||||
cursor:pointer; |
||||
} |
||||
.mat-icon { |
||||
font-size: 22px; |
||||
vertical-align: middle; |
||||
margin-right: 3px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
//头部操作栏 |
||||
.headerOperate { |
||||
img { |
||||
width: 24px; |
||||
height: 24px; |
||||
vertical-align: middle; |
||||
margin-left: 1px; |
||||
} |
||||
span{ |
||||
font-size: 18px; |
||||
} |
||||
flex: 5%; |
||||
display: flex; |
||||
align-items:center; |
||||
min-height: 40px; |
||||
box-sizing: border-box; |
||||
margin: 3px 0; |
||||
background-color: white; |
||||
button{ |
||||
border: 0.5px solid rgb(208, 211, 214); |
||||
margin: 0 2px; |
||||
} |
||||
.editdeletebtn{ |
||||
display: none; |
||||
} |
||||
.bigeditdeletebtn:hover{ |
||||
.editdeletebtn{ |
||||
display: inline-block; |
||||
} |
||||
} |
||||
} |
||||
|
||||
//功能区 |
||||
// icon统一样式 |
||||
.mat-icon { |
||||
cursor:pointer; |
||||
vertical-align: middle; |
||||
} |
||||
//左右两侧功能栏 统一样式 |
||||
.publicCss { |
||||
border-radius: 5px; |
||||
position: absolute; |
||||
height: 100%; |
||||
top: 0; |
||||
} |
||||
.functionalDomain { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
.functionalDomainContent { |
||||
position: relative; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.centerBuildingDiv { |
||||
position: absolute; |
||||
max-width: 400px; |
||||
top: 40px; |
||||
left: 240px; |
||||
z-index: 150; |
||||
display: flex; |
||||
} |
||||
.functionalDomainLeft { |
||||
background-color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
margin-left: 0px; |
||||
transition: margin-left 0.5s; |
||||
min-width: 235px; |
||||
border: 1px solid #cacdd1; |
||||
width: 235px; |
||||
left: 0; |
||||
z-index: 111; |
||||
.leftDragDiv{ |
||||
position: absolute; |
||||
right: 0; |
||||
height: 100%; |
||||
width: 3px; |
||||
z-index: 1000; |
||||
cursor: e-resize; |
||||
} |
||||
} |
||||
.functionalDomainRight { |
||||
z-index: 111; |
||||
margin-right: 0px; |
||||
transition: margin-right 0.5s; |
||||
border: 1px solid #cacdd1; |
||||
width: 235px; |
||||
min-width: 235px; |
||||
right: 0; |
||||
} |
||||
//右边导航栏显示隐藏 |
||||
.togglePanel2 { |
||||
margin-right: -2000px; |
||||
transition: margin-right 1s; |
||||
} |
||||
//左侧导航栏显示隐藏 |
||||
.togglePanel { |
||||
margin-left: -2000px; |
||||
transition: margin-left 1s; |
||||
} |
||||
|
||||
} |
||||
|
||||
//中间建筑/楼层 |
||||
.centerTotal { |
||||
width: 197px; |
||||
background-color: #fff; |
||||
box-shadow: 0px 0px 5px 3px rgb(165, 163, 163); |
||||
border-radius: 5px; |
||||
box-sizing: border-box; |
||||
padding: 5px 0; |
||||
.centerTotalHeader { |
||||
height: 30px; |
||||
line-height: 30px; |
||||
box-sizing: border-box; |
||||
padding: 0 5px; |
||||
font-size: 14px; |
||||
.mat-icon:hover {cursor: move;;} |
||||
.mat-icon { |
||||
font-size: 24px; |
||||
color: rgb(175, 164, 164); |
||||
margin: 0 30px 0 10px; |
||||
} |
||||
} |
||||
.everyTotal { |
||||
width: 100%; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
box-sizing: border-box; |
||||
padding: 0 5px; |
||||
margin: 3px 0; |
||||
cursor:pointer; |
||||
font-size: 16px; |
||||
} |
||||
} |
||||
//中间建筑/楼层 |
||||
|
||||
//右边操作栏 |
||||
.titleS{ |
||||
width: 100%; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
padding-left: 5px; |
||||
box-sizing: border-box; |
||||
color: #07CDCF; |
||||
.mat-icon {vertical-align: middle; margin-right: 5px; font-size: 22px;} |
||||
} |
||||
input { border: none; outline: none; background-color: #d6dddf; box-sizing: border-box; padding-left: 5px; } |
||||
|
||||
//右侧属性 |
||||
.property{ |
||||
display: flex; |
||||
flex-flow: column; |
||||
.siteproperty{ |
||||
height: 100%; |
||||
overflow-y: auto; |
||||
p{ |
||||
color: #9c9fa5; |
||||
padding-left: 5px; |
||||
} |
||||
.siteproperty_size{ |
||||
background-color: #F2F5F6; |
||||
width: 93%; |
||||
margin: 0 auto; |
||||
border-radius: 3px; |
||||
min-height: 21px; |
||||
} |
||||
.rightAttribute{ |
||||
width: 12%; |
||||
height: 99.5%; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
border: 2px solid #464646; |
||||
} |
||||
} |
||||
.assetsproperty{ |
||||
overflow-y: auto; |
||||
height: 100%; |
||||
p{ |
||||
color: #9c9fa5; |
||||
margin:1px 0 3px 8px; |
||||
font-size: 14px; |
||||
} |
||||
span{ |
||||
font-size: 15px; |
||||
} |
||||
input{ |
||||
height: 24px; |
||||
border-radius: 3px; |
||||
} |
||||
.biginput{ |
||||
display: block; |
||||
width: 88%; |
||||
margin: 0 auto; |
||||
} |
||||
.smallinput{ |
||||
display: block; |
||||
width: 19%; |
||||
margin-left: 8px; |
||||
} |
||||
.textarea{ |
||||
display: block; |
||||
width: 88%; |
||||
height: 50px; |
||||
margin: 0 auto; |
||||
} |
||||
.swiper-button-next{ |
||||
right: 6px; |
||||
} |
||||
.swiper-button-prev{ |
||||
left: 6px; |
||||
} |
||||
.swiper-container{ |
||||
// --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ |
||||
// --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ |
||||
--swiper-navigation-size:20px;/* 设置按钮大小 */ |
||||
} |
||||
.hoverred:hover{ |
||||
color: rgb(187, 28, 28); |
||||
} |
||||
.selectDiv{ |
||||
height: 21px; |
||||
position: relative; |
||||
margin-bottom: 5px; |
||||
select{ |
||||
width: 98px; |
||||
height: 22px; |
||||
vertical-align: middle; |
||||
position: absolute; |
||||
right: 10px; |
||||
top: 1px; |
||||
border: 1px solid rgb(208, 211, 214); |
||||
border-radius: 2px; |
||||
} |
||||
} |
||||
.colorBigDiv{ |
||||
width: 88%; |
||||
margin-left: 8px; |
||||
.colorBigTemplateDiv{ |
||||
span{ |
||||
color: #9c9fa5; |
||||
font-size: 14px; |
||||
height: 26px; |
||||
line-height: 26px; |
||||
} |
||||
.colorTemplateDiv{ |
||||
width: 65%; |
||||
height: 22px; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
margin-left: 26px; |
||||
} |
||||
} |
||||
|
||||
.colorDiv{ |
||||
.colorLi{ |
||||
width: 24px; |
||||
height: 24px; |
||||
list-style: none; |
||||
float: left; |
||||
border: 2px solid white; |
||||
} |
||||
.coloractive{ |
||||
border: 2px solid black; |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
} |
||||
//右侧消防要素 |
||||
.firecategories{ |
||||
position: relative; |
||||
display: flex; |
||||
flex-flow: column; |
||||
.firecategoriesTree{ |
||||
overflow-y: auto; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
// 解决轮播图蓝框问题 |
||||
div:focus { |
||||
outline: none; |
||||
} |
||||
//没有图片时显示无图片背景图 |
||||
.noImgCss{ |
||||
background: url(../../../assets/images/noImg.png) no-repeat center center; |
||||
background-size: 88% 100%;/*按比例缩放*/ |
||||
} |
||||
.input{ |
||||
width: 18px; |
||||
height: 18px; |
||||
vertical-align: middle; |
||||
margin-left: 9px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
// tree |
||||
.isLookCss{ |
||||
margin-left: auto; |
||||
color: #07CDCF; |
||||
.icongray{ |
||||
color: #D9D0DC; |
||||
} |
||||
} |
||||
.mat-tree-node{ |
||||
padding-right: 3px; |
||||
min-height: 30px; |
||||
height: 30px; |
||||
font-size: 12px; |
||||
cursor: pointer; |
||||
} |
||||
.treeNode:hover{ |
||||
background-color: #ccebf8; |
||||
} |
||||
.isLookPattern{ |
||||
display: none; |
||||
} |
||||
.treeText{ |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
display: inline-block; |
||||
width: 65px; |
||||
} |
||||
|
||||
.bigBox{ |
||||
width: 700px; |
||||
height: 40px; |
||||
position: absolute; |
||||
overflow: hidden; |
||||
right: 0; |
||||
} |
||||
.weatherBox{ |
||||
height: 40px; |
||||
width: 700px; |
||||
line-height: 40px; |
||||
position: absolute; |
||||
right: 0; |
||||
transition: right linear .5s; |
||||
.openbtn{ |
||||
font-size: 45px; |
||||
height: 45px; |
||||
width: 40px; |
||||
} |
||||
.name{ |
||||
font-size: 16px; |
||||
vertical-align: middle; |
||||
margin-left: 3px; |
||||
} |
||||
input{ |
||||
width: 140px; |
||||
height: 22px; |
||||
margin-left: 3px; |
||||
} |
||||
select{ |
||||
width: 96px; |
||||
height: 25px; |
||||
margin-left: 3px; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
.open{ |
||||
right: 0px; |
||||
} |
||||
.close{ |
||||
right:-622px; |
||||
} |
||||
.bottomCss{ |
||||
position: absolute; |
||||
left: 232px; |
||||
right: 0px; |
||||
bottom: 0; |
||||
height: 158px; |
||||
width: auto; |
||||
z-index: 111; |
||||
background-color: white; |
||||
border: 1px solid #464646; |
||||
.dragDiv{ |
||||
width: 100%; |
||||
height: 3px; |
||||
position: absolute; |
||||
top: 0; |
||||
z-index: 111; |
||||
cursor: n-resize; |
||||
} |
||||
.title{ |
||||
height: 35px; |
||||
background-color: #464646; |
||||
div{ |
||||
background-color: #464646; |
||||
float: left; |
||||
width: 80px; |
||||
color: white; |
||||
font-size: 13px; |
||||
padding-left: 5px; |
||||
cursor: pointer; |
||||
} |
||||
.detailsAndattentBtn{ |
||||
background-color: #595959; |
||||
} |
||||
} |
||||
.body{ |
||||
textarea{ |
||||
width: 100%; |
||||
border-radius: 0px; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { CollectionToolsComponent } from './collection-tools.component'; |
||||
|
||||
describe('CollectionToolsComponent', () => { |
||||
let component: CollectionToolsComponent; |
||||
let fixture: ComponentFixture<CollectionToolsComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ CollectionToolsComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(CollectionToolsComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
|
||||
it('should create', () => { |
||||
expect(component).toBeTruthy(); |
||||
}); |
||||
}); |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,30 @@
|
||||
<div style="min-width: 240px;" > |
||||
<div style="text-align: center;font-weight: 550;">消防设施考题设定</div> |
||||
<div id="nodeTree" style="max-height: 300px;overflow-y: auto; margin: 25px 0;"> |
||||
<!-- 消防列表树 --> |
||||
<nz-tree |
||||
#nzTreeComponent |
||||
[nzData]="renderData" |
||||
nzCheckable |
||||
nzMultiple |
||||
[nzCheckedKeys]="defaultCheckedKeys" |
||||
[nzExpandedKeys]="defaultExpandedKeys" |
||||
[nzSelectedKeys]="defaultSelectedKeys" |
||||
(nzClick)="nzEvent($event)" |
||||
(nzExpandChange)="nzEvent($event)" |
||||
(nzCheckBoxChange)="nzEvent($event)" |
||||
[nzTreeTemplate]="nzTreeTemplate" |
||||
> |
||||
</nz-tree> |
||||
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||
<div class="treeNodeTemplate"> |
||||
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||
</div> |
||||
</ng-template> |
||||
<!-- 消防列表树 --> |
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,291 @@
|
||||
.matIcons { |
||||
color: #8E909F; |
||||
} |
||||
|
||||
|
||||
|
||||
//平面图 素材库 公共样式 头部 |
||||
.planarGraphHeader{ |
||||
height: 35px; |
||||
min-height: 35px; |
||||
cursor: pointer; |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
padding: 0 24px; |
||||
// border-radius: 5px; |
||||
font-family: Roboto, "Helvetica Neue", sans-serif; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
color: #fff; |
||||
background: #07CDCF; |
||||
} |
||||
//平面图头部字体图标样式 |
||||
.hover { |
||||
width: 18px; |
||||
height: 18px; |
||||
margin-left: 90px; |
||||
border: 1px solid #999; |
||||
border-radius: 3px; |
||||
.mat-icon {font-size: 18px; color: #999;} |
||||
} |
||||
.hover:hover { |
||||
background-color: #4DA5FA; |
||||
.mat-icon {color: #fff;} |
||||
} |
||||
|
||||
//平面图 |
||||
.sitePlanContent { |
||||
position: relative; |
||||
width: 100%; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
box-sizing: border-box; |
||||
padding: 0 10px 0 25px; |
||||
.mat-icon { |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
|
||||
//火源/力量 图标 |
||||
.fireForce { |
||||
display: block; |
||||
float: right; |
||||
margin: 8px 5px 0 0; |
||||
width: 40px; |
||||
height: 20px; |
||||
line-height: 20px; |
||||
text-align: center; |
||||
position: relative; |
||||
overflow: hidden; |
||||
img{ |
||||
width: 20px; |
||||
height: 20px; |
||||
} |
||||
} |
||||
//替换底图 inputfile |
||||
.a-upload { |
||||
display: block; |
||||
float: right; |
||||
margin: 8px 18px 0 0; |
||||
width: 20px; |
||||
height: 20px; |
||||
line-height: 20px; |
||||
text-align: center; |
||||
position: relative; |
||||
overflow: hidden; |
||||
input { |
||||
position: absolute; |
||||
width: 20px; |
||||
height: 20px; |
||||
left: 0; |
||||
top: 0; |
||||
opacity: 0; |
||||
} |
||||
} |
||||
.a-upload:hover { |
||||
.mat-icon { |
||||
color: #fff; |
||||
} |
||||
} |
||||
//上传底图 inputfile |
||||
#a-uploadImg { |
||||
display: block; |
||||
width: 300px; |
||||
height: 170px; |
||||
position: fixed; |
||||
top: 40%; |
||||
left: 48%; |
||||
overflow: hidden; |
||||
border-radius: 5px; |
||||
border: 1px solid #999; |
||||
z-index: 999; |
||||
input { |
||||
position: absolute; |
||||
width: 300px; |
||||
height: 170px; |
||||
left: 0; |
||||
top: 0; |
||||
opacity: 0; |
||||
} |
||||
img { |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
} |
||||
#a-uploadImg:hover { |
||||
border: 5px solid skyblue; |
||||
} |
||||
|
||||
//hover时显示右边操作栏 |
||||
.sitePlanContent:hover { |
||||
#rightOperate { |
||||
display: block; |
||||
} |
||||
} |
||||
//右边操作栏 |
||||
#rightOperate{ |
||||
width: 50px; |
||||
height: 100px; |
||||
position: absolute; |
||||
top: -32px; |
||||
right: -48px; |
||||
z-index: 99999; |
||||
border-radius: 0 100px 100px 0; |
||||
background-color: #F0F4F7; |
||||
// #F0F4F7 cdced1 |
||||
display: none; |
||||
.functionButton { |
||||
height: 25%; |
||||
line-height: 25px; |
||||
} |
||||
.bigFunctionIcon { |
||||
font-size: 24px; |
||||
} |
||||
.functionIcon { |
||||
color: #999; |
||||
} |
||||
.functionIcon:hover { |
||||
color: #4DA5FA; |
||||
} |
||||
} |
||||
|
||||
//处置预案 素材库 公用div |
||||
.publiclBankPlan { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
|
||||
|
||||
// 基本信息/想定作业 切换 |
||||
.scenarioAssignment { |
||||
overflow-y: auto; |
||||
} |
||||
.selectEditMode { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
} |
||||
.materialBankDIV{ |
||||
flex: 1; |
||||
overflow-x: hidden; |
||||
overflow-y: auto; |
||||
} |
||||
// 基本信息/想定作业 切换 |
||||
//处置预案 |
||||
#terrNodePublic { |
||||
height: 35px; |
||||
line-height: 35px; |
||||
display: flex; |
||||
.textNode {flex: 1;} |
||||
} |
||||
//字体图标 |
||||
.planIconDiv { |
||||
display: inline-block; |
||||
.mat-icon{ |
||||
font-size: 20px; |
||||
width: 20px; |
||||
height: 20px; |
||||
color: #666; |
||||
margin-right: 3px; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
.mat-expansion-panel-header { |
||||
height: 40px !important; |
||||
} |
||||
//素材库溢出隐藏 |
||||
#materialBank { |
||||
margin: 1px 0; |
||||
} |
||||
//素材库图片flex |
||||
.mat-expansion-panel-header {background-color: #d6f4f5;} |
||||
#panelLibrary .text{ |
||||
box-sizing: border-box; |
||||
margin-left: 10px; |
||||
} |
||||
.panelLibraryFlex { |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; /* 水平居中 */ |
||||
.imgBox { |
||||
width: 70px; |
||||
height: 100px; |
||||
display: inline-block; |
||||
text-align: center; |
||||
border-radius: 3px; |
||||
margin: 5px 0; |
||||
img { |
||||
width: 70px; |
||||
height: auto; |
||||
max-height: 70px; |
||||
cursor:pointer; |
||||
} |
||||
p { |
||||
font-size: 12px; |
||||
cursor:pointer; |
||||
} |
||||
} |
||||
} |
||||
|
||||
//文本溢出 |
||||
.overflowText { |
||||
overflow: hidden; |
||||
text-overflow:ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
// 楼层/区域 是避难层时 |
||||
.isRefugeStorey { |
||||
color: #FF8678; |
||||
background-color: #fff; |
||||
} |
||||
//选中平面图时 |
||||
.selectSitePlan { |
||||
color: #fff; |
||||
background-color: #07CDCF; |
||||
} |
||||
//选中素材库图片时 |
||||
.selectImg { |
||||
color: #fff; |
||||
background-color: #4DA5FA; |
||||
} |
||||
//选中 处置节点时 |
||||
.selectanelPoint { |
||||
background-color: #F4C235; |
||||
} |
||||
|
||||
|
||||
|
||||
//左侧功能区弹出框样式 |
||||
.keyMargin { |
||||
width: 100%; |
||||
margin: 5px 0; |
||||
.mat-form-field { |
||||
width: 100%; |
||||
} |
||||
} |
||||
.submitBottom { |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; /* 水平居中 */ |
||||
} |
||||
.functionalDomainContent { |
||||
width: 300px; |
||||
height: 100%; |
||||
textarea { |
||||
border-radius: 5px; |
||||
border: 1px solid #999; |
||||
width: 100%; |
||||
height: 120px; |
||||
resize:none; |
||||
} |
||||
} |
||||
@ -0,0 +1,301 @@
|
||||
import { Component, OnInit, Inject } from '@angular/core'; |
||||
import { HttpClient, HttpHeaders } from '@angular/common/http'; |
||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||
import {CanvasShareDataService,DisposalNodeData} from '../../canvas-share-data.service' //引入服务
|
||||
// 保存想定作业第一个弹窗
|
||||
@Component({ |
||||
selector: 'dialog-overview-example-dialog', |
||||
templateUrl: 'saveOne.html', |
||||
styleUrls: ['./collection-tools.component.scss'] |
||||
}) |
||||
export class saveOneDialogExaminee { |
||||
|
||||
constructor( |
||||
private http:HttpClient, |
||||
public dialog: MatDialog, |
||||
public snackBar: MatSnackBar, |
||||
public dialogRef: MatDialogRef<saveOneDialogExaminee>, |
||||
@Inject(MAT_DIALOG_DATA) public data) {} |
||||
|
||||
onNoClick(): void { |
||||
this.dialogRef.close() |
||||
} |
||||
allDisposalNode = this.data.allDisposalNode |
||||
|
||||
saveType(type){ |
||||
this.dialogRef.close() |
||||
const dialogRef = this.dialog.open(saveTwoDialogExaminee, { |
||||
data: {type: type, |
||||
allDisposalNode: this.data.allDisposalNode, |
||||
selectedBuildingData:this.data.selectedBuildingData, |
||||
selectedSiteData:this.data.selectedSiteData, |
||||
siteOrbuilding:this.data.siteOrbuilding, |
||||
disasterId:this.data.disasterId} |
||||
}); |
||||
dialogRef.afterClosed().subscribe(result => { |
||||
}); |
||||
} |
||||
|
||||
} |
||||
|
||||
// 保存想定作业第二个弹窗
|
||||
@Component({ |
||||
selector: 'dialog-overview-example-dialog', |
||||
templateUrl: 'saveTwo.html', |
||||
styleUrls: ['./collection-tools.component.scss'] |
||||
}) |
||||
export class saveTwoDialogExaminee { |
||||
|
||||
constructor( |
||||
private http:HttpClient, |
||||
public dialogRef: MatDialogRef<saveTwoDialogExaminee>, |
||||
public canvasData: CanvasShareDataService, |
||||
public snackBar: MatSnackBar, |
||||
@Inject(MAT_DIALOG_DATA) public data) {} |
||||
|
||||
type = this.data.type |
||||
allDisposalNode = this.data.allDisposalNode |
||||
allPlanDisposalNode = [] |
||||
allRootDisposalNode = [{name:"根节点",id:null}] |
||||
allDisposalNodeChild = [] |
||||
ngOnInit(): void { |
||||
//所有非数据节点
|
||||
this.allDisposalNode.forEach(item => { |
||||
if(!item.sitePlanId && !item.buildingAreaId){ |
||||
this.allPlanDisposalNode.push(item) |
||||
} |
||||
}) |
||||
|
||||
//所有一级节点
|
||||
this.allDisposalNode.forEach(item => { |
||||
if(!item.parentId){ |
||||
this.allRootDisposalNode.push(item) |
||||
} |
||||
}) |
||||
this.allDisposalNodeChild = JSON.parse(JSON.stringify(this.allDisposalNode)) |
||||
this.allDisposalNodeChild.forEach(item => { |
||||
item.children = [] |
||||
this.allDisposalNodeChild.forEach(i => { |
||||
if(i.parentId == item.id){ |
||||
item.children.push(i) |
||||
} |
||||
}) |
||||
}) |
||||
|
||||
} |
||||
onNoClick(): void { |
||||
this.dialogRef.close(); |
||||
} |
||||
nodeItem |
||||
itemChildNum = 0 //点击处置节点子数据节点的数量
|
||||
clickNode(item){ |
||||
console.log(item) |
||||
this.nodeItem = item |
||||
this.allDisposalNodeChild.forEach(item => { |
||||
if(item.id == this.nodeItem.id){ |
||||
this.itemChildNum = item.children.length |
||||
} |
||||
}) |
||||
} |
||||
|
||||
selectedBuildingData = this.data.selectedBuildingData |
||||
selectedSiteData = this.data.selectedSiteData |
||||
onSubmit(value,type){ |
||||
// console.log(type)
|
||||
let name = this.selectedBuildingData.name + '-' + this.selectedSiteData.name |
||||
//如果保存到已有节点
|
||||
var postdata = { |
||||
id: "", |
||||
name: name, |
||||
level: 0, |
||||
order: this.itemChildNum, |
||||
description: "", |
||||
notes: "", |
||||
weather: null, |
||||
airTemperature: null, |
||||
windDirection: null, |
||||
windScale: null, |
||||
imageNames: null, |
||||
imageUrls: null, |
||||
parentId: this.nodeItem ? this.nodeItem.id : null, |
||||
examDisasterId: this.data.disasterId, |
||||
ExamPlanComponentId: sessionStorage.getItem('planId') || '', |
||||
companyId: this.data.siteOrbuilding == -1 ? sessionStorage.getItem('companyId') : null, |
||||
sitePlanId: this.data.siteOrbuilding==-1 ? this.selectedSiteData.id : null, |
||||
buildingId: this.selectedBuildingData.id || null, |
||||
buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null |
||||
} |
||||
if(type == 'old'){ |
||||
let istrue = this.canvasData.findDisposalNode(this.nodeItem.id,name) |
||||
let putdata = this.nodeItem |
||||
putdata.weather = this.canvasData.selectPanelPointBaseData.weather |
||||
putdata.airTemperature = Number(this.canvasData.selectPanelPointBaseData.airTemperature) |
||||
putdata.windScale = Number(this.canvasData.selectPanelPointBaseData.windScale)
|
||||
putdata.windDirection = Number(this.canvasData.selectPanelPointBaseData.windDirection)
|
||||
putdata.description = this.canvasData.selectPanelPointBaseData.description |
||||
putdata.notes = this.canvasData.selectPanelPointBaseData.notes |
||||
|
||||
|
||||
if(istrue){//如果该处置节点下已有同名数据节点 则只修改 2个接口
|
||||
new Promise((resolve,reject)=>{ |
||||
// this.http.put(`/api/DisposalNodes/${value.nodeId}`,putdata).subscribe(data => {
|
||||
resolve("更新处置节点成功,将天气 节点详情等信息保存到点击的节点") |
||||
// })
|
||||
}).then((values)=>{ |
||||
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||
// 保存平面图数据到当前节点
|
||||
let postdata =JSON.parse(JSON.stringify(this.canvasData.selectPanelPoint))
|
||||
postdata.Data = JSON.stringify(postdata.Data) |
||||
this.http.post(`/api/ExamDisposalNodeData`,postdata).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存成功','确定',config) |
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存失败','确定',config) |
||||
}) |
||||
this.dialogRef.close(); |
||||
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||
}) |
||||
|
||||
}else{//需要3个接口
|
||||
new Promise((resolve,reject)=>{ |
||||
// this.http.put(`/api/DisposalNodes/${value.nodeId}`,putdata).subscribe(data => {
|
||||
resolve("更新处置节点成功,将天气 节点详情等信息保存到点击的节点") |
||||
// })
|
||||
}).then((values)=>{ |
||||
console.log(values) |
||||
postdata.level = putdata.level + 1
|
||||
new Promise((resolve,reject) => { |
||||
this.http.post(`/api/ExamDisposalNodes`,postdata).subscribe(data => { |
||||
resolve(data) |
||||
}) |
||||
}).then((data:any)=>{ |
||||
console.log(7788,data) |
||||
let objData = { |
||||
id: "", |
||||
data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, |
||||
version: this.canvasData.selectPanelPoint.Version || "2.0", |
||||
ExamDisposalNodeId: data.id, |
||||
ExamPlanComponentId: sessionStorage.getItem("planId"), |
||||
} |
||||
this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存成功','确定',config) |
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存失败','确定',config) |
||||
}) |
||||
this.dialogRef.close(); |
||||
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||
}) |
||||
}) |
||||
} |
||||
|
||||
}else{//如果保存到新建节点
|
||||
let dispositionNodeData //处置节点data
|
||||
let order |
||||
let oneLevelNum = [] |
||||
//将order赋值为所有一级节点最后一个+1
|
||||
this.allDisposalNode.forEach(item => { |
||||
if(!item.parentId){ |
||||
oneLevelNum.push(item) |
||||
} |
||||
}) |
||||
if(oneLevelNum.length == 0){ |
||||
order = 0 |
||||
}else{ |
||||
order = oneLevelNum[oneLevelNum.length - 1].order + 1 |
||||
} |
||||
|
||||
if(this.nodeItem){//如果点击了下拉选择框
|
||||
if(this.nodeItem.id != null){ |
||||
this.allDisposalNodeChild.forEach(item => { |
||||
if(item.id == this.nodeItem.id){ |
||||
order = item.children.length |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
dispositionNodeData = { |
||||
id: null, |
||||
name: value.name, |
||||
level: this.nodeItem && this.nodeItem.id != null ? this.nodeItem.level + 1 : 0, |
||||
order: order, |
||||
description: null, |
||||
notes: null, |
||||
weather: null, |
||||
airTemperature: 0, |
||||
windDirection: 0, |
||||
windScale: 0, |
||||
imageNames: null, |
||||
imageUrls: null, |
||||
parentId: this.nodeItem ? this.nodeItem.id : null, |
||||
examDisasterId: this.data.disasterId, |
||||
ExamPlanComponentId: sessionStorage.getItem('planId') || '', |
||||
companyId: null, |
||||
sitePlanId: null, |
||||
buildingId: null, |
||||
buildingAreaId: null |
||||
} |
||||
|
||||
dispositionNodeData.weather = this.canvasData.selectPanelPointBaseData.weather |
||||
dispositionNodeData.airTemperature = Number(this.canvasData.selectPanelPointBaseData.airTemperature) |
||||
dispositionNodeData.windScale = Number(this.canvasData.selectPanelPointBaseData.windScale)
|
||||
dispositionNodeData.windDirection = Number(this.canvasData.selectPanelPointBaseData.windDirection)
|
||||
dispositionNodeData.description = this.canvasData.selectPanelPointBaseData.description |
||||
dispositionNodeData.notes = this.canvasData.selectPanelPointBaseData.notes |
||||
//1.先创建一个处置节点 然后 .then 2.创建数据节点到刚创建的处置节点 3.然后拿着创建好的数据节点的id 将平面图data保存
|
||||
new Promise((resolve,reject) => { |
||||
this.http.post("/api/ExamDisposalNodes",dispositionNodeData).subscribe((data:any) => { |
||||
resolve(data.id) |
||||
}) |
||||
}).then((id) => { |
||||
let dataNodeData
|
||||
console.log("qnm",id) |
||||
new Promise((resolve,reject) => { |
||||
postdata.parentId = id |
||||
postdata.level = dispositionNodeData.level + 1 |
||||
this.http.post("/api/ExamDisposalNodes",postdata).subscribe((data:any) => { |
||||
resolve(data) |
||||
}) |
||||
}).then((data:any) => { |
||||
// 保存平面图数据到当前节点
|
||||
// console.log(6666,data)
|
||||
// let postdata =JSON.parse(JSON.stringify(this.canvasData.selectPanelPoint))
|
||||
// postdata.Data = JSON.stringify(postdata.Data)
|
||||
let objData = { |
||||
id: null, |
||||
data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, |
||||
version: this.canvasData.selectPanelPoint.Version || "2.0", |
||||
ExamDisposalNodeId: data.id, |
||||
ExamPlanComponentId: sessionStorage.getItem("planId"), |
||||
} |
||||
|
||||
this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存成功','确定',config) |
||||
|
||||
},err=>{ |
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('保存失败','确定',config) |
||||
}) |
||||
this.dialogRef.close(); |
||||
this.canvasData.sendMessage("send a message") |
||||
}) |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,5 @@
|
||||
<div style="text-align: center; margin-bottom: 25px; font-weight: 550;">处置节点保存</div> |
||||
<div style="display: flex;"> |
||||
<button mat-stroked-button style="margin-right: 15px; color: #fff; background-color: #07CDCF; border: none;" (click)="saveType('new')">新建节点并保存</button> |
||||
<button mat-stroked-button style="margin-left: 15px; color: #fff; background-color: #FF8678; border: none;" (click)="saveType('old')">保存到已有节点</button> |
||||
</div> |
||||
@ -0,0 +1,53 @@
|
||||
<div *ngIf="type == 'new'"> |
||||
<div mat-dialog-title>新增节点</div> |
||||
<div> |
||||
<form (ngSubmit)="onSubmit(form.value,'new')" #form="ngForm" class="example-container"> |
||||
|
||||
<div mat-dialog-content> |
||||
<mat-form-field> |
||||
<input type="text" matInput ngModel |
||||
required name="name" placeholder="节点名称" autocomplete="off"> |
||||
</mat-form-field> |
||||
</div> |
||||
<div mat-dialog-content> |
||||
<mat-form-field> |
||||
<mat-select [(value)]="allRootDisposalNode[0].name" required placeholder="父节点名称"> |
||||
<mat-option *ngFor="let item of allRootDisposalNode" [value]="item.name" (click)="clickNode(item)"> |
||||
{{item.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" |
||||
[disabled]="!form.form.valid"> |
||||
确定 |
||||
</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
<div *ngIf="type == 'old'"> |
||||
<div mat-dialog-title>保存到已有节点</div> |
||||
<div> |
||||
<form (ngSubmit)="onSubmit(form.value,'old')" #form="ngForm" class="example-container"> |
||||
<div mat-dialog-content> |
||||
<mat-form-field> |
||||
<mat-select required ngModel placeholder="父节点名称" name="nodeId"> |
||||
<mat-option *ngFor="let item of allPlanDisposalNode" [value]="item.id" (click)="clickNode(item)"> |
||||
{{item.name}} |
||||
</mat-option> |
||||
</mat-select> |
||||
</mat-form-field> |
||||
</div> |
||||
<div mat-dialog-actions> |
||||
<button mat-raised-button color="primary" type="submit" |
||||
[disabled]="!form.form.valid"> |
||||
确定 |
||||
</button> |
||||
<button mat-raised-button mat-dialog-close>取消</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,14 @@
|
||||
<div id="disposalNodeTree"> |
||||
<div style="max-height: 500px;overflow-x: hidden;overflow-y: auto;margin-bottom: 25px;width: 330px;padding-right: 10px;"> |
||||
<nz-tree #nzTreeComponent [nzData]="treeData" nzCheckable nzMultiple [nzTreeTemplate]="nzTreeTemplate"></nz-tree> |
||||
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||
<div id="terrNodePublic"> |
||||
<label title="{{node.title}}" class="overflowText textNode">{{node.title}}</label> |
||||
</div> |
||||
</ng-template> |
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,51 @@
|
||||
<div style="min-width: 260px;" id="uploadfiretree"> |
||||
<div style="text-align: center;font-weight: 550;">上传</div> |
||||
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考试要点</div> |
||||
<div style="margin-bottom: 25px;"> |
||||
<textarea style="width: 100%;background-color: #dfe0e0;border: none;outline: none;height: 50px;border-radius: 5px;resize: none;" placeholder="请填写考试要点" [(ngModel)]="data.question.keynote"></textarea> |
||||
</div> |
||||
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核消防设施</div> |
||||
<div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;"> |
||||
<!-- 消防列表树 --> |
||||
<nz-tree |
||||
#nzTreeComponent |
||||
[nzData]="renderData" |
||||
nzMultiple |
||||
[nzCheckedKeys]="defaultCheckedKeys" |
||||
[nzExpandedKeys]="defaultExpandedKeys" |
||||
[nzSelectedKeys]="defaultSelectedKeys" |
||||
(nzClick)="nzEvent($event)" |
||||
(nzExpandChange)="nzEvent($event)" |
||||
(nzCheckBoxChange)="nzEvent($event)" |
||||
[nzTreeTemplate]="nzTreeTemplate" |
||||
> |
||||
</nz-tree> |
||||
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||
<div class="treeNodeTemplate"> |
||||
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||
</div> |
||||
</ng-template> |
||||
<!-- 消防列表树 --> |
||||
</div> |
||||
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核处置节点</div> |
||||
<div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;"> |
||||
<!-- 消防列表树 --> |
||||
<nz-tree |
||||
#nzTreeComponent |
||||
[nzData]="nodeTreeData" |
||||
nzMultiple |
||||
[nzTreeTemplate]="nzTreeTemplate" |
||||
> |
||||
</nz-tree> |
||||
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||
<div class="treeNodeTemplate"> |
||||
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||
</div> |
||||
</ng-template> |
||||
<!-- 消防列表树 --> |
||||
</div> |
||||
<div style="text-align: center;"> |
||||
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||
</div> |
||||
</div> |
||||
Loading…
Reference in new issue