事件弹窗宽度高度固定

src/api/forest.js

@@ -183,3 +183,11 @@ export function updateYjYuAn(param) {
     data:param
   })
 }
+// 事件详情截图直接上传日志
+export function uploadBase64(param) {
+  return request({
+    url: '/center-fire/VisuForestCloudMapController/uploadBase64',
+    method: 'post',
+    data:param
+  })
+}

src/assets/styles/base.scss

@@ -489,6 +489,10 @@ div::-webkit-scrollbar {
 }
 
 //弹层样式
+.customWidth{
+  width: 1822px!important;
+  height: 788px!important;
+}
 .dia-event-info{
 	   .el-row{
 		    height: 75vh;

src/components/vBottomMenu.vue

@@ -210,7 +210,7 @@
       </el-badge>
     </div>
     <!-- 事件详情弹层 -->
-    <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" width="95%" append-to-body
+    <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" customClass="customWidth" append-to-body
                @close="cancelEventShow()">
       <div class="dia-event-info">
         <el-row>

src/views/eventdetailsdialog.vue

@@ -8,7 +8,7 @@
               style="position: absolute; left:50%;top: 50vh; transform: translateX(-50%);">触发事件详情
       </button>
       <!-- 弹层 -->
-      <el-dialog title="事件详情" :visible.sync="eventDialog" v-if="eventDialog" width="95%"
+      <el-dialog title="事件详情" :visible.sync="eventDialog" customClass="customWidth" v-if="eventDialog"
                  @close="cancelEventShow()">
         <div class="dia-event-info">
           <el-row>
@@ -834,7 +834,8 @@ import {
   updateCentereventTEventcatalogueStatus,
   sendTask,
   listResourceByWz,
-  updateYjYuAn
+  updateYjYuAnm,
+  uploadBase64
 } from '@/api/forest'
 import {
   treeselectAll as deptTreeselect
@@ -1632,19 +1633,20 @@ export default {
       }
       html2canvas(canvasBox, options).then((canvas) => {
         // toDataURL 图片格式转成 base64
-        let dataURL = canvas.toDataURL('image/png')
-        console.log(dataURL)
-        this.downloadImage(dataURL)
+        let dataBase64 = canvas.toDataURL('image/png')
+        console.log(dataBase64)
+        this.uploadBase64(dataBase64)
       })
       canvasBox.appendChild(toolbar)
     },
-    //下载图片
-    downloadImage(url) {
-      // 如果是在网页中可以直接创建一个 a 标签直接下载
-      let a = document.createElement('a')
-      a.href = url
-      a.download = '首页截图'
-      a.click()
+    uploadBase64(dataBase64) {
+      //事件详情截图直接上传日志
+      uploadBase64({ eventCode: this.eventCode,base64:dataBase64 }).then(res => {
+        if (res.code == 200) {
+          this.$message.success(`截图上传成功!`)
+          this.refreshEventDialog(this.eventCode)
+        }
+      })
     }
   }
 }