应急处置 ---详情

gassafetyprogress-web/src/views/system/eventInfo/index.vue

@@ -104,7 +104,7 @@
 
     <el-table v-loading="loading" :data="eventInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="事件id" align="center" prop="eventId" />
+      <!--<el-table-column label="事件id" align="center" prop="eventId" />-->
       <el-table-column label="事件名称" align="center" prop="eventTitle" />
       <el-table-column label="事件类型" align="center" prop="eventType" :formatter="eventTypeFormat" />
       <el-table-column label="事件等级" align="center" prop="eventLevel" :formatter="eventLevelFormat" />
@@ -128,6 +128,13 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:eventInfo:edit']"
           >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-document-copy"
+            @click="handleDtail(scope.row)"
+          >详情</el-button>
+          <el-button
           <el-button
             size="mini"
             type="text"
@@ -153,10 +160,10 @@
           <div class="division">
             <div style="width: 45%">
               <el-form-item label="事件名称" prop="eventTitle">
-                <el-input v-model="form.eventTitle" placeholder="请输入事件名称" />
+                <el-input v-model="form.eventTitle" placeholder="请输入事件名称" :disabled="readonly"/>
               </el-form-item>
               <el-form-item label="事件类型" prop="eventType">
-                <el-select v-model="form.eventType" placeholder="请选择事件类型">
+                <el-select v-model="form.eventType" placeholder="请选择事件类型" :disabled="readonly">
                   <el-option
                     v-for="dict in eventTypeOptions"
                     :key="dict.dictValue"
@@ -166,7 +173,7 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="事件等级" prop="eventLevel">
-                <el-select v-model="form.eventLevel" placeholder="请选择事件等级">
+                <el-select v-model="form.eventLevel" placeholder="请选择事件等级" :disabled="readonly">
                   <el-option
                     v-for="dict in eventLevelOptions"
                     :key="dict.dictValue"
@@ -176,7 +183,7 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="事件地点" prop="eventLocation">
-                <el-input v-model="form.eventLocation" placeholder="请输入事件地点" />
+                <el-input v-model="form.eventLocation" placeholder="请输入事件地点" :disabled="readonly"/>
               </el-form-item>
               <el-form-item label="图片上传" prop="iconUrl">
                 <el-upload
@@ -196,7 +203,7 @@
             </div>
             <div style="width: 50%">
               <el-form-item label="所属企业" prop="beyondEnterpriseId">
-                <el-select v-model="form.beyondEnterpriseName" placeholder="请选择预案等级"  @change="qiyechang">
+                <el-select v-model="form.beyondEnterpriseName" placeholder="请选择预案等级"  @change="qiyechang" :disabled="readonly">
                   <el-option
                     v-for = "dict in enterpriseList"
                     :key = "dict.enterpriseId"
@@ -207,26 +214,27 @@
                 <!--<el-input v-model="form.beyondEnterpriseId" placeholder="请输入所属企业" />-->
               </el-form-item>
               <el-form-item label="报案人" prop="reportPerson">
-                <el-input v-model="form.reportPerson" placeholder="请输入报案人" />
+                <el-input v-model="form.reportPerson" placeholder="请输入报案人" :disabled="readonly"/>
               </el-form-item>
-              <el-form-item label="报案时间" prop="reportTime">
+              <el-form-item label="报案时间" prop="reportTime" >
                 <el-date-picker clearable size="small"
                                 v-model="form.reportTime"
                                 type="datetime"
                                 value-format="yyyy-MM-dd HH:mm:ss"
+                                :disabled="readonly"
                                 placeholder="选择报案时间">
                 </el-date-picker>
               </el-form-item>
               <el-form-item label="备注" prop="remarks">
-                <el-input v-model="form.remarks" placeholder="请输入备注" />
+                <el-input v-model="form.remarks" placeholder="请输入备注" :disabled="readonly"/>
               </el-form-item>
             </div>
           </div>
           <el-form-item label="事件处置信息" prop="eventDeal" style="width: 60%">
-            <el-input v-model="form.eventDeal" type="textarea" placeholder="请输入事件处置信息" />
+            <el-input v-model="form.eventDeal" type="textarea" placeholder="请输入事件处置信息" :disabled="readonly"/>
           </el-form-item>
           <el-form-item label="事件评估信息" prop="eventAssessment" style="width: 60%">
-          <el-input v-model="form.eventAssessment" type="textarea" placeholder="请输入事件评估信息" />
+          <el-input v-model="form.eventAssessment" type="textarea" placeholder="请输入事件评估信息" :disabled="readonly"/>
         </el-form-item>
 
 
@@ -267,6 +275,8 @@ export default {
       multiple: true,
       // 显示搜索条件
       showSearch: true,
+
+      readonly:false,
       // 总条数
       total: 0,
       // 事件处置表格数据
@@ -426,6 +436,7 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.fileList = [];
+      this.readonly = false;
       this.reset();
       this.open = true;
       this.title = "添加事件处置";
@@ -433,8 +444,24 @@ export default {
         document.getElementsByClassName("el-upload")[0].style.display=""
     })
     },
+    handleDtail(row){
+      this.fileList = [];
+      this.readonly = true;
+      this.reset();
+      this.open = true;
+      const eventId = row.eventId || this.ids
+      getEventInfo(eventId).then(response => {
+        this.form = response.data;
+        this.title = "修改事件处置";
+        if(row.iconUrl!=null){
+          this.fileList = [{name: 'file', url: row.iconUrl}];
+        }
+        document.getElementsByClassName("el-upload")[0].style.display="none"
+      });
+    },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      this.readonly = false;
       this.fileList = [];
       this.reset();
       const eventId = row.eventId || this.ids

gassafetyprogress-web/src/views/system/planInfo/index.vue

@@ -148,7 +148,7 @@
         <div class="division">
           <div style="width: 40%;">
             <el-form-item label="预案标题" prop="planTitle" >
-              <el-input v-model="form.planTitle" placeholder="请输入预案标题" :readonly="readonly"/>
+              <el-input v-model="form.planTitle" placeholder="请输入预案标题" :disabled="readonly"/>
             </el-form-item>
             <el-form-item label="预案类型"  prop="planType">
               <el-select v-model="form.planType" placeholder="请选择预案类型" :disabled="readonly">
@@ -181,10 +181,10 @@
               </el-select>
             </el-form-item>
             <el-form-item label="应急设备车辆" prop="planEquipment" >
-              <el-input v-model="form.planEquipment" placeholder="请输入应急设备及车辆" :readonly="readonly"/>
+              <el-input v-model="form.planEquipment" placeholder="请输入应急设备及车辆" :disabled="readonly"/>
             </el-form-item>
             <el-form-item label="备注" prop="remarks">
-              <el-input v-model="form.remarks" placeholder="请输入备注" :readonly="readonly" />
+              <el-input v-model="form.remarks" placeholder="请输入备注" :disabled="readonly" />
             </el-form-item>
             <el-form-item label="预案附件" id="fujian" prop="iconUrl">
               <el-upload
@@ -209,7 +209,7 @@
           <div style="width: 60%;">
             <el-form-item label="应急方案" prop="planContents">
               <!--<el-input v-model="form.planContents" placeholder="" />-->
-              <editor  v-model="form.planContents" style="height: 300px;" readonly/>
+              <editor  v-model="form.planContents" style="height: 300px;" :readOnly="readonly"/>
               <!--<textarea id="editorA" v-model="form.planContents" height="100%"></textarea>-->
             </el-form-item>
           </div>