修改 预览展示页面

src/views/pqs/supervise/technology/feedbackPopup.vue

@@ -13,11 +13,10 @@
                 </el-form-item>
 
                 <el-form-item label="问题附件：" v-if="showFile">
-                    <el-icon>
-                        <Link />
+                    <el-icon class="elView" v-if="problemDetail?.problemName">
+                        <View @click="openFile(problemDetail?.problemName)" />
                     </el-icon>
                     <a :href="problemDetail.problemPath" target="_blank">{{ problemDetail.problemName }}</a>
-                    <span @click="openFile(problemDetail.problemName )">预览</span>
                 </el-form-item>
 
                 <el-form-item label="采取的措施：" prop="takeStep">
@@ -63,7 +62,7 @@ import { ElMessage, genFileId, UploadProps, UploadRawFile } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
 import { getFileNameAndFilePath, uploadFile } from '@/api/system-boot/file'
 import { addFeedback, updateFeedback } from '@/api/supervision-boot/leaflet'
-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)
 }
@@ -117,7 +116,7 @@ const open = async (
 ) => {
     title.value = text
     resetForm()
-    console.log(66666,reportPath);
+    console.log(66666, reportPath)
     if (takeStep) {
         form.value.takeStep = takeStep
     }
@@ -229,4 +228,8 @@ const uploadFileName = val => {
 .el-select {
     min-width: 180px;
 }
+.elView {
+    cursor: pointer;
+    margin-right: 5px;
+}
 </style>