修改 在线监测告警 页面

src/views/pqs/supervise/electricalEnergy/components/process1.vue

@@ -1,6 +1,6 @@
 <template>
     <el-form :model="causeAnalysisData" :rules="rules" ref="form1Ref" label-width="auto">
-        <el-form-item label="电网侧原因:" prop="reportProcessContentYyfx">
+        <el-form-item label="电网侧原因:" prop="reportProcessContentYyfx" :disabled="prop.disabled">
             <el-checkbox-group v-model="causeAnalysisData.reportProcessContentYyfx">
                 <el-checkbox v-for="(item, ind) in CauseList" :key="ind" :label="item.code">
                     {{ item.name }}
@@ -10,7 +10,7 @@
 
         <el-divider></el-divider>
 
-        <el-form-item label="用户侧原因:" prop="userReportProcessContentYyfx">
+        <el-form-item label="用户侧原因:" prop="userReportProcessContentYyfx" :disabled="prop.disabled">
             <el-checkbox-group v-model="causeAnalysisData.userReportProcessContentYyfx">
                 <el-checkbox v-for="(item, ind) in userCauseList" :key="ind" :label="item.code">
                     {{ item.name }}
@@ -20,7 +20,7 @@
         <el-row v-if="prop.addData.problemSources == '用户投诉' || prop.addData.problemSources == '设备异常'">
             <el-divider></el-divider>
 
-            <el-form-item label="电网侧受影响设备:" prop="powerGridAffectDev">
+            <el-form-item label="电网侧受影响设备:" prop="powerGridAffectDev" :disabled="prop.disabled">
                 <el-checkbox-group v-model="causeAnalysisData.powerGridAffectDev">
                     <el-checkbox v-for="(item, ind) in powerGridAffectDevList" :key="ind" :label="item.code">
                         {{ item.name }}
@@ -29,7 +29,7 @@
             </el-form-item>
             <el-divider></el-divider>
 
-            <el-form-item label="用户侧受影响设备:" prop="userAffectDev">
+            <el-form-item label="用户侧受影响设备:" prop="userAffectDev" :disabled="prop.disabled">
                 <el-checkbox-group v-model="causeAnalysisData.userAffectDev">
                     <el-checkbox v-for="(item, ind) in userAffectDevList" :key="ind" :label="item.code">
                         {{ item.name }}
@@ -40,7 +40,7 @@
 
         <el-divider></el-divider>
 
-        <el-form-item label="事件描述:" prop="eventDescriptionYyfx">
+        <el-form-item label="事件描述:" prop="eventDescriptionYyfx" :disabled="prop.disabled">
             <el-input
                 style="width: 400px"
                 :autosize="{ minRows: 2, maxRows: 4 }"
@@ -49,10 +49,12 @@
                 v-model="causeAnalysisData.eventDescriptionYyfx"
             ></el-input>
         </el-form-item>
+
         <el-form-item class="item" label="原因分析报告:" style="margin-top: 10px" prop="fileList">
             <el-upload
                 v-model:file-list="causeAnalysisData.fileList"
                 ref="upload"
+                v-if="!prop.disabled"
                 action=""
                 :limit="1"
                 :on-exceed="handleExceed"
@@ -62,6 +64,10 @@
                     <el-button type="primary">上传文件</el-button>
                 </template>
             </el-upload>
+
+            <el-button type="primary" link @click="download" v-else>
+                {{ prop.List.fileNameYyfx }}
+            </el-button>
         </el-form-item>
     </el-form>
 </template>
@@ -70,11 +76,18 @@ import { useDictData } from '@/stores/dictData'
 import { uploadFile, reasonAnalysis } from '@/api/process-boot/electricitymanagement'
 import { UploadInstance, UploadProps, UploadRawFile, ElMessage, ElMessageBox } from 'element-plus'
 import { genFileId } from 'element-plus'
-import { ref, reactive } from 'vue'
+import { ref, reactive, onMounted } from 'vue'
 const prop = defineProps({
     addData: {
         type: Object,
         default: () => {}
+    },
+    List: {
+        type: Object,
+        default: () => {}
+    },
+    disabled: {
+        type: Boolean
     }
 })
 const emit = defineEmits(['handleClose'])
@@ -82,6 +95,7 @@ const emit = defineEmits(['handleClose'])
 const dictData = useDictData()
 const upload = ref()
 const form1Ref = ref()
+
 const causeAnalysisData: any = ref({
     reportProcessContentYyfx: [],
     userReportProcessContentYyfx: [],
@@ -117,10 +131,23 @@ const handleExceed: UploadProps['onExceed'] = files => {
     file.uid = genFileId()
     upload.value!.handleStart(file)
 }
-
+// 下载
+const download = async () => {
+    // window.open(addForm.value.ifile)
+    let response = await fetch(prop.List.filePathYyfx)
+    let blob = await response.blob()
+    let a = document.createElement('a')
+    a.href = window.URL.createObjectURL(blob)
+    a.download = prop.List.fileNameYyfx
+    a.click()
+    a.remove()
+}
+onMounted(() => {
+    if (prop.List.filePathYyfx != null) {
+        causeAnalysisData.value = prop.List
+    }
+})
 const submit = () => {
-    // console.log('🚀 ~ form1Ref.value.validate ~ =prop.addData:', prop.addData)
-
     form1Ref.value.validate(async (valid: any) => {
         if (valid) {
             let form = new FormData()