修改 预览展示页面

src/views/pqs/supervise/terminalNetworkDetection/components/cycleDetection/detail.vue

@@ -23,15 +23,14 @@
                     {{ getDeviceStatus(detailData?.status) }}
                 </el-tag>
             </el-descriptions-item>
-            <el-descriptions-item label="文件">
-                <el-icon>
-                    <Link />
+            <el-descriptions-item label="报告文件">
+                <el-icon class="elView" v-if="detailData?.reportPaths?.fileName">
+                    <View @click="openFile(detailData?.reportPaths?.fileName)" />
                 </el-icon>
                 <a :href="detailData.reportPaths?.url">
                     {{ detailData.reportPaths?.fileName }}
                 </a>
-                <span @click="detailData.reportPaths?.fileName">预览</span>
-            </el-descriptions-item>
+                </el-descriptions-item>
             <el-descriptions-item label="描述">
                 {{ detailData?.description }}
             </el-descriptions-item>
@@ -47,7 +46,7 @@ import { propTypes } from '@/utils/propTypes'
 import { getInfoById } from '@/api/supervision-boot/cycleDetection/index'
 import { getFileNameAndFilePath } from '@/api/system-boot/file'
 import { useDictData } from '@/stores/dictData'
-import { Link } from '@element-plus/icons-vue'
+import { Link,View } from '@element-plus/icons-vue'
 const { query } = useRoute() // 查询参数
 const openFile = (name: any) => {
     window.open(window.location.origin + '/#/previewFile?' + name)
@@ -116,3 +115,9 @@ onMounted(() => {
     getInfo()
 })
 </script>
+<style lang="scss" scoped>
+.elView {
+    cursor: pointer;
+    margin-right: 5px;
+}
+</style>

src/views/pqs/supervise/terminalNetworkDetection/components/monitorpoint/detail.vue

@@ -113,13 +113,12 @@
         </el-descriptions-item>
         <!--文件地址-->
         <el-descriptions-item label="主接线图" v-if="detailData?.mainWiringDiagram">
-            <el-icon>
-                <Link />
-            </el-icon>
+            <el-icon class="elView" v-if="detailData?.mainWiringDiagram.name">
+                    <View @click="openFile(detailData?.mainWiringDiagram.name)" />
+                </el-icon>
             <a target="_blank" href="detailData?.mainWiringDiagram.url">
                 {{ detailData?.mainWiringDiagram.name }}
             </a>
-            <span @click="openFile(detailData?.mainWiringDiagram.name)">预览</span>
         </el-descriptions-item>
     </el-descriptions>
 </template>
@@ -131,7 +130,7 @@ import { propTypes } from '@/utils/propTypes'
 import { getTempLineDetailsById } from '@/api/supervision-boot/monitorpoint/index'
 import { useDictData } from '@/stores/dictData'
 import { getFileNameAndFilePath } from '@/api/system-boot/file'
-import { Link } from '@element-plus/icons-vue'
+import { Link,View } from '@element-plus/icons-vue'
 const openFile = (name: any) => {
     window.open(window.location.origin + '/#/previewFile?' + name)
 }
@@ -259,7 +258,7 @@ onMounted(() => {
     getInfo()
 })
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .default-main {
     //   height: calc(100vh - 100px);
     overflow: auto;
@@ -270,4 +269,8 @@ onMounted(() => {
     position: absolute !important;
     top: 20px !important;
 }
+.elView {
+    cursor: pointer;
+    margin-right: 5px;
+}
 </style>

src/views/pqs/supervise/terminalNetworkDetection/components/terminainal/detail.vue

@@ -186,57 +186,58 @@
             {{ detailData.supervisionTempDeviceReport?.contractNumber }}
         </el-descriptions-item>
         <el-descriptions-item label="信息安全检测报告" v-if="detailData?.informationSecurityTestReport">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.informationSecurityTestReport?.name">
+                <View @click="openFile(detailData?.informationSecurityTestReport?.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.informationSecurityTestReport.url">
+            <a target="_blank" :href="detailData?.informationSecurityTestReport.url">
                 {{ detailData?.informationSecurityTestReport.name }}
             </a>
-            <span @click="openFile(detailData.informationSecurityTestReport?.name )">预览</span>
         </el-descriptions-item>
         <el-descriptions-item label="验收检验报告单" v-if="detailData?.acceptanceInspectionReportSingle">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.acceptanceInspectionReportSingle?.name">
+                <View @click="openFile(detailData?.acceptanceInspectionReportSingle?.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.acceptanceInspectionReportSingle.url">
+            <a target="_blank" :href="detailData?.acceptanceInspectionReportSingle.url">
                 {{ detailData?.acceptanceInspectionReportSingle.name }}
             </a>
-            <span @click="openFile(detailData.acceptanceInspectionReportSingle?.name )">预览</span>
         </el-descriptions-item>
         <el-descriptions-item label="验收检验报告" v-if="detailData?.acceptanceInspectionReport">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.acceptanceInspectionReport?.name">
+                <View @click="openFile(detailData?.acceptanceInspectionReport?.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.acceptanceInspectionReport.url">{{ detailData?.acceptanceInspectionReport.name }}</a>
-            <span @click="openFile(detailData.acceptanceInspectionReport?.name )">预览</span>
+            <a target="_blank" :href="detailData?.acceptanceInspectionReport.url">
+                {{ detailData?.acceptanceInspectionReport.name }}
+            </a>
         </el-descriptions-item>
         <el-descriptions-item label="型式实验报告" v-if="detailData?.typeExperimentReport">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.typeExperimentReport.name">
+                <View @click="openFile(detailData?.typeExperimentReport.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
-            <span @click="openFile(detailData.typeExperimentReport?.name )">预览</span>
+            <a target="_blank" :href="detailData?.typeExperimentReport.url">
+                {{ detailData?.typeExperimentReport.name }}
+            </a>
         </el-descriptions-item>
         <el-descriptions-item label="出厂检验报告" v-if="detailData?.factoryInspectionReport">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.factoryInspectionReport.name">
+                <View @click="openFile(detailData?.factoryInspectionReport.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.factoryInspectionReport.url">{{ detailData?.factoryInspectionReport.name }}</a>
-            <span @click="openFile(detailData.factoryInspectionReport?.name )">预览</span>
+            <a target="_blank" :href="detailData?.factoryInspectionReport.url">
+                {{ detailData?.factoryInspectionReport.name }}
+            </a>
         </el-descriptions-item>
         <el-descriptions-item label="性能检测报告" v-if="detailData?.performanceTestReport">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.performanceTestReport.name">
+                <View @click="openFile(detailData?.performanceTestReport.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
-            <span @click="openFile(detailData.performanceTestReport?.name )">预览</span>
+            <a target="_blank" :href="detailData?.performanceTestReport.url">
+                {{ detailData?.performanceTestReport.name }}
+            </a>
         </el-descriptions-item>
         <el-descriptions-item label="其他附件" v-if="detailData?.otherAttachments">
-            <el-icon>
-                <Link />
+            <el-icon class="elView" v-if="detailData?.otherAttachments.name">
+                <View @click="openFile(detailData?.otherAttachments.name)" />
             </el-icon>
-            <a target="_blank":href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
-            <span @click="openFile(detailData.otherAttachments?.name )">预览</span>
+            <a target="_blank" :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
         </el-descriptions-item>
     </el-descriptions>
 </template>
@@ -249,11 +250,11 @@ import { getTerminalDetailsById } from '@/api/supervision-boot/terminal/index'
 import { getDictTreeById } from '@/api/system-boot/dictTree'
 import { useDictData } from '@/stores/dictData'
 import { getFileNameAndFilePath } from '@/api/system-boot/file'
-import { Link } from '@element-plus/icons-vue'
+import { Link, View } from '@element-plus/icons-vue'
 import { nodeAllList } from '@/api/device-boot/Business'
 defineOptions({ name: 'BpmUserReportDetail' })
-const openFile = (name:any) => {
-    window.open(window.location.origin + '/#/previewFile?'+name)
+const openFile = (name: any) => {
+    window.open(window.location.origin + '/#/previewFile?' + name)
 }
 const { query } = useRoute() // 查询参数
 
@@ -479,7 +480,7 @@ onMounted(() => {
     getInfo()
 })
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .default-main {
     //   height: calc(100vh - 100px);
     overflow: auto;
@@ -490,4 +491,8 @@ onMounted(() => {
     position: absolute !important;
     top: 20px !important;
 }
+.elView {
+    cursor: pointer;
+    margin-right: 5px;
+}
 </style>