fix: 检验方法性能评审记录表列表渲染优化

src/views/business/testMethod/review.vue

@@ -18,7 +18,6 @@
     </div>
     <el-table
       ref="reviewTable"
-      :key="tableKey"
       :data="currentPageData"
       border
       stripe
@@ -55,7 +54,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <!-- 分页控件 -->
     <el-pagination
       v-if="pagination.total >= 0"
@@ -66,9 +65,9 @@
       :total="pagination.total"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      style="margin-top: 15px; text-align: left;"
+      style="margin-top: 15px; text-align: left"
     />
-    
+
     <reviewDialog
       v-if="dialogFormVisibles"
       :visidial="dialogFormVisibles"
@@ -117,6 +116,7 @@ export default {
       selectEditchange: false,
       statData: [],
       first,
+      allPlayData: [],
       second,
       maxHeight: '600px',
       jianYanFangFaNameCache: {},
@@ -144,31 +144,22 @@ export default {
     },
     getJianYanFangFaName() {
       return (jianYanFangFa) => {
-        if (!this.jianYanFangFaNameCache[jianYanFangFa]) {
-          this.loadJianYanFangFaName(jianYanFangFa)
-        }
-        return this.jianYanFangFaNameCache[jianYanFangFa] || ''
-      }
-    },
-    getProjectAndMethod() {
-      return (xiangMuFangFa) => {
-        if (!this.projectAndMethodNameCache[xiangMuFangFa]) {
-          this.loadProjectAndMethodName(xiangMuFangFa)
-        }
-        return this.projectAndMethodNameCache[xiangMuFangFa] || ''
+        const item = this.allPlayData.find((t) => t.id_ === jianYanFangFa)
+        // console.log('item===>', item)
+        return item ? item.fang_fa_ming_chen : ''
       }
     }
   },
   watch: {
     formData: {
       handler(val) {
-          // 如果是内部更新触发的，则忽略
+        // 如果是内部更新触发的，则忽略
         if (this.isInternalUpdate) {
-          this.isInternalUpdate = false;
-          return;
+          this.isInternalUpdate = false
+          return
         }
-        
-        this.isExternalUpdate = true;
+
+        this.isExternalUpdate = true
         if (val.lieBiaoShuJu) {
           if (this.isFirst) {
             this.statData = JSON.parse(val.lieBiaoShuJu)
@@ -176,7 +167,11 @@ export default {
             this.isFirst = false
           }
         }
-        if(val.jyffxnpsjlzb && val.jyffxnpsjlzb.length && val.jyffxnpsjlzb.length>0){
+        if (
+          val.jyffxnpsjlzb &&
+          val.jyffxnpsjlzb.length &&
+          val.jyffxnpsjlzb.length > 0
+        ) {
           this.statData = val.jyffxnpsjlzb.map((item) => ({
             id: '',
             parentId: '',
@@ -193,19 +188,19 @@ export default {
             pingShenNeiRong: item.pingShenNeiRong,
             pingShenJieLun: item.pingShenJieLun,
             faXianDeWenTi: item.faXianDeWenTi,
-            pinShen1:item.pingShenNeiRong,
-            xiangMuFangFa:item.xiangMuYuFangFa,
-            shiJi:item.shiJiJiPiHao,
+            pinShen1: item.pingShenNeiRong,
+            xiangMuFangFa: item.xiangMuYuFangFa,
+            shiJi: item.shiJiJiPiHao,
             yangzheng: item.shangCiYanZhengXi,
-            jieLun:item.pingShenJieLun,
+            jieLun: item.pingShenJieLun,
             faXianWenTi: item.faXianDeWenTi
           }))
           this.pagination.total = this.statData.length // 更新总条数
         }
         //this.isExternalUpdate = false;
         this.$nextTick(() => {
-          this.isExternalUpdate = false;
-        });
+          this.isExternalUpdate = false
+        })
       },
       immediate: true,
       deep: true
@@ -225,7 +220,7 @@ export default {
       handler(val) {
         // 如果是外部更新触发的，则不需要$emit
         if (this.isExternalUpdate) {
-          return;
+          return
         }
         const t = val.map((item) => ({
           id: '',
@@ -247,7 +242,7 @@ export default {
         this.pagination.total = val.length // 更新总条数
 
         // 标记这是内部更新，避免formData的watch再次触发
-        this.isInternalUpdate = true;
+        this.isInternalUpdate = true
         this.$emit('change-data', 'lieBiaoShuJu', JSON.stringify(val))
         this.$emit('change-data', 'jyffxnpsjlzb', t)
       },
@@ -255,13 +250,14 @@ export default {
     }
   },
   created() {
+    this.getAllPlayData()
     // 初始化时加载所有需要的数据
-    if (this.statData && this.statData.length > 0) {
-      this.statData.forEach((row) => {
-        this.loadJianYanFangFaName(row.jianYanFangFa)
-        this.loadProjectAndMethodName(row.xiangMuFangFa)
-      })
-    }
+    // if (this.statData && this.statData.length > 0) {
+    //   this.statData.forEach((row) => {
+    //     this.loadJianYanFangFaName(row.jianYanFangFa)
+    //     this.loadProjectAndMethodName(row.xiangMuFangFa)
+    //   })
+    // }
   },
   methods: {
     // 每页条数改变
@@ -275,19 +271,14 @@ export default {
       this.pagination.currentPage = val
       this.refreshTable()
     },
-    async loadJianYanFangFaName(jianYanFangFa) {
-      try {
-        const methodName = await this.jian(jianYanFangFa)
-        this.jianYanFangFaNameCache[jianYanFangFa] = methodName
-        this.refreshTable()
-      } catch (error) {
-        console.error('Error fetching data:', error)
-      }
+    loadJianYanFangFaName(jianYanFangFa) {
+      return this.jian(jianYanFangFa)
     },
     refreshTable() {
       this.tableKey++
     },
     async loadProjectAndMethodName(xiangMuFangFa) {
+      console.log('xiangMuFangFa===>', xiangMuFangFa)
       try {
         const methodName = await this.xiang(xiangMuFangFa)
         this.projectAndMethodNameCache[xiangMuFangFa] = methodName
@@ -318,33 +309,31 @@ export default {
       }
       this.loadJianYanFangFaName(obj.jianYanFangFa)
       this.loadProjectAndMethodName(obj.xiangMuFangFa)
-      
+
       // 添加或修改数据后，可能需要调整分页
-      const totalPages = Math.ceil(this.statData.length / this.pagination.pageSize)
+      const totalPages = Math.ceil(
+        this.statData.length / this.pagination.pageSize
+      )
       if (this.pagination.currentPage > totalPages) {
         this.pagination.currentPage = totalPages
       }
     },
-    async jian(val) {
-      try {
-        const response = await this.$common.request('query', {
-          key: 'getBzffglbById',
-          params: [val]
-        })
-        const a =
-          response.variables.data[0] &&
-          response.variables.data[0].fang_fa_ming_chen
-        return a
-      } catch (error) {
-        console.error('Error fetching data:', error)
-        throw error
-      }
+    async getAllPlayData() {
+      const response = await this.$common.request('query', {
+        key: 'getBzffglbById1',
+        params: [null]
+      })
+      this.allPlayData = response.variables.data
+    },
+    jian(val) {
+      const item = this.allPlayData.find((t) => t.id_ === val)
+      return item ? item.fang_fa_ming_chen : ''
     },
     async xiang(val) {
       try {
         const response = await this.$common.request('query', {
-          key: 'getNlfwbById',
-          params: [val]
+          key: 'getNlfwbById1',
+          params: [null]
         })
         const a =
           response.variables.data[0] &&
@@ -366,26 +355,29 @@ export default {
         })
         return
       }
-      
+
       // 删除选中的数据
       this.statData = this.statData.filter(
         (item) => !this.multipleSelection.includes(item)
       )
-      
+
       // 删除后调整分页
-      const totalPages = Math.ceil(this.statData.length / this.pagination.pageSize)
+      const totalPages = Math.ceil(
+        this.statData.length / this.pagination.pageSize
+      )
       if (this.pagination.currentPage > totalPages && totalPages > 0) {
         this.pagination.currentPage = totalPages
       } else if (totalPages === 0) {
         this.pagination.currentPage = 1
       }
-      
+
       this.multipleSelection = []
     },
     handleEdit(row, index) {
       // 计算实际在statData中的索引
-      const actualIndex = (this.pagination.currentPage - 1) * this.pagination.pageSize + index
-      
+      const actualIndex =
+        (this.pagination.currentPage - 1) * this.pagination.pageSize + index
+
       // 编辑操作
       this.selectEditchange = true
       this.selectEditData = row
@@ -430,9 +422,9 @@ export default {
     width: 100%;
     text-align: right;
     background-color: azure !important; /* 背景颜色 */
-    border-top: 1px solid #EBEEF5;
-    border-left: 1px solid #EBEEF5;
-    border-right: 1px solid #EBEEF5;
+    border-top: 1px solid #ebeef5;
+    border-left: 1px solid #ebeef5;
+    border-right: 1px solid #ebeef5;
     margin-bottom: 0;
   }
   ::v-deep .blue-header .el-table__header th {
@@ -465,4 +457,4 @@ export default {
     border-radius: 8px;
   }
 }
-</style>
+</style>