优化pdf代码

src/views/duty/eventing/eventDetails.vue

@@ -82,9 +82,9 @@
       <div v-if="!!planFiles && planFiles.length > 0" class="common-info-content">
         <div class="list2">
           <div v-for="(item, index) in planFiles" :key="index" class="list-item" style="margin-bottom: 10px">
-            <div class="link" @click="previewSummaryFile2(item)">{{ item.name }}</div>
-            <div style="margin-left: 40px" @click="previewSummaryFile2(item)">查看</div>
-            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile2(item)">
+            <div class="link" @click="previewSummaryFile(item.name, item.url)">{{ item.name }}</div>
+            <div style="margin-left: 40px" @click="previewSummaryFile(item.name, item.url)">查看</div>
+            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item.name, item.url)">
               <span>下载</span>
               <el-icon class="icon" style="margin-left: 0px"><Download /></el-icon>
             </div>
@@ -95,9 +95,6 @@
         <div class="item-title">暂无数据</div>
       </div>
     </div>
-    <el-dialog v-model="dialogTableVisible2" :title="detailInfo2.name" width="800">
-      <pdf-viewer v-if="dialogTableVisible2" :url="baseUrl + '/file/download/' + detailInfo2.url" />
-    </el-dialog>
     <div class="common-info-box">
       <div class="common-info-header">
         <i class="line-icon" />
@@ -107,9 +104,9 @@
       <div v-if="!!summaryFiles && summaryFiles.length > 0" class="common-info-content">
         <div class="list2">
           <div v-for="(item, index) in summaryFiles" :key="index" class="list-item" style="margin-bottom: 10px">
-            <div class="link" @click="previewSummaryFile(item)">{{ item.file_name }}</div>
-            <div style="margin-left: 40px" @click="previewSummaryFile(item)">查看</div>
-            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item)">
+            <div class="link" @click="previewSummaryFile(item.file_name, item.url)">{{ item.file_name }}</div>
+            <div style="margin-left: 40px" @click="previewSummaryFile(item.file_name, item.url)">查看</div>
+            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item.file_name, item.url)">
               <span>下载</span>
               <el-icon class="icon" style="margin-left: 0px"><Download /></el-icon>
             </div>
@@ -195,13 +192,9 @@ let summaryFiles = ref([]);
 let planFiles = ref([]);
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
 // 下载方法
-const downloadSummaryFile = (file: any) => {
-  download2(baseUrl + '/file/download/' + file.url, file.file_name);
-};
-const downloadSummaryFile2 = (file: any) => {
-  download2(baseUrl + '/file/download/' + file.url, file.name);
+const downloadSummaryFile = (file_name, url) => {
+  download2(baseUrl + '/file/download/' + url, file_name);
 };
-
 // 事件跟踪数据
 let eventTrackState = reactive({
   active: 0,
@@ -354,18 +347,14 @@ const handleUpdate = () => {
   eventEditDialogState.show = true;
 };
 
-const previewSummaryFile = (file) => {
-  detailInfo.value = file
-  if (file) {
+const previewSummaryFile = (filename, url) => {
+  detailInfo.value.file_name = filename;
+  detailInfo.value.url = url;
+  if (filename) {
     dialogTableVisible.value = true;
   }
 };
-const previewSummaryFile2 = (file) => {
-  detailInfo2.value = file
-  if (file) {
-    dialogTableVisible2.value = true;
-  }
-};
+
 
 
 onMounted(() => {

src/views/routineCommandMap/RightSection/EventReport/EventDetail.vue

@@ -105,44 +105,28 @@
       <div v-if="!!planFiles && planFiles.length > 0" class="common-info-content">
         <div class="list2">
           <div v-for="(item, index) in planFiles" :key="index" class="list-item" style="margin-bottom: 10px">
-            <div class="link" @click="previewSummaryFile2(item)">{{ item.name }}</div>
-            <div style="margin-left: 40px" @click="previewSummaryFile2(item)">查看</div>
-            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile2(item)">
+            <div class="link" @click="previewSummaryFile(item.name, item.url)">{{ item.name }}</div>
+            <div style="margin-left: 40px" @click="previewSummaryFile(item.name, item.url)">查看</div>
+            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item.name, item.url)">
               <span>下载</span>
               <el-icon class="icon" style="margin-left: 0px"><Download /></el-icon>
             </div>
           </div>
         </div>
       </div>
-<!--      <div v-if="!!detailData.plan_name" class="info-content">-->
-<!--        <div class="list">-->
-<!--          <div class="list-item">-->
-<!--            <i class="img" />-->
-<!--            <div class="item-title">{{ detailData.plan_name }}</div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
       <div class="common-title-box">事件总结报告</div>
       <div v-if="!!summaryFiles && summaryFiles.length > 0" class="info-content">
         <div class="list2">
           <div v-for="(item, index) in summaryFiles" :key="index" class="list-item" style="margin-bottom: 10px">
-            <div class="link" @click="previewSummaryFile(item)">{{ item.file_name }}</div>
-            <div style="margin-left: 40px" @click="previewSummaryFile(item)">查看</div>
-            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item)">
+            <div class="link" @click="previewSummaryFile(item.file_name, item.url)">{{ item.file_name }}</div>
+            <div style="margin-left: 40px" @click="previewSummaryFile(item.file_name, item.url)">查看</div>
+            <div style="margin-left: 20px; display: flex; align-items: center" @click="downloadSummaryFile(item.file_name, item.url)">
               <span>下载</span>
               <el-icon class="icon" style="margin-left: 0px"><Download /></el-icon>
             </div>
           </div>
         </div>
       </div>
-<!--      <div v-if="!!summaryFiles && summaryFiles.length > 0" class="info-content">-->
-<!--        <div class="list2">-->
-<!--          <div v-for="(item, index) in summaryFiles" :key="index" class="list-item" @click="downloadSummaryFile(item.url)">-->
-<!--            <div class="link">{{ item.file_name }}</div>-->
-<!--            <el-icon class="icon"><Download /></el-icon>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
     </div>
     <Dialog v-model="showDeleteDialog" class="tip" type="xs" title="提示">确认删除事件吗</Dialog>
   </Dialog>
@@ -224,29 +208,19 @@ let eventLevelState = reactive({
 let summaryFiles = ref([]);
 let planFiles = ref([]);
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
-const downloadSummaryFile = (file: any) => {
-  // window.open(url);
-  download2(baseUrl + '/file/download/' + file.url, file.file_name);
+const downloadSummaryFile = (file_name, url) => {
+  download2(baseUrl + '/file/download/' + url, file_name);
 };
 const detailInfo = ref({});
-const detailInfo2 = ref({});
 const dialogTableVisible = ref(false);
-const dialogTableVisible2 = ref(false);
-const previewSummaryFile = (file) => {
-  detailInfo.value = file;
-  if (file) {
+const previewSummaryFile = (filename, url) => {
+  detailInfo.value.file_name = filename;
+  detailInfo.value.url = url;
+  if (filename) {
     dialogTableVisible.value = true;
   }
 };
-const previewSummaryFile2 = (file) => {
-  detailInfo2.value = file;
-  if (file) {
-    dialogTableVisible2.value = true;
-  }
-};
-const downloadSummaryFile2 = (file: any) => {
-  download2(baseUrl + '/file/download/' + file.url, file.name);
-};
+
 
 const handleClose = () => {
   emits('update:modelValue', false);