应急预案关联展示

zh-baseversion-web/src/components/emergency/Timeline.vue

@@ -32,7 +32,8 @@
           <!--<div class="classType"  v-if="t.eventType==2">预案指引</div>-->
           <!--<div class="classType" v-if="t.eventType==1">信息处置</div>-->
         </div>
-        <div class="timeline-title" style="margin-left: 32px">内容：{{ t.management}}</div>
+        <div class="timeline-title" style="margin-left: 32px">预案名称：{{ t.planTitle}}</div>
+        <div class="timeline-title" style="margin-left: 32px">指导意见：{{ t.management}}</div>
         <div class="timeline-desc" style="margin-left: 32px">
             <span
               class="dbtn"
@@ -161,7 +162,7 @@
     border-radius: 3px;
     border-style: solid;
     border-width: 0;
-    color: #20FFFF;
+    color: rgb(48, 180, 107);
   }
   .timeline-item:last-of-type .timeline-content {
     margin-bottom: 0;

zh-baseversion-web/src/components/emergency/rightBar.vue

@@ -137,8 +137,13 @@
           <el-input v-model="form.management" type="textarea"  placeholder="请输入处置信息" />
         </el-form-item>
         <el-form-item label="指导意见" prop="management" v-if="form.eventType==2">
-          <el-input v-model="form.management" type="textarea" placeholder="请输入指导意见" />
+          <el-input v-model="form.management" type="textarea" placeholder="请输入指导意见" :readonly="readonly"/>
         </el-form-item>
+
+        <el-form-item label="预案名称" v-if="form.eventType==2&&readonly">
+          <el-input v-model="form.planTitle" placeholder="请输入指导意见" :readonly="readonly" />
+        </el-form-item>
+
         <el-form-item label="预案附件" :style="display2" v-if="form.eventType==2">
           <span
             class="dbtn"
@@ -434,6 +439,7 @@ export default {
       // this.title2 = "预案指引";
       this.form.eventId = this.queryParams2.eventId
       this.form.eventType=2;
+      this.readonly = false;
       this.yuanList();
     },
     yuanList(){
@@ -470,6 +476,7 @@ export default {
     },
     /** 提交按钮 处置信息*/
     submitForm() {
+      this.readonly = true;
       this.display2="";
       this.display="display:none";
       this.$refs["form"].validate(valid => {
@@ -507,6 +514,7 @@ export default {
     },
     // 取消按钮
     cancel() {
+      this.readonly = true;
       this.display2="";
       this.display="display:none";
       //this.reset();

zh-baseversion-web/src/views/operationMonitor/gassVehicle/index.vue

@@ -483,8 +483,6 @@ export default {
 .el-table --border, .el-table --group{
   border: none;
 }*/
-.el-table{
-  background-color: #00afff !important;
-}
+
 
 </style>