[完善] 倒计时动态样式完成

src/app/ui/plan-assistance/plan-assistance.component.html

@@ -1,4 +1,5 @@
 <div class="content">
+    <!-- [ngClass]="{closeLeft: !rightIsShow,openLeft: rightIsShow}" -->
     <div class="left">
         <div class="header leftHeader">到场力量</div>
         <div class="list">
@@ -11,7 +12,7 @@
                     <div class="countdown" style="color: #37f76D;" *ngIf="item.ReachTime < 1">已到场</div>
                     <div class="countdown" *ngIf="item.ReachTime > 0">
                         <label [ngClass]="{smallFive: item.ReachTime<=300,bigTen: item.ReachTime>300}">
-                            <countdown #key [config]="{leftTime: item.ReachTime,notify: [299],format: 'm分钟'}" (event)="handleEvent($event,item)"></countdown>
+                            <countdown #key [config]="{leftTime: item.ReachTime,notify: [299],format: 'm:ss内到场'}" (event)="handleEvent($event,item)"></countdown>
                         </label>
                     </div>
                 </div>

src/app/ui/plan-assistance/plan-assistance.component.scss

@@ -12,6 +12,7 @@
     width: 100%;
     height: 40px;
     min-height: 40px;
+    overflow: hidden;
 }
 .leftHeader {
     line-height: 40px;
@@ -77,6 +78,16 @@
         }
     }
 }
+//打开关闭左侧 车辆
+.openLeft {
+    width: 300px;
+    transition: width 0.5s;
+}
+.closeLeft {
+    width: 0px;
+    min-width: 0px;
+    transition: width 0.5s;
+}
 
 //选中状态
 .selectIcon {

src/app/ui/plan-assistance/plan-assistance.component.ts

@@ -6866,7 +6866,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐消防车',
       FireTeamName: '八塘消防救援站', // 所属消防队
-      ReachTime: 240, // 到场剩余时间
+      ReachTime: 237, // 到场剩余时间
       WaterYield: '12t', // 载水量
       Foam: '0t', // 载泡沫
       PeopleNum: 6, // 载人数
@@ -6916,7 +6916,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐泡沫消防车',
       FireTeamName: '八塘消防救援站', // 所属消防队
-      ReachTime: 240, // 到场剩余时间
+      ReachTime: 249, // 到场剩余时间
       WaterYield: '6t', // 载水量
       Foam: '2t', // 载泡沫
       PeopleNum: 6, // 载人数
@@ -6966,7 +6966,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐泡沫消防车',
       FireTeamName: '八塘消防救援站', // 所属消防队
-      ReachTime: 240, // 到场剩余时间
+      ReachTime: 277, // 到场剩余时间
       WaterYield: '3t', // 载水量
       Foam: '1t', // 载泡沫
       PeopleNum: 8, // 载人数
@@ -7016,7 +7016,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '举高喷射消防车',
       FireTeamName: '八塘消防救援站', // 所属消防队
-      ReachTime: 300, // 到场剩余时间
+      ReachTime: 310, // 到场剩余时间
       WaterYield: '16t', // 载水量
       Foam: '2t', // 载泡沫
       PeopleNum: 4, // 载人数
@@ -7066,7 +7066,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐泡沫消防车',
       FireTeamName: '龚州消防救援站', // 所属消防队
-      ReachTime: 660, // 到场剩余时间
+      ReachTime: 666, // 到场剩余时间
       WaterYield: '6t', // 载水量
       Foam: '2t', // 载泡沫
       PeopleNum: 6, // 载人数
@@ -7116,7 +7116,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐泡沫消防车',
       FireTeamName: '龚州消防救援站', // 所属消防队
-      ReachTime: 720, // 到场剩余时间
+      ReachTime: 721, // 到场剩余时间
       WaterYield: '5t', // 载水量
       Foam: '1t', // 载泡沫
       PeopleNum: 6, // 载人数
@@ -7166,7 +7166,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '水罐泡沫消防车',
       FireTeamName: '龚州消防救援站', // 所属消防队
-      ReachTime: 960, // 到场剩余时间
+      ReachTime: 978, // 到场剩余时间
       WaterYield: '3t', // 载水量
       Foam: '1t', // 载泡沫
       PeopleNum: 6, // 载人数
@@ -7216,7 +7216,7 @@ export class PlanAssistanceComponent implements OnInit, AfterViewInit {
       },
       Name: '举高喷射消防车',
       FireTeamName: '龚州消防救援站', // 所属消防队
-      ReachTime: 960, // 到场剩余时间
+      ReachTime: 999, // 到场剩余时间
       WaterYield: '18t', // 载水量
       Foam: '2t', // 载泡沫
       PeopleNum: 4, // 载人数