story#6735 中道救援系统及调度APP中新增报警模块 接口

src/views/vehicle-maintenance/vehicle-alarm-detail.vue

@@ -47,7 +47,7 @@
       </div>
     </div>
     <div class="deal_btn" v-if="[0, 3].includes(info.handStatus)" @click="dealWithShow = true">处理</div>
-    <van-popup v-model="dealWithShow" round position="center">
+    <van-popup v-model="dealWithShow" v-if="dealWithShow" round position="center">
       <div class="dialog_wrap">
         <div class="dialog_title">报警处理</div>
         <div>
@@ -64,7 +64,10 @@
               >
             </van-radio>
           </van-radio-group>
-          <div class="alarm_text">
+          <div class="alarm_tip" v-if="['1', '2', '3'].includes(String(info.alarmType))">
+            注：开始处理后将流转至技术支持进行处理。
+          </div>
+          <div class="alarm_text" v-if="radio == 5">
             <textarea class="alarm_textarea" id="text-input" rows="6" placeholder="处理结果：" v-model.trim="remark"></textarea>
           </div>
           <div class="btn_wrap">
@@ -134,6 +137,10 @@
           });
         }
         this.info = res?.data;
+        if( this.info.handStatus == 0 && ['1', '2', '3'].includes(String(this.info.alarmType))) {    // 未处理，且需要技术处理
+          this.radio =  this.radioList[0].value
+          this.radioList[1].disabled = true
+        }
         if(this.info.handStatus == 3) {
           this.radioList[0].disabled = true
         }
@@ -306,6 +313,7 @@
       display: flex;
       flex-direction: row;
       justify-content: space-around;
+      margin-bottom: 15px;
       .icon {
         width: 16px;
         height: 16px;
@@ -317,9 +325,15 @@
         align-items: center;
       }
     }
+    .alarm_tip {
+      font-size: 14px;
+      color: #FF5D3B;
+      margin: 10px 0 20px;
+      text-align: center;
+    }
     .alarm_text {
       width: 100%;
-      padding: 15px 25px;
+      padding: 0 25px 15px;
       box-sizing: border-box;
       .alarm_textarea {
         width: 100%;