解决下载路径为空

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

@@ -1,5 +1,9 @@
 <template>
     <div class="default-main">
+         <div v-if="detailLoading" class="loading">
+            <el-spin description="加载中..." />
+        </div>
+        <div v-else>
         <!--        <h1>详细信息回显</h1>-->
         <el-descriptions :column="2" border>
             <el-descriptions-item label="变电站">
@@ -35,6 +39,7 @@
                 {{ detailData?.description }}
             </el-descriptions-item>
         </el-descriptions>
+        </div>
     </div>
 </template>
 <script setup lang="ts">

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

@@ -1,4 +1,8 @@
 <template>
+     <div v-if="detailLoading" class="loading">
+            <el-spin description="加载中..." />
+        </div>
+        <div v-else>
     <el-descriptions :column="2" border>
         <el-descriptions-item label="监测点名称">
             {{ detailData.lineName }}
@@ -19,6 +23,7 @@
             {{ detailData.powerSubstationName }}
         </el-descriptions-item>
     </el-descriptions>
+    </div>
 </template>
 <script lang="ts" setup>
 import { onMounted, ref, reactive } from 'vue'

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

@@ -1,4 +1,8 @@
 <template>
+     <div v-if="detailLoading" class="loading">
+            <el-spin description="加载中..." />
+        </div>
+        <div v-else>
     <el-descriptions :column="2" border>
         <el-descriptions-item label="监测点台账信息" v-if="detailData.lineFilePath">
             <el-icon>
@@ -121,6 +125,7 @@
            </span >
         </el-descriptions-item>
     </el-descriptions>
+    </div>
 </template>
 <script lang="ts" setup>
 import { onMounted, ref, reactive } from 'vue'

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

@@ -1,4 +1,8 @@
 <template>
+     <div v-if="detailLoading" class="loading">
+            <el-spin description="加载中..." />
+        </div>
+        <div v-else>
     <el-descriptions :column="2" border>
         <el-descriptions-item label="填报人">
             {{ detailData.reporter }}
@@ -282,6 +286,7 @@
             </span>
         </el-descriptions-item>
     </el-descriptions>
+    </div>
 </template>
 <script lang="ts" setup>
 import { onMounted, ref, reactive } from 'vue'
@@ -510,6 +515,7 @@ const getFileNamePath = async (val: any, pathName: any) => {
             else if (pathName == 'performanceTestReport' && detailData.value.performanceTestReport) {
                 detailData.value.performanceTestReport = {
                     name: res.data.fileName,
+                     keyName: res.data.name,
                     url: res.data.url
                 }
             }