姜瑞修改部分

src/views/performance/assetssDetail.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2024-05-27 09:25:45
- * @LastEditTime: 2024-06-13 17:00:03
+ * @LastEditTime: 2024-06-14 13:37:18
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/assetssDetail.vue
@@ -83,7 +83,9 @@
     <div v-else>
       <el-card class="box-card analysisType" v-if="generalFiles.length > 0">
         <div slot="header" class="clearfix">
-          <span style="font-weight: 700; font-size: 16px">分析总图</span>
+          <span style="font-weight: 700; font-size: 16px"
+            >分析总图{{ fileCheckResult1 }}</span
+          >
         </div>
         <el-row class="assetssConent">
           <el-col
@@ -91,14 +93,26 @@
             :key="index"
             :span="getSpan(index, 'generalFiles')"
           >
+            <!-- <iframe
+              v-if="getFileType(file.fileAddr) === 'html'"
+              :src="fileAddrFn(file.fileAddr)"
+              ref="iframe"
+              frameborder="0"
+            ></iframe> -->
             <iframe
               v-if="getFileType(file.fileAddr) === 'html'"
               :src="file.fileAddr"
               ref="iframe"
               frameborder="0"
             ></iframe>
+
+            <!-- <img
+              v-if="getFileType(file.fileAddr) === 'html' && !fileCheckResult1"
+              src="../../assets//img/loadingError.webp"
+              alt=""
+            /> -->
             <img
-              v-else-if="getFileType(file.fileAddr) === 'image'"
+              v-if="getFileType(file.fileAddr) === 'image'"
               v-lazy-load="{
                 src: file.fileAddr,
                 loadingImageSrc: '../../assets/img/loading.gif',
@@ -111,7 +125,9 @@
       </el-card>
       <el-card class="box-card analysisType" v-if="diagramRelations.length > 0">
         <div slot="header" class="clearfix">
-          <span style="font-weight: 700; font-size: 16px">分析分图</span>
+          <span style="font-weight: 700; font-size: 16px"
+            >分析分图 {{ fileCheckResult1 }}</span
+          >
         </div>
         <el-row class="assetssConent">
           <el-col
@@ -120,14 +136,26 @@
             :span="getSpan(index, 'diagramRelations')"
           >
             <!-- 文件内容渲染 -->
+            <!-- <iframe
+              v-if="getFileType(file.fileAddr) === 'html'"
+              :src="file.fileAddr"
+              ref="iframe"
+              frameborder="0"
+            ></iframe> -->
             <iframe
               v-if="getFileType(file.fileAddr) === 'html'"
               :src="file.fileAddr"
               ref="iframe"
               frameborder="0"
             ></iframe>
+
+            <!-- <img
+              v-if="getFileType(file.fileAddr) === 'html' && !fileCheckResult"
+              src="../../assets/img/loadingError.webp"
+              alt=""
+            /> -->
             <img
-              v-else-if="getFileType(file.fileAddr) === 'image'"
+              v-if="getFileType(file.fileAddr) === 'image'"
               v-lazy-load="{
                 src: file.fileAddr,
                 loadingImageSrc: '../../assets/img/loading.gif',
@@ -157,10 +185,13 @@
 </template>
 <script>
 import { analysisDetail, analysisEditQuery } from "@/api/performance";
+import axios from "axios";
 
 export default {
   data() {
     return {
+      fileCheckResult: null,
+      fileCheckResult1: null,
       analysisTypeList: [],
       windEngineGroupList: [],
       generalFiles: [],
@@ -179,6 +210,28 @@ export default {
     this.getWindCodeList();
   },
   methods: {
+    async fileAddrFn(file) {
+      try {
+        const res = await axios.get(file);
+        console.log(res, file, "res成功");
+        this.fileCheckResult = true;
+        return true;
+      } catch (e) {
+        console.error(file, e, "失败1111");
+        this.fileCheckResult = false;
+      }
+    },
+    async fileAddrFn1(file) {
+      try {
+        const res = await axios.get(file);
+        console.log(res, file, "res成功");
+        this.fileCheckResult1 = true;
+        return true;
+      } catch (e) {
+        console.error(file, e, "失败1111");
+        this.fileCheckResult1 = false;
+      }
+    },
     // 查询
     onSubmit() {
       this.getDetailInfo();

src/views/performance/editAssets.vue

@@ -1,13 +1,24 @@
 <!--
  * @Author: your name
  * @Date: 2024-05-27 09:26:31
- * @LastEditTime: 2024-05-31 10:07:56
+ * @LastEditTime: 2024-06-14 12:56:38
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/editAssets.vue
 -->
 <template>
   <div class="global-variable">
+    <el-row type="flex" justify="space-between">
+      <el-col :span="8"
+        ><el-button
+          type="text"
+          style="font-size: 20px"
+          icon="el-icon-arrow-left"
+          @click="() => $router.go(-1)"
+          >返回</el-button
+        ></el-col
+      >
+    </el-row>
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="分析事件" name="first">
         <analysis-event></analysis-event>