修改 预览展示页面

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>