zc

src/views/newEvacuationBigData.vue

@@ -263,8 +263,10 @@
                   <p class="img-p" :class="!fireData.flameType?'img-p-3-one':'img-p-3-two'"></p>
                 </div>
               </div>
-              <p class="fire-button" v-if="fireListType&&!fireStartType" @click="shadeButton(1)">一键灭火</p>
-              <p class="fire-text" v-if="fireListType&&fireStartType">{{fireStartText}}，灭火程序将于{{fireStartTime}}秒后结束</p>
+              <p class="fire-button" v-if="fireListType&&!fireStartType&&!fireTextStartType" @click="shadeButton(1)">一键灭火</p>
+              <p class="fire-text" v-if="fireListType&&fireStartType&&!fireTextStartType">{{fireStartText}}，灭火程序将于{{fireStartTime}}秒后结束</p>
+              <p class="fire-text-one" v-if="fireListType&&!fireStartType&&fireTextStartType">自动灭火完成，请确保在关闭灭火一体机电源后补充灭火耗材，耗</p>
+              <p class="fire-text-two" v-if="fireListType&&!fireStartType&&fireTextStartType">材补充完毕需要打开电源并点击一体机上的复位按钮</p>
               <div class="null-fire-box" v-if="!fireListType">
                 <img src="@/assets/ZDimages/bigData3_2/icon_sblx.png">
                 <p>设备已离线，请及时处理</p>
@@ -518,6 +520,8 @@
         fireStartType:false,
         //灭火描述
         fireStartText:null,
+        //灭火完成后展示提示文字状态
+        fireTextStartType:false,
         /***********一键灭火相关数据***********/
         //一件灭火遮罩
         fireShadeType:false,
@@ -971,6 +975,7 @@
             window.clearInterval(self.fireStartTimeData);
             self.$set(self,'fireStartTimeData',null);
             self.$set(self,'fireStartType',false);
+            self.$set(self,'fireTextStartType',true);
           }else{
             self.fireStartTime--
           }
@@ -3051,6 +3056,19 @@
               text-align: center;
               margin-top:25px;
             }
+            .fire-text-one{
+              color:#FF2333;
+              font-size:14px;
+              text-align: center;
+              margin-top:20px;
+              line-height:20px;
+            }
+            .fire-text-two{
+              color:#FF2333;
+              font-size:14px;
+              text-align: center;
+              line-height:20px;
+            }
             .null-fire-box{
               img{
                 width:60px;