diff --git a/src/app/ui/dangerous/dangerous.component.scss b/src/app/ui/dangerous/dangerous.component.scss index 3c70771..488243e 100644 --- a/src/app/ui/dangerous/dangerous.component.scss +++ b/src/app/ui/dangerous/dangerous.component.scss @@ -8,6 +8,7 @@ flex: 2%; width: 100%; padding-top: 10px; + font-size: 20px; div{ display: inline-block; width: 126px; diff --git a/src/app/ui/disposal-node/disposal-node.component.html b/src/app/ui/disposal-node/disposal-node.component.html index 2d1a5a6..3b3975f 100644 --- a/src/app/ui/disposal-node/disposal-node.component.html +++ b/src/app/ui/disposal-node/disposal-node.component.html @@ -12,12 +12,35 @@
组织指挥要点
+
+ volume_up +
+
+
泵房
+
控制室
+ +
+
+
+ settings_voice +
+
+ 按住说话 +
+
+ search +
+
+
+
+ +
-
+
-
\ No newline at end of file +
\ No newline at end of file diff --git a/src/app/ui/disposal-node/disposal-node.component.scss b/src/app/ui/disposal-node/disposal-node.component.scss index 468948e..a7a769f 100644 --- a/src/app/ui/disposal-node/disposal-node.component.scss +++ b/src/app/ui/disposal-node/disposal-node.component.scss @@ -13,12 +13,12 @@ align-items:center; min-height: 40px; box-sizing: border-box; - margin: 3px 0; + margin: 0 0; .bigeditdeletebtn{ - border:1px solid #0E79A9; + margin-right: 0px; - height: 80%; + height: 100%; display: flex; flex-direction: column; // align-items:center;/*由于flex-direction: column,因此align-items代表的是水平方向*/ @@ -37,10 +37,74 @@ cursor: pointer; //background-image: url("../../../assets/images/标签经过.png") ; } + .bigTalkBox{ + user-select: none; + .titleIcon{ + font-size: 33px; + vertical-align: sub; + color: white; + } + .talkBox{ + width: 309px; + height: 326px; + border: 1px solid #30bbec; + background-color: #013a64; + opacity: .9 ; + position: absolute; + top: 32px; + right:4px; + z-index: 2000; + .btndiv{ + div{ + border-radius: 18px; + width: 70px; + height: 30px; + text-align: center; + line-height: 30px; + display: inline-block; + font-size: 13px; + color: white; + cursor: pointer; + + } + div:nth-child(1){ + background-color: #fe9400; + margin: 10px; + } + div:nth-child(2){ + background-color: #f95e5a; + } + } + .bottomDiv{ + position: absolute; + bottom:6px; + width: 100%; + height: 32px; + line-height: 32px; + display: flex; + color: white; + text-align: center; + div:nth-child(1){ + flex: 1; + } + div:nth-child(2){ + flex: 6; + color: #409eff; + background: url('../../../assets/images/输入框.png'); + background-size: 100% 100%; + } + div:nth-child(3){ + flex: 1; + + } + } + } + } } //中间文字区域 .wenzi{ + border-top:1px solid #30bbec; overflow:auto; height: 85%; width: 100%; @@ -48,6 +112,9 @@ .h3{ color: #CC5D13; } + + font-size: 20px; + .scrollbar{ width: 30px; height: 300px; diff --git a/src/app/ui/disposal-node/disposal-node.component.ts b/src/app/ui/disposal-node/disposal-node.component.ts index c337470..7effea5 100644 --- a/src/app/ui/disposal-node/disposal-node.component.ts +++ b/src/app/ui/disposal-node/disposal-node.component.ts @@ -21,7 +21,11 @@ export class DisposalNodeComponent implements OnInit { } checkedBuildingIndex:number = -1 chooseBiaoti=1 - + //打开说话框 + isOpenTalk = false + openTalkDiv(){ + this.isOpenTalk = !this.isOpenTalk + } //鼠标移入边框变颜色 yiru(yirunum){ var tedian=document.getElementById(yirunum) @@ -45,8 +49,8 @@ export class DisposalNodeComponent implements OnInit { tedian.style.border="1px solid #0E79A9" zhuyi.style.border="1px solid #0E79A9" chuzhi.style.border="1px solid #0E79A9" - chuzhiYuanze+=`

一、处置原则

`; - chuzhiYuanze+='(一)灾情处置应坚持“' + chuzhiYuanze+=`

一、处置原则

`; + chuzhiYuanze+='(一)灾情处置应坚持“' chuzhiYuanze+='救人第一、科学施救' chuzhiYuanze+='”的原则,严禁在不熟悉情况时擅自行动,严禁冒险蛮干。
' chuzhiYuanze+='(二)现场情况基本清楚,无爆炸等次生灾害风险,灾情易于辨识研判,在技术人员指导下,果断下达指令开展灭火救援行动。
' @@ -67,7 +71,7 @@ export class DisposalNodeComponent implements OnInit { tedian.style.border="1px solid #30BBEC" zhuyi.style.border="1px solid #0E79A9" chuzhi.style.border="1px solid #0E79A9" - chuzhiYuanze+='(1) 爆炸引起燃烧。油罐发生爆炸后,随即易形成稳定燃烧。爆炸后,从罐顶或裂口处流出的油品或因罐体移位流出的油品,易造成地面流淌性燃烧。
' + chuzhiYuanze+='
(1) 爆炸引起燃烧。油罐发生爆炸后,随即易形成稳定燃烧。爆炸后,从罐顶或裂口处流出的油品或因罐体移位流出的油品,易造成地面流淌性燃烧。
' chuzhiYuanze+='(2) 燃烧引起爆炸。在形成稳定燃烧的油罐的邻近油罐,在热辐射的作用下易发生爆炸,扩大火势。
' chuzhiYuanze+='(3) 火焰高,辐射热强。爆炸后在油罐破裂位置形成的稳定燃烧,其火焰高达几十米,并对其四周产生强烈的热辐射。
' chuzhiYuanze+='(4) 易形成沸溢与喷溅。由于重质油品具有“热波特性”,对含有一定水分或有水垫层的重质油品储罐发生火灾后,如果不能及时进行冷却控制,在其“热波特性”的作用下就会使油品内的乳化水或油层下的水垫层产生过热蒸汽,而导致发生油品的沸溢或喷溅现象。
' @@ -78,7 +82,7 @@ export class DisposalNodeComponent implements OnInit { tedian.style.border="1px solid #0E79A9" zhuyi.style.border="1px solid #30BBEC" chuzhi.style.border="1px solid #0E79A9" - chuzhiYuanze+='1、油罐火灾的辐射热强,参战人员应配有防高温、防辐射、防毒的防护装备。
' + chuzhiYuanze+='
1、油罐火灾的辐射热强,参战人员应配有防高温、防辐射、防毒的防护装备。
' chuzhiYuanze+='2、正确选择停车位置。消防车尽量停在上风或侧上风向,与燃烧油罐保持一定的安全距离。扑救重质油罐火灾时,消防车头应背向油罐,以备紧急撤离。作战行动中的部分车辆动画加上文字配音说明
' chuzhiYuanze+='3、注意观察火场情况变化,及时发现沸溢、喷溅征兆。
' chuzhiYuanze+='4、充分冷却,防止复燃。燃烧罐的火势被扑灭后,要继续对其实施冷却,直至使罐内油品温度降到燃点以下为止。设有保温层的原油罐可不予以冷却。轻质油品罐不会形成高温层,冷却的重点是液面以上的罐壁。救活的图片加上文字配音说明。
' @@ -95,7 +99,7 @@ export class DisposalNodeComponent implements OnInit { tedian.style.border="1px solid #0E79A9" zhuyi.style.border="1px solid #0E79A9" chuzhi.style.border="1px solid #30BBEC" - chuzhiYuanze+='

1、安全防护

' + chuzhiYuanze+='

1、安全防护

' chuzhiYuanze+='①应综合考虑风力风向、工艺流程、地形地势、封闭管井等因素,' chuzhiYuanze+='科学选择车辆站位和阵地设置;' chuzhiYuanze+='②科学设置内、外观察哨,通过单位DCS系统设内观察哨,重点监测着火罐及周边邻近罐的介质、压力、温度、液位以及预警等级;通过在外部设观察哨,实时观察燃烧烟雾、火焰以及罐体外形变化、颤动声响等,确保整个作战行动安全可控;
' diff --git a/src/app/ui/plan-assistance/plan-assistance.component.html b/src/app/ui/plan-assistance/plan-assistance.component.html index dfabde3..4d9ed9b 100644 --- a/src/app/ui/plan-assistance/plan-assistance.component.html +++ b/src/app/ui/plan-assistance/plan-assistance.component.html @@ -3,14 +3,16 @@
到场力量
-
+

{{item.Name}}

{{item.FireTeamName}}

-
已到场
-
- +
已到场
+
+
diff --git a/src/app/ui/plan-assistance/plan-assistance.component.scss b/src/app/ui/plan-assistance/plan-assistance.component.scss index c1ea7e3..a13bb04 100644 --- a/src/app/ui/plan-assistance/plan-assistance.component.scss +++ b/src/app/ui/plan-assistance/plan-assistance.component.scss @@ -69,6 +69,12 @@ text-overflow:ellipsis; white-space: nowrap; } + .countdown{ + flex: 40%; + line-height: 50px; + font-weight: 550; + text-align: center; + } } } @@ -76,6 +82,14 @@ .selectIcon { background-color: rgba(13, 139, 241, 0.7); } +//小于五分钟 css +.smallFive { + color: rgb(245, 166, 19); +} +//大于十分钟 css +.bigTen { + color: #fff; +} //右侧工作区 .center { diff --git a/src/app/ui/plan-assistance/plan-assistance.component.ts b/src/app/ui/plan-assistance/plan-assistance.component.ts index e31df47..799c99b 100644 --- a/src/app/ui/plan-assistance/plan-assistance.component.ts +++ b/src/app/ui/plan-assistance/plan-assistance.component.ts @@ -6864,15 +6864,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐消防车', - FireTeamName: '八塘消防救援站', // 所属消防队 - ReachTime: 3, // 到场剩余时间 - WaterYield: '12t', // 载水量 - Foam: '0t', // 载泡沫 - PeopleNum: 6, // 载人数 - Tonnage: '14t', // 吨位 - Assignment: '冷却', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '八塘消防救援站', //所属消防队 + ReachTime: 240, //到场剩余时间 + WaterYield: '12t',//载水量 + Foam: '0t', //载泡沫 + PeopleNum: 6, //载人数 + Tonnage: '14t', //吨位 + Assignment: '冷却', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -6914,15 +6914,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐泡沫消防车', - FireTeamName: '八塘消防救援站', // 所属消防队 - ReachTime: 3, // 到场剩余时间 - WaterYield: '6t', // 载水量 - Foam: '2t', // 载泡沫 - PeopleNum: 6, // 载人数 - Tonnage: '8t', // 吨位 - Assignment: '冷却', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '八塘消防救援站', //所属消防队 + ReachTime: 240, //到场剩余时间 + WaterYield: '6t',//载水量 + Foam: '2t', //载泡沫 + PeopleNum: 6, //载人数 + Tonnage: '8t', //吨位 + Assignment: '冷却', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -6964,15 +6964,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐泡沫消防车', - FireTeamName: '八塘消防救援站', // 所属消防队 - ReachTime: 3, // 到场剩余时间 - WaterYield: '3t', // 载水量 - Foam: '1t', // 载泡沫 - PeopleNum: 8, // 载人数 - Tonnage: '5t', // 吨位 - Assignment: '堵截', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '八塘消防救援站', //所属消防队 + ReachTime: 240, //到场剩余时间 + WaterYield: '3t',//载水量 + Foam: '1t', //载泡沫 + PeopleNum: 8, //载人数 + Tonnage: '5t', //吨位 + Assignment: '堵截', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7014,15 +7014,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '举高喷射消防车', - FireTeamName: '八塘消防救援站', // 所属消防队 - ReachTime: 4, // 到场剩余时间 - WaterYield: '16t', // 载水量 - Foam: '2t', // 载泡沫 - PeopleNum: 4, // 载人数 - Tonnage: '18t', // 吨位 - Assignment: '灭火', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '八塘消防救援站', //所属消防队 + ReachTime: 300, //到场剩余时间 + WaterYield: '16t',//载水量 + Foam: '2t', //载泡沫 + PeopleNum: 4, //载人数 + Tonnage: '18t', //吨位 + Assignment: '灭火', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7064,15 +7064,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐泡沫消防车', - FireTeamName: '龚州消防救援站', // 所属消防队 - ReachTime: 11, // 到场剩余时间 - WaterYield: '6t', // 载水量 - Foam: '2t', // 载泡沫 - PeopleNum: 6, // 载人数 - Tonnage: '8t', // 吨位 - Assignment: '供液', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '龚州消防救援站', //所属消防队 + ReachTime: 660, //到场剩余时间 + WaterYield: '6t',//载水量 + Foam: '2t', //载泡沫 + PeopleNum: 6, //载人数 + Tonnage: '8t', //吨位 + Assignment: '供液', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7114,15 +7114,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐泡沫消防车', - FireTeamName: '龚州消防救援站', // 所属消防队 - ReachTime: 15, // 到场剩余时间 - WaterYield: '5t', // 载水量 - Foam: '1t', // 载泡沫 - PeopleNum: 6, // 载人数 - Tonnage: '7t', // 吨位 - Assignment: '供液', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '龚州消防救援站', //所属消防队 + ReachTime: 720, //到场剩余时间 + WaterYield: '5t',//载水量 + Foam: '1t', //载泡沫 + PeopleNum: 6, //载人数 + Tonnage: '7t', //吨位 + Assignment: '供液', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7164,15 +7164,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '水罐泡沫消防车', - FireTeamName: '龚州消防救援站', // 所属消防队 - ReachTime: 15, // 到场剩余时间 - WaterYield: '3t', // 载水量 - Foam: '1t', // 载泡沫 - PeopleNum: 6, // 载人数 - Tonnage: '5t', // 吨位 - Assignment: '供液', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '龚州消防救援站', //所属消防队 + ReachTime: 960, //到场剩余时间 + WaterYield: '3t',//载水量 + Foam: '1t', //载泡沫 + PeopleNum: 6, //载人数 + Tonnage: '5t', //吨位 + Assignment: '供液', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7214,15 +7214,15 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { y: 1237 }, Name: '举高喷射消防车', - FireTeamName: '龚州消防救援站', // 所属消防队 - ReachTime: 15, // 到场剩余时间 - WaterYield: '18t', // 载水量 - Foam: '2t', // 载泡沫 - PeopleNum: 4, // 载人数 - Tonnage: '20t', // 吨位 - Assignment: '灭火', // 执行任务 - LinkCar: '', // 连接车辆 - WaterOccupy: '', // 水源占用 + FireTeamName: '龚州消防救援站', //所属消防队 + ReachTime: 960, //到场剩余时间 + WaterYield: '18t',//载水量 + Foam: '2t', //载泡沫 + PeopleNum: 4, //载人数 + Tonnage: '20t', //吨位 + Assignment: '灭火', //执行任务 + LinkCar: '', //连接车辆 + WaterOccupy: '', //水源占用 PropertyInfos: [ { Enabled: true, @@ -7268,21 +7268,21 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit { } - // 选择 车辆 - selectCar(e) { - console.log(e); - this.canvasData.selectCar = e; - this.bottomIsShow = true; + //倒计时结束 + handleEvent (e,item) { + e.left==0? item.ReachTime=0 : null } - // 倒计时结束 - handleEvent(e, item) { - console.log(e, item); + //选择 车辆 + selectCar (e) { + console.log(e) + this.canvasData.selectCar = e + this.bottomIsShow = true } - // 关闭 底部车辆信息 - closeBottom() { - this.bottomIsShow = false; + //关闭 底部车辆信息 + closeBottom () { + this.bottomIsShow = false } // 打开 右侧楼层 diff --git a/src/app/ui/plan/collection-tools.component.scss b/src/app/ui/plan/collection-tools.component.scss index 8af5ded..435f3b1 100644 --- a/src/app/ui/plan/collection-tools.component.scss +++ b/src/app/ui/plan/collection-tools.component.scss @@ -148,7 +148,7 @@ flex-direction: column; margin-left: 0px; transition: margin-left 0.5s; - min-width: 235px; + // min-width: 235px; border: 1px solid #30bbec; width: 235px; left: 0; diff --git a/src/app/ui/ui.module.ts b/src/app/ui/ui.module.ts index 0533da8..dc4212a 100644 --- a/src/app/ui/ui.module.ts +++ b/src/app/ui/ui.module.ts @@ -62,7 +62,7 @@ import { DangerousComponent, GisComponent } from './dangerous/dangerous.componen import { SimilarPlansComponent } from './similar-plans/similar-plans.component'; import { RealCasesComponent } from './real-cases/real-cases.component'; import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.component'; - +import { CountdownModule } from 'ngx-countdown'; @NgModule({ declarations: [SafeHtmlPipe,GisComponent,UiComponent,PersonaldataComponent, ChangepasswordComponent,IsnoPipe,ConfirmpswDirective,TimePipe, CollectionToolsComponent,WorkingAreaComponent,CreateBuilding,EditBuilding,leftFunctionalDomainComponent,editPlaneFigureComponent,ViewDetails,saveOneDialog,saveTwoDialog,addDisposalNodeComponent,editDisposalNodeComponent, DisposalNodeComponent, DangerousComponent, SimilarPlansComponent, RealCasesComponent, PlanAssistanceComponent,planComponent], @@ -112,7 +112,7 @@ import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.compo MatTreeModule, PortalModule, ScrollingModule, - + CountdownModule, ReactiveFormsModule, FormsModule, FileUploadModule