diff --git a/appStore/utils/common.py b/appStore/utils/common.py
index ed9de490df32178648bd3b6aab9cadb1f17f0c8b..69339ae2577f98e245fde24be532de5925ecb56f 100644
--- a/appStore/utils/common.py
+++ b/appStore/utils/common.py
@@ -19,7 +19,6 @@ import subprocess
 from django.core.paginator import Paginator, EmptyPage
 from django.http import JsonResponse
 from rest_framework import pagination, status
-
 from appStore.utils.constants import RESULT_LOG_FILE
 
 
@@ -38,6 +37,7 @@ def json_response(data=None, code=None, message=None):
     }
     return JsonResponse(res)
 
+
 def list_response(result, code, message):
     """
     :param result:
@@ -54,6 +54,7 @@ def list_response(result, code, message):
         res['message'] = message
     return JsonResponse(res)
 
+
 def jwt_response_payload_handler(token, user=None, request=None):
     """
     自定义jwt认证成功返回数据
@@ -67,6 +68,7 @@ def jwt_response_payload_handler(token, user=None, request=None):
         'code': 200,
     }
 
+
 def get_error_message(serializer):
     """
     返回错误信息
@@ -76,6 +78,7 @@ def get_error_message(serializer):
     for _, error in serializer.errors.items():
         return error[0]
 
+
 class LimsPageSet(pagination.PageNumberPagination):
     """
     分页设置
@@ -86,6 +89,7 @@ class LimsPageSet(pagination.PageNumberPagination):
     max_page_size = 1000
     page_query_param = 'page'
 
+
 def get_page(data, objs):
     """
     进行分页
diff --git a/appStore/utils/customer_view.py b/appStore/utils/customer_view.py
index 3891eb0d6e68dae159eeee59ce4b820af893b070..96ae975d515d89429a7f26d28fdc42c6a3ac8ee8 100644
--- a/appStore/utils/customer_view.py
+++ b/appStore/utils/customer_view.py
@@ -19,7 +19,7 @@ from django.urls import NoReverseMatch
 from django.utils.decorators import classonlymethod
 from django.views.decorators.csrf import csrf_exempt
 
-from rest_framework import generics, views
+from rest_framework import generics
 from rest_framework.reverse import reverse
 
 from appStore.utils.customer_mixin import CusRetrieveModelMixin, CusListModelMixin, CusCreateModelMixin, \
@@ -184,11 +184,7 @@ class ViewSetMixin(object):
         return action_urls
 
 
-class ViewSet(ViewSetMixin, views.APIView):
-    """
-    The base ViewSet class does not provide any actions by default.
-    """
-    pass
+
 
 
 class GenericViewSet(ViewSetMixin, generics.GenericAPIView):
@@ -200,21 +196,6 @@ class GenericViewSet(ViewSetMixin, generics.GenericAPIView):
     pass
 
 
-class CusReadOnlyModelViewSet(CusRetrieveModelMixin,
-                              CusListModelMixin,
-                              GenericViewSet):
-    """
-    只读 列表和详情
-    """
-    pass
-
-
-class CusReadOnlyListModelViewSet(CusListModelMixin,
-                                  GenericViewSet):
-    """
-    只读列表
-    """
-    pass
 
 
 class CusModelViewSet(CusCreateModelMixin,
@@ -229,28 +210,3 @@ class CusModelViewSet(CusCreateModelMixin,
     pass
 
 
-class CusUpdateModelViewSet(CusUpdateModelMixin,
-                            GenericViewSet):
-    """
-    只允许更新
-    """
-    pass
-
-
-class CusCreateModelViewSet(CusCreateModelMixin,
-                            GenericViewSet):
-    """
-    只允许创建
-    """
-    pass
-
-
-class CusNotDeViewSet(CusCreateModelMixin,
-                      CusRetrieveModelMixin,
-                      CusUpdateModelMixin,
-                      CusListModelMixin,
-                      GenericViewSet):
-    """
-    不允许删除
-    """
-    pass
diff --git a/templates/front-project/src/components/AllHeader.vue b/templates/front-project/src/components/AllHeader.vue
index 4e3070d0cb3d6ecdac6a1dd40b6c3713d342eb9e..12706ab06445bd32f3f80b9a0fe400d631ecf12d 100644
--- a/templates/front-project/src/components/AllHeader.vue
+++ b/templates/front-project/src/components/AllHeader.vue
@@ -15,36 +15,39 @@
   </div>
 </template>
 <script>
-import { getToken } from '@/utils/setToken.js'
+import {getToken} from '@/utils/setToken.js'
+
 export default {
-    data() {
-        return {
-            name: ''
-        }
-    },
-    created() {
-        this.name = getToken('username')
+  name: 'AllHeader',
+  data() {
+    return {
+      name: ''
     }
+  },
+  created() {
+    this.name = getToken('username')
+  }
 }
 </script>
 <style lang="less" scoped>
 .header {
-    .el-header {
+  .el-header {
+    background: #2578b5;
+    color: #fff;
+    line-height: 60px;
+    display: flex;
+    justify-content: space-between;
+
+    .title {
+      width: 200px;
+      font-size: 24px;
+
+      .name {
         background: #2578b5;
         color: #fff;
-        line-height: 60px;
-        display: flex;
-        justify-content: space-between;
-        .title {
-            width: 200px;
-            font-size: 24px;
-
-          .name {
-            background: #2578b5;
-            color: #fff;
-            font-size: 24px;
-          }
-        }
+        font-size: 24px;
+      }
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/templates/front-project/src/views/dataViews/Cpu2006Table.vue b/templates/front-project/src/views/dataViews/Cpu2006Table.vue
index 6dc2a83c93246bc6bd664054376ab260cabe6d1f..14573adcd6f3da39e94c6ec684034819a4e9c32c 100644
--- a/templates/front-project/src/views/dataViews/Cpu2006Table.vue
+++ b/templates/front-project/src/views/dataViews/Cpu2006Table.vue
@@ -35,6 +35,7 @@ import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
 import {cpu2006} from "@/api/api.js";
 import utils from '@/utils/utils';
+import '@/assets/css/global.css';
 
 export default {
   name: 'cpu2006Table',
@@ -59,25 +60,6 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
     getData() {
       cpu2006(this.paramsData).then((response) => {
@@ -90,32 +72,6 @@ export default {
         this.keysToHide = keysToHide;
       });
     },
-    // handleDataLoaded(value) {
-    //   this.showAllData = value;
-    //   // 在这里处理子组件的数据
-    // },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-        // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
-    },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 4];
-      } else if (columnIndex === 1 || columnIndex === 2 || columnIndex === 3) {
-        return [0, 0];
-      }
-    },
 
     // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
     objectSpanMethod({rowIndex, columnIndex}) {
@@ -174,11 +130,7 @@ export default {
 </script>
 
 <style scoped>
-.green-cell {
-  color: green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
 
 .red-cell {
   color: red;
diff --git a/templates/front-project/src/views/dataViews/Cpu2017Table.vue b/templates/front-project/src/views/dataViews/Cpu2017Table.vue
index 41113d4c776539ea38410839fbbe3d9ad6729c40..333f1cb6268e6bf1fa8964152317571bef7677d9 100644
--- a/templates/front-project/src/views/dataViews/Cpu2017Table.vue
+++ b/templates/front-project/src/views/dataViews/Cpu2017Table.vue
@@ -32,13 +32,17 @@
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
 import { cpu2017 } from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name:'cpu2017Table',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       tableDatas: [],
@@ -54,25 +58,6 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
     getData(){
       cpu2017(this.paramsData).then((response) => {
@@ -85,32 +70,6 @@ export default {
       this.keysToHide = keysToHide;
     });
     },
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
-    },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 5];
-      } else if (columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4) {
-        return [0, 0];
-      }
-    },
 
     // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
     objectSpanMethod({rowIndex, columnIndex}) {
@@ -176,11 +135,7 @@ export default {
 ;
 </script>
 <style scoped>
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
 .red-cell {
   color:red;
   background-color: pink;
diff --git a/templates/front-project/src/views/dataViews/EnvTable.vue b/templates/front-project/src/views/dataViews/EnvTable.vue
index f422c670df95c259ae26932636101827a67a34fb..c9b489cb8c3eaf01f67fc41447bbe98c93583579 100644
--- a/templates/front-project/src/views/dataViews/EnvTable.vue
+++ b/templates/front-project/src/views/dataViews/EnvTable.vue
@@ -8,8 +8,7 @@
 <template>
   <div>
     <div id="fixed-top">
-      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"
-                   @data-loaded="handleDataLoaded"/>
+      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"/>
     </div>
     <div style="overflow-x: auto;">
       <el-table :data="tableDatas" border :span-method="objectSpanMethod" style="overflow-x: auto;"
@@ -37,6 +36,7 @@ import {env} from "@/api/api";
 import TableHeader from "@/components/common/TableHeader";
 
 export default {
+  name: 'envTable',
   components: {
     ElTable,
     ElTableColumn,
@@ -63,10 +63,6 @@ export default {
         this.numColumns = Object.keys(this.tableDatas[0]).length
       });
     },
-    handleDataLoaded(value) {
-      console.log(value, 111)
-      // 在这里处理子组件的数据
-    },
 
     // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
     objectSpanMethod({rowIndex, columnIndex}) {
@@ -117,12 +113,7 @@ export default {
 </script>
 
 <style scoped>
-/*对比值的背景色*/
-.green-cell {
-  color: green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
 
 .red-cell {
   color: red;
diff --git a/templates/front-project/src/views/dataViews/FioTable.vue b/templates/front-project/src/views/dataViews/FioTable.vue
index 0bbe5c6b42efda5087e8095f68f7eded25a109b8..692f2ce044f70be55027274c2c7efb4adf169fa5 100644
--- a/templates/front-project/src/views/dataViews/FioTable.vue
+++ b/templates/front-project/src/views/dataViews/FioTable.vue
@@ -8,7 +8,8 @@
 <template>
   <div>
     <div id="fixed-top">
-      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData" @data-loaded="handleDataLoaded"/>
+      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"
+                   @data-loaded="handleDataLoaded"/>
     </div>
     <div style="overflow-x: auto;">
       <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;"
@@ -32,14 +33,18 @@
 <script>
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
-import { fio } from "@/api/api.js";
+import {fio} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'fioTable',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       numColumns: 1,
@@ -56,116 +61,33 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
-    getData(){
+    getData() {
       fio(this.paramsData).then((response) => {
-      this.tableDatas = response.data.data;
-      this.numColumns = Object.keys(this.tableDatas[0]).length;
-      this.showAllData = false; // 默认显示平均数据
-      const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
-        const value = this.tableDatas[0][key];
-        return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        this.tableDatas = response.data.data;
+        this.numColumns = Object.keys(this.tableDatas[0]).length;
+        this.showAllData = false; // 默认显示平均数据
+        const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
+          const value = this.tableDatas[0][key];
+          return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        });
+        this.keysToHide = keysToHide;
       });
-      this.keysToHide = keysToHide;
-    });
-    },
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
-    },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 2];
-      } else if (columnIndex === 1) {
-        return [0, 0];
-      }
-    },
-    // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
     },
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    }
   }
 }
 ;
 </script>
 
 <style scoped>
-/*对比值的背景色*/
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
+
 .red-cell {
-  color:red;
+  color: red;
   background-color: pink;
   /* 其他样式属性 */
 }
+
 #fixed-top {
   position: fixed;
   top: 0;
@@ -173,6 +95,7 @@ export default {
   width: 100%;
   z-index: 9999;
 }
+
 .el-table {
   margin-top: 68px;
 }
diff --git a/templates/front-project/src/views/dataViews/IozoneTable.vue b/templates/front-project/src/views/dataViews/IozoneTable.vue
index fa0eeea9c940f79059c69507d9cfc8e5aafff2a5..4797e75cc37a10da7e8dfc0127e06a13ab5bb389 100644
--- a/templates/front-project/src/views/dataViews/IozoneTable.vue
+++ b/templates/front-project/src/views/dataViews/IozoneTable.vue
@@ -11,10 +11,11 @@
       <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData" @data-loaded="handleDataLoaded"/>
     </div>
     <div style="overflow-x: auto;">
-      <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;"
+      <el-table :data="displayTableData" border style="overflow-x: auto;"
                 :show-header="false" highlight-current-row>
         <template v-for="(value, key, index) in tableDatas[0]" :key="key">
-          <el-table-column v-if="showAllData || !keysToHide.includes(key)" :prop="key" :width="index === 0 ? '210' : ''" align="center">
+          <el-table-column v-if="showAllData || !keysToHide.includes(key)" :prop="key" :width="index === 0 ? '210' : ''"
+                           align="center">
             <template v-slot="{ row }">
               <div :class="getCellClassName(row, key)">
                 {{ row[key] }}
@@ -31,14 +32,18 @@
 <script>
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
-import { iozone } from "@/api/api.js";
+import {iozone} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'iozoneTable',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       numColumns: 1,
@@ -55,116 +60,26 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
-    getData(){
+    getData() {
       iozone(this.paramsData).then((response) => {
-      this.tableDatas = response.data.data;
-      this.numColumns = Object.keys(this.tableDatas[0]).length;
-      this.showAllData = false; // 默认显示平均数据
-      const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
-        const value = this.tableDatas[0][key];
-        return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        this.tableDatas = response.data.data;
+        this.numColumns = Object.keys(this.tableDatas[0]).length;
+        this.showAllData = false; // 默认显示平均数据
+        const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
+          const value = this.tableDatas[0][key];
+          return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        });
+        this.keysToHide = keysToHide;
       });
-      this.keysToHide = keysToHide;
-    });
-    },
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
-    },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 2];
-      } else if (columnIndex === 1) {
-        return [0, 0];
-      }
     },
-    // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
-    },
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    }
   }
 }
 ;
 </script>
 
 <style scoped>
-/*对比值的背景色*/
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
-.red-cell {
-  color:red;
-  background-color: pink;
-  /* 其他样式属性 */
-}
+
 #fixed-top {
   position: fixed;
   top: 0;
@@ -172,6 +87,7 @@ export default {
   width: 100%;
   z-index: 9999;
 }
+
 .el-table {
   margin-top: 68px;
 }
diff --git a/templates/front-project/src/views/dataViews/Jvm2008Table.vue b/templates/front-project/src/views/dataViews/Jvm2008Table.vue
index 4ddfd114f2aa8a7a3a335995e16b6b9535ec37f0..97172774f1e15c106caab0c9a7021b2a57506908 100644
--- a/templates/front-project/src/views/dataViews/Jvm2008Table.vue
+++ b/templates/front-project/src/views/dataViews/Jvm2008Table.vue
@@ -8,12 +8,15 @@
 <template>
   <div>
     <div id="fixed-top">
-      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData" @data-loaded="handleDataLoaded"/>
+      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"
+                   @data-loaded="handleDataLoaded"/>
     </div>
     <div style="overflow-x: auto;">
-      <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;" :show-header="false" highlight-current-row>
+      <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;"
+                :show-header="false" highlight-current-row>
         <template v-for="(value, key,index) in tableDatas[0]" :key="key">
-          <el-table-column v-if="showAllData || !keysToHide.includes(key)" :prop="key" :width="index === 0 ? '100' :(index < 2 ? '150' : '')" align="center">
+          <el-table-column v-if="showAllData || !keysToHide.includes(key)" :prop="key"
+                           :width="index === 0 ? '100' :(index < 2 ? '150' : '')" align="center">
             <template v-slot="{ row }">
               <div :class="getCellClassName(row, key)">
                 {{ row[key] }}
@@ -30,14 +33,18 @@
 <script>
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
-import { jvm2008 } from "@/api/api.js";
+import {jvm2008} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'jvm2008Table',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       numColumns: 1,
@@ -54,113 +61,33 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`;
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
-    getData(){jvm2008(this.paramsData).then((response) => {
-      this.tableDatas = response.data.data;
-      this.numColumns = Object.keys(this.tableDatas[0]).length;
-      this.showAllData = false; // 默认显示平均数据
-      const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
-        const value = this.tableDatas[0][key];
-        return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+    getData() {
+      jvm2008(this.paramsData).then((response) => {
+        this.tableDatas = response.data.data;
+        this.numColumns = Object.keys(this.tableDatas[0]).length;
+        this.showAllData = false; // 默认显示平均数据
+        const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
+          const value = this.tableDatas[0][key];
+          return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        });
+        this.keysToHide = keysToHide;
       });
-      this.keysToHide = keysToHide;
-    });},
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
     },
-    titleObjectSpanMethod({columnIndex }) {
-        if (columnIndex === 0) {
-            return [1, 2];
-          } else if (columnIndex === 1) {
-            return [0, 0];
-          }
-      },
-    // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
-    },
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    }
   }
 }
 ;
 </script>
 
 <style scoped>
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
+
 .red-cell {
-  color:red;
+  color: red;
   background-color: pink;
   /* 其他样式属性 */
 }
+
 #fixed-top {
   position: fixed;
   top: 0;
@@ -168,6 +95,7 @@ export default {
   width: 100%;
   z-index: 9999;
 }
+
 .el-table {
   margin-top: 68px;
 }
diff --git a/templates/front-project/src/views/dataViews/LmbenchTable.vue b/templates/front-project/src/views/dataViews/LmbenchTable.vue
index 827d2482ea5d0a12affd0e4823925abe056078e7..911a6ea27a0bdc145dcae82759b306dc34067d3d 100644
--- a/templates/front-project/src/views/dataViews/LmbenchTable.vue
+++ b/templates/front-project/src/views/dataViews/LmbenchTable.vue
@@ -8,7 +8,8 @@
 <template>
   <div>
     <div id="fixed-top">
-      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData" @data-loaded="handleDataLoaded"/>
+      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"
+                   @data-loaded="handleDataLoaded"/>
     </div>
     <div style="overflow-x: auto;">
       <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;"
@@ -32,14 +33,18 @@
 <script>
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
-import { lmbench } from "@/api/api.js";
+import {lmbench} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'LmbenchTable',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       numColumns: 1,
@@ -56,114 +61,33 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
-    getData(){lmbench(this.paramsData).then((response) => {
-      this.tableDatas = response.data.data;
-      this.numColumns = Object.keys(this.tableDatas[0]).length;
-      this.showAllData = false; // 默认显示平均数据
-      const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
-        const value = this.tableDatas[0][key];
-        return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+    getData() {
+      lmbench(this.paramsData).then((response) => {
+        this.tableDatas = response.data.data;
+        this.numColumns = Object.keys(this.tableDatas[0]).length;
+        this.showAllData = false; // 默认显示平均数据
+        const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
+          const value = this.tableDatas[0][key];
+          return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        });
+        this.keysToHide = keysToHide;
       });
-      this.keysToHide = keysToHide;
-    });},
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
     },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 2];
-      } else if (columnIndex === 1) {
-        return [0, 0];
-      }
-    },
-    // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
-    },
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    }
   }
 }
 ;
 </script>
 
 <style scoped>
-/*对比值的背景色*/
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
+
 .red-cell {
-  color:red;
+  color: red;
   background-color: pink;
   /* 其他样式属性 */
 }
+
 #fixed-top {
   position: fixed;
   top: 0;
@@ -171,6 +95,7 @@ export default {
   width: 100%;
   z-index: 9999;
 }
+
 .el-table {
   margin-top: 68px;
 }
diff --git a/templates/front-project/src/views/dataViews/StoreTable.vue b/templates/front-project/src/views/dataViews/StoreTable.vue
index 84e74c0aa295c439d8f7d2ec9a1de6fcd6ab5539..3c56cb21adff48d100619bce5a21647450afbf44 100644
--- a/templates/front-project/src/views/dataViews/StoreTable.vue
+++ b/templates/front-project/src/views/dataViews/StoreTable.vue
@@ -139,7 +139,7 @@
     </el-container>
   </div>
   <div>
-    <el-dialog :title="'修改project信息'" v-model="dialogFormVisible" width="500px">
+    <el-dialog :title="'修改project信息'" v-model="dialogPutProject" width="500px">
       <el-form :model="form" :rules="rules" ref="form">
         <el-form-item label="项目名称" width="80px" prop="project_name">
           <el-input v-model="form.project_name" autocomplete="off"></el-input>
@@ -156,23 +156,23 @@
       </template>
     </el-dialog>
 
-    <el-drawer v-model="visible" :show-close="false">
+    <el-drawer v-model="boolCompar" :show-close="false">
       <template #header="{  titleId, titleClass }">
         <h4 :id="titleId" :class="titleClass">数据对比</h4>
         <el-button type="danger" @click="reset">重置</el-button>
-        </template>
+      </template>
 
-        <el-table :data="compars" tooltip-effect="dark" border height="500" style="width: 100%" class="tableHead">
-          <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip/>
-          <!--        </el-table-column>-->
-          <el-table-column label="第几次测试" prop="times"/>
-          <el-table-column label="描述" prop="message"/>
-          <el-table-column label="操作">
-            <template #default="scope">
-              <el-button type="danger" @click="delCompar(scope.row)">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+      <el-table :data="compars" tooltip-effect="dark" border height="500" style="width: 100%" class="tableHead">
+        <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip/>
+        <!--        </el-table-column>-->
+        <el-table-column label="第几次测试" prop="times"/>
+        <el-table-column label="描述" prop="message"/>
+        <el-table-column label="操作">
+          <template #default="scope">
+            <el-button type="danger" @click="delCompar(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
 
     </el-drawer>
   </div>
@@ -196,8 +196,8 @@ export default {
   mixins: [utils],
   data() {
     return {
-      visible: false,
-      allProjectDatas: [], // 从后端获取的全部数据
+      boolCompar: false,
+      allDatas: [], // 从后端获取的全部数据
       compars: [],
 
       projectNames: [],//筛选项目名称
@@ -205,7 +205,7 @@ export default {
       osNames: [],//筛选os版本
       cpuNames: [],//筛选cpu型号
 
-      dialogFormVisible: false,
+      dialogPutProject: false,
       //用户修改后的数据
       form: {
         id: 0,
@@ -217,14 +217,6 @@ export default {
       },
     }
   },
-  computed: {
-    showData() {
-      return this.allProjectDatas.slice(
-          (this.currentPage - 1) * this.pageSize,
-          this.currentPage * this.pageSize
-      );
-    },
-  },
   created() {
     this.getData()
   },
@@ -232,9 +224,9 @@ export default {
     //获取页面数据
     getData() {
       // get_project({baseId: '', comparsionIds: '',storeData:true}).then((response) => {
-      project('get',{baseId: '', comparsionIds: '',storeData:true}).then((response) => {
-        this.allProjectDatas = response.data.data
-        this.total = this.allProjectDatas.length;
+      project('get', {baseId: '', comparsionIds: '', storeData: true}).then((response) => {
+        this.allDatas = response.data.data
+        this.total = this.allDatas.length;
       });
       getFilterName().then((response) => {
         this.projectNames = response.data.data.projectNames
@@ -243,36 +235,66 @@ export default {
         this.cpuNames = response.data.data.cpuNames
       });
     },
-    //查询
-    filterHandler(value, row, column) {
-      const property = column['property'];
-      return row[property] === value;
+    //数据对比
+    getComparativeData() {
+      if (this.compars.length === 0) {
+        ElMessage.error({message: '请选择一条基准数据和至少一条对比数据', duration: 1000});
+        return;
+      }
+      const List1 = [this.compars[0].stream, this.compars[0].lmbench, this.compars[0].unixbench, this.compars[0].fio, this.compars[0].iozone, this.compars[0].jvm2008, this.compars[0].cpu2006, this.compars[0].cpu2017]
+      const List2 = ['stream', 'lmbench', 'unixbench', 'fio', 'iozone', 'jvm2008', 'cpu2006', 'cpu2017']
+      const firstNonZeroIndex = List1.findIndex(num => num !== 0);
+      const selectedType = List2[firstNonZeroIndex]
+      const comparsionIds = Object.values(this.compars).map(item => item.env_id);
+      this.$router.push({
+        name: selectedType,
+        "params": {baseId: comparsionIds[0], comparsionIds: comparsionIds.slice(1).join(', ')}
+      });
     },
+    //查看对比数据
     searchComparData() {
-      this.visible = true
+      this.boolCompar = true
     },
+    //删除对比数据
     delCompar(row) {
       this.compars = this.compars.filter(item => item.id !== row.id);
     },
-    reset(){
+    //重置对比数据
+    reset() {
       this.compars = []
     },
-
-    //修改
+    //合并数据
+    mergeData() {
+      if (this.compars.length < 2) {
+        ElMessage.error({message: '至少选择两条数据进行合并', duration: 1000});
+        return;
+      }
+      const env_ids = Object.values(this.compars).map(item => item.env_id);
+      mergeData({env_id: env_ids[0], env_ids: env_ids.slice(1)}).then(response => {
+        if (response.data.code === 200) {
+          ElMessage({message: response.data.message, type: 'success'})
+          this.getData()
+          this.dialogPutProject = false
+        }
+      })
+    },
+    //增加对比数据
+    addCompar(row) {
+      this.compars.push(row)
+    },
+    //修改project数据
     edit(row) {
       this.form = {...row}
-      this.dialogFormVisible = true
+      this.dialogPutProject = true
     },
     //确定修改
     sure(form) {
       this.$refs[form].validate(valid => {
         if (valid) {
-          // // 发送数据
           project('put', this.form).then(response => {
             if (response.data.code === 200) {
               ElMessage({message: response.data.message, type: 'success'})
-              //更新页面数据，绑定key，每次key改变后就会刷新数据
-              this.dialogFormVisible = false
+              this.dialogPutProject = false
               this.getData()
             }
           });
@@ -281,7 +303,7 @@ export default {
     },
     //取消修改
     closeInfo() {
-      this.dialogFormVisible = false
+      this.dialogPutProject = false
     },
     //删除
     del(row) {
@@ -294,7 +316,7 @@ export default {
           project('delete', {id: row.id}).then(response => {
             if (response.data.code === 200) {
               ElMessage({message: response.data.message, type: 'success'})
-              this.dialogFormVisible = false
+              this.dialogPutProject = false
               this.getData()
             }
           })
@@ -303,39 +325,26 @@ export default {
         ElMessage.error({message: '不可以在临时数据表中删除已入库的数据', duration: 1000});
       }
     },
-    addCompar(row) {
-      this.compars.push(row)
+    //查询
+    filterHandler(value, row, column) {
+      const property = column['property'];
+      return row[property] === value;
     },
-    //获取对比数据
-    getComparativeData() {
-      if (this.compars.length === 0) {
-        ElMessage.error({message: '请选择一条基准数据和至少一条对比数据', duration: 1000});
-        return;
+    //选择框只能单选
+    handleSelection(val) {
+      this.testData = val[0];
+      if (val.length > 1) {
+        this.$refs.testTable.clearSelection();
+        this.$refs.testTable.toggleRowSelection(val.pop());
       }
-      const List1 = [this.compars[0].stream, this.compars[0].lmbench, this.compars[0].unixbench, this.compars[0].fio, this.compars[0].iozone, this.compars[0].jvm2008, this.compars[0].cpu2006, this.compars[0].cpu2017]
+    },
+    //数据页面时点击后跳转至对应数据详情页面
+    handleRowClick(row) {
+      const List1 = [row.stream, row.lmbench, row.unixbench, row.fio, row.iozone, row.jvm2008, row.cpu2006, row.cpu2017]
       const List2 = ['stream', 'lmbench', 'unixbench', 'fio', 'iozone', 'jvm2008', 'cpu2006', 'cpu2017']
       const firstNonZeroIndex = List1.findIndex(num => num !== 0);
-      const selectedType = List2[firstNonZeroIndex]
-      const comparsionIds = Object.values(this.compars).map(item => item.env_id);
-      this.$router.push({
-        name: selectedType,
-        "params": {baseId: comparsionIds[0], comparsionIds: comparsionIds.slice(1).join(', ')}
-      });
-    },
-    //合并数据
-    mergeData() {
-      if (this.compars.length < 2) {
-        ElMessage.error({message: '至少选择两条数据进行合并', duration: 1000});
-        return;
-      }
-      const env_ids = Object.values(this.compars).map(item => item.env_id);
-      mergeData({env_id: env_ids[0], env_ids: env_ids.slice(1)}).then(response => {
-        if (response.data.code === 200) {
-          ElMessage({message: response.data.message, type: 'success'})
-          this.getData()
-          this.dialogFormVisible = false
-        }
-      })
+      this.selectedType = List2[firstNonZeroIndex]
+      this.$router.push({name: this.selectedType, "params": {baseId: row.env_id, comparsionIds: ''}});
     },
   }
 }
diff --git a/templates/front-project/src/views/dataViews/StreamTable.vue b/templates/front-project/src/views/dataViews/StreamTable.vue
index 8e3a64e5870cd2289533c7e0fe2832e5a7765d65..ba261b15c11ca43c25f5a492700018458602f615 100644
--- a/templates/front-project/src/views/dataViews/StreamTable.vue
+++ b/templates/front-project/src/views/dataViews/StreamTable.vue
@@ -33,13 +33,17 @@
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
 import {stream} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'streamTable',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       tableDatas: [],
@@ -55,25 +59,7 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
+  computed: {},
   methods: {
     getData() {
       stream(this.paramsData).then((response) => {
@@ -86,70 +72,11 @@ export default {
         this.keysToHide = keysToHide;
       });
     },
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-        // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
-      }
-      return '';
-    },
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
-    },
-
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    },
   }
 };
 </script>
 
 <style scoped>
-.green-cell {
-  color: green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
 
 .red-cell {
   color: red;
diff --git a/templates/front-project/src/views/dataViews/UnxibenchTable.vue b/templates/front-project/src/views/dataViews/UnxibenchTable.vue
index 3328fcb817e2b0de2854ea9d35aff316b06bd445..fc0c236013f40acf2d0cbb38b3c5a6b08d8d705f 100644
--- a/templates/front-project/src/views/dataViews/UnxibenchTable.vue
+++ b/templates/front-project/src/views/dataViews/UnxibenchTable.vue
@@ -8,7 +8,8 @@
 <template>
   <div>
     <div id="fixed-top">
-      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData" @data-loaded="handleDataLoaded"/>
+      <TableHeader :tableDatas="tableDatas" :dataName="dataName" :showAllData="showAllData"
+                   @data-loaded="handleDataLoaded"/>
     </div>
     <div style="overflow-x: auto;">
       <el-table :data="displayTableData" border :span-method="objectSpanMethod" style="overflow-x: auto;"
@@ -16,7 +17,7 @@
         <template v-for="(value, key, index) in tableDatas[0]" :key="key">
           <el-table-column v-if="showAllData || !keysToHide.includes(key)" :prop="key"
                            :width="index === 0 ? '100' :(index === 1 ? '360' : '')" align="center">
-            <template v-slot="{ row }" >
+            <template v-slot="{ row }">
               <div :class="getCellClassName(row, key)">
                 {{ row[key] }}
               </div>
@@ -32,14 +33,18 @@
 <script>
 import {ElTable, ElTableColumn} from 'element-plus';
 import TableHeader from "@/components/common/TableHeader.vue";
-import { unixbench } from "@/api/api.js";
+import {unixbench} from "@/api/api.js";
+import utils from "@/utils/utils";
+import '@/assets/css/global.css';
 
 export default {
+  name: 'unixbenchTable',
   components: {
     ElTable,
     ElTableColumn,
     TableHeader
   },
+  mixins: [utils],
   data() {
     return {
       numColumns: 1,
@@ -56,105 +61,27 @@ export default {
   created() {
     this.getData()
   },
-  computed: {
-    displayTableData() {
-      if (this.showAllData) {
-        return this.tableDatas;
-      } else {
-        let count = 1;
-        const modifiedTableData = JSON.parse(JSON.stringify(this.tableDatas)); // 深拷贝原始数据
-        modifiedTableData.forEach(row => {
-          Object.entries(row).forEach(([key, value]) => {
-            if (typeof value === 'string' && key.startsWith('column') && value.startsWith('平均值')) {
-              row[key] = value + this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#" + `${count}`; // 将"平均值"替换为"this.dataName#"
-              count++;
-            }
-          });
-        });
-        return modifiedTableData;
-      }
-    }
-  },
   methods: {
-    getData(){unixbench(this.paramsData).then((response) => {
-      this.tableDatas = response.data.data;
-      this.numColumns = Object.keys(this.tableDatas[0]).length;
-      this.showAllData = false; // 默认显示平均数据
-      const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
-        const value = this.tableDatas[0][key];
-        return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+    getData() {
+      unixbench(this.paramsData).then((response) => {
+        this.tableDatas = response.data.data;
+        this.numColumns = Object.keys(this.tableDatas[0]).length;
+        this.showAllData = false; // 默认显示平均数据
+        const keysToHide = Object.keys(this.tableDatas[0]).filter(key => {
+          const value = this.tableDatas[0][key];
+          return value.includes(this.dataName.charAt(0).toUpperCase() + this.dataName.slice(1) + "#");
+        });
+        this.keysToHide = keysToHide;
       });
-      this.keysToHide = keysToHide;
-    });},
-    handleDataLoaded(value) {
-      this.showAllData = value;
-      // 在这里处理子组件的数据
     },
     tableRowClassName({rowIndex}) {
-        if (rowIndex === 16) {
-          return 'warning-row';
-        } else if (rowIndex === 29) {
-          return 'success-row';
-        }
-        return '';
-    },
-    getCellClassName(row, key) {
-      let value = row[key];
-      if (typeof value === 'string' && value.endsWith('%')) {
-        // 去除百分比符号 "%"
-        value = value.replace('%', '');
-         // 将百分比转换为小数
-        value = parseFloat(value);
-        if (value >= 5) {
-          return 'green-cell';
-        } else if (value < -5) {
-          return 'red-cell';
-        }
+      if (rowIndex === 16) {
+        return 'warning-row';
+      } else if (rowIndex === 29) {
+        return 'success-row';
       }
       return '';
     },
-    titleObjectSpanMethod({columnIndex}) {
-      if (columnIndex === 0) {
-        return [1, 2];
-      } else if (columnIndex === 1) {
-        return [0, 0];
-      }
-    },
-    // 单元格的处理方法 当前行row、当前列column、当前行号rowIndex、当前列号columnIndex
-    objectSpanMethod({rowIndex, columnIndex}) {
-      //columnIndex 表示需要合并的列，多列时用 || 隔开
-      if (columnIndex === 0) {
-        const _row = this.filterData(this.tableDatas, columnIndex).one[rowIndex];
-        const _col = _row > 0 ? 1 : 0;  // 为0是不执行合并。 为1是从当前单元格开始，执行合并1列
-        return {
-          rowspan: _row,
-          colspan: _col,
-        }
-      }
-    },
-    filterData(arr, colIndex) {
-      let spanOneArr = [];
-      let concatOne = 0;
-      arr.forEach((item, index) => {
-        if (index === 0) {
-          spanOneArr.push(1);
-        } else {
-          //first second 分别表示表格数据第一列和第二列对应的参数字段，根据实际参数修改
-          if (colIndex === 0) {
-            if (item.column1 === arr[index - 1].column1) {
-              spanOneArr[concatOne] += 1;
-              spanOneArr.push(0);
-            } else {
-              spanOneArr.push(1);
-              concatOne = index;
-            }
-          }
-        }
-      });
-      return {
-        one: spanOneArr,
-      };
-    }
   }
 };
 </script>
@@ -165,6 +92,7 @@ export default {
   height: 15px;
   line-height: 15px;
 }
+
 .el-table .warning-row {
   background: oldlace;
 }
@@ -173,16 +101,14 @@ export default {
   background: #f0f9eb;
 }
 
-.green-cell {
-  color:green;
-  background-color: greenyellow;
-  /* 其他样式属性 */
-}
+
+
 .red-cell {
-  color:red;
+  color: red;
   background-color: pink;
   /* 其他样式属性 */
 }
+
 #fixed-top {
   position: fixed;
   top: 0;
@@ -190,6 +116,7 @@ export default {
   width: 100%;
   z-index: 9999;
 }
+
 .el-table {
   margin-top: 68px;
 }
diff --git a/templates/front-project/src/views/errorViews/ErrorList.vue b/templates/front-project/src/views/errorViews/ErrorList.vue
index 618494d866f7fe71e6e8d9cab1b7217989268787..1c1c10b20673336dd62da4366ae92cf417b12fed 100644
--- a/templates/front-project/src/views/errorViews/ErrorList.vue
+++ b/templates/front-project/src/views/errorViews/ErrorList.vue
@@ -26,7 +26,7 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="错误描述：">
-                <el-input class="custom-input" v-model="errorData.errorDescription" placeholder="请输入关键词"/>
+                <el-input v-model="errorData.errorDescription" placeholder="请输入关键词"/>
               </el-form-item>
               <el-form-item label="日志节选：">
                 <el-input v-model="errorData.errorExport" placeholder="请输入关键词"/>
@@ -37,7 +37,7 @@
             <el-button type="warning" style=" margin-left: 50px;" @click="reset">重置</el-button>
           </div>
           <div class="cont">
-            <el-table :data="showData" :key="itemKey" :header-cell-style="{fontSize:'5px'}"
+            <el-table :data="showData" :header-cell-style="{fontSize:'5px'}"
                       tooltip-effect="dark" border style="width: 100%" class="tableHead">
               <el-table-column prop="error_type" label="错误类型"></el-table-column>
               <el-table-column prop="user_name" label="操作人员"></el-table-column>
@@ -47,7 +47,7 @@
               <el-table-column prop="solution" label="解决方案"></el-table-column>
               <el-table-column label="详细日志" width="180">
                 <template #default="scope">
-                  <el-button type="primary" @click="down(scope.row)">日志</el-button>
+                  <el-button type="primary" @click="downLog(scope.row)">日志</el-button>
                 </template>
               </el-table-column>
               <el-table-column label="操作" width="180">
@@ -76,28 +76,28 @@
     </el-container>
   </div>
   <div>
-    <el-dialog :title="'新增error数据'" v-model="errorPostDialog" width="500px">
+    <el-dialog :title="'新增error数据'" v-model="dialogErrorPost" width="500px">
       <el-form :model="errorData" :rules="rules" ref="errorData">
-        <el-form-item label="错误类型" :label-width="formLabelWidth" prop="errType">
+        <el-form-item label="错误类型" prop="errType">
           <el-select v-model="errorData.errType" class="m-2" placeholder="请选择错误类型">
             <el-option v-for="item in errTypes" :key="item" :label="item" :value="item" placeholder="请输入错误类型"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="测试类型" :label-width="formLabelWidth" prop="testType">
+        <el-form-item label="测试类型" prop="testType">
           <el-select v-model="errorData.testType" class="m-2" placeholder="请选择测试类型">
             <el-option v-for="item in testTypes" :key="item" :label="item" :value="item" placeholder="请选择测试类型"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="错误描述" :label-width="formLabelWidth" prop="errorDescription">
+        <el-form-item label="错误描述" prop="errorDescription">
           <el-input v-model="errorData.errorDescription" autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="日志节选" :label-width="formLabelWidth" prop="errorExport">
+        <el-form-item label="日志节选" prop="errorExport">
           <el-input v-model="errorData.errorExport" autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="请选择错误的测试数据" :label-width="formLabelWidth" prop="errorLogPath">
+        <el-form-item label="请选择错误的测试数据" prop="errorLogPath">
           <el-button type="warning" class="button-style" plain @click="selectTestList">选择测试数据</el-button>
         </el-form-item>
-        <el-form-item label="解决方案" :label-width="formLabelWidth" prop="solution">
+        <el-form-item label="解决方案" prop="solution">
           <el-input v-model="errorData.solution" autocomplete="off"></el-input>
         </el-form-item>
       </el-form>
@@ -106,27 +106,26 @@
         <el-button type="primary" @click="addSure('form')">确 定</el-button>
       </template>
     </el-dialog>
-  </div>
-  <div>
-    <el-dialog :title="'修改error数据'" v-model="errorPutDialog" width="500px">
+
+    <el-dialog :title="'修改error数据'" v-model="dialogErrorPut" width="500px">
       <el-form :model="errorData" :rules="rules" ref="errorData">
-        <el-form-item label="错误类型" :label-width="formLabelWidth" prop="errType">
+        <el-form-item label="错误类型" prop="errType">
           <el-select v-model="errorData.errType" class="m-2" placeholder="请选择错误类型">
             <el-option v-for="item in errTypes" :key="item" :label="item" :value="item" placeholder="请输入错误类型"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="测试类型" :label-width="formLabelWidth" prop="testType">
+        <el-form-item label="测试类型" prop="testType">
           <el-select v-model="errorData.testType" class="m-2" placeholder="请选择测试类型">
             <el-option v-for="item in testTypes" :key="item" :label="item" :value="item" placeholder="请选择测试类型"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="错误描述" :label-width="formLabelWidth" prop="errorDescription">
+        <el-form-item label="错误描述" prop="errorDescription">
           <el-input v-model="errorData.errorDescription" autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="日志节选" :label-width="formLabelWidth" prop="errorExport">
+        <el-form-item label="日志节选" prop="errorExport">
           <el-input v-model="errorData.errorExport" autocomplete="off"></el-input>
         </el-form-item>
-        <el-form-item label="解决方案" :label-width="formLabelWidth" prop="solution">
+        <el-form-item label="解决方案" prop="solution">
           <el-input v-model="errorData.solution" autocomplete="off"></el-input>
         </el-form-item>
       </el-form>
@@ -135,9 +134,8 @@
         <el-button type="primary" @click="modifySure('form')">确 定</el-button>
       </template>
     </el-dialog>
-  </div>
-  <div>
-    <el-dialog :title="'选择测试数据'" v-model="testDialog" width="800px">
+
+    <el-dialog :title="'选择测试数据'" v-model="dialogTest" width="800px">
       <el-table ref="testTable" :data="testDatas" @selection-change="handleSelection"
                 tooltip-effect="dark" border height="500" style="width: 100%" class="tableHead">
         <el-table-column type="selection" width="55"/>
@@ -153,7 +151,6 @@
         </span>
       </template>
     </el-dialog>
-
   </div>
 </template>
 
@@ -162,7 +159,7 @@
 import {ElMessage} from 'element-plus';
 import AllHeader from "@/components/common/AllHeader";
 import Menu from "@/components/common/AllMenu";
-import {down_message, error_list, test_case} from "@/api/api";
+import {error_list, test_case} from "@/api/api";
 import utils from '@/utils/utils';
 
 export default {
@@ -174,7 +171,7 @@ export default {
   },
   data() {
     return {
-      tableDatas: [],
+      allDatas: [],
       iterations: {},
       errTypes: ['编译类型错误', '运行类型错误'],
       testTypes: ['stream', 'lmbench', 'unixbench', 'fio', 'iozone', 'jvm2008', 'cpu2006', 'cpu2017', 'other'],
@@ -193,33 +190,25 @@ export default {
         errorExport: [{required: true, message: '请输入错误日志节选'}],
         solution: [{required: true, message: '请输入解决方案'}],
       },
-      errorPostDialog: false,
-      errorPutDialog: false,
-      testDialog: false,
+      dialogErrorPost: false,
+      dialogErrorPut: false,
+      dialogTest: false,
       testData: '',
       testDatas: [],
       modifyID: 0,
     };
   },
-  computed: {
-    showData() {
-      return this.tableDatas.slice(
-          (this.currentPage - 1) * this.pageSize,
-          this.currentPage * this.pageSize
-      );
-    },
-  },
   created() {
     this.getData()
   },
   methods: {
     getData() {
-      this.itemKey = Math.random()
       error_list('get', {}).then((response) => {
-        this.tableDatas = response.data.data;
-        this.total = this.tableDatas.length;
+        this.allDatas = response.data.data;
+        this.total = this.allDatas.length;
       });
     },
+    //查找
     search() {
       error_list('get', {
         error_type: this.errorData.errType,
@@ -229,58 +218,37 @@ export default {
       }).then(response => {
         if (response.data.code === 200) {
           ElMessage({message: response.data.message, type: 'success'})
-          this.tableDatas = response.data.data;
-          this.total = this.tableDatas.length;
+          this.allDatas = response.data.data;
+          this.total = this.allDatas.length;
         }
       })
     },
-    down(row) {
-      down_message({result_log_name: row.error_log_path}).then((response) => {
-        const url = window.URL.createObjectURL(new Blob([response.data]))
-        const link = document.createElement('a')
-        link.href = url
-        link.setAttribute('download', 'log.tar')
-        document.body.appendChild(link)
-        link.click()
-      }).catch(error => {
-        if (error.code === "ERR_BAD_REQUEST") {
-          ElMessage({message: "下载失败没有找到对应日志", type: 'warning'})
-        }
-      }).finally(() => {
-        // excelDisabled 将被设置为 true，然后立即被设置为 false,禁用的时间非常短，不足以被用户察觉到。
-        this.excelDisabled = false;
-      });
-    },
-
-    reset(){
-      this.errorData= {
-        errType: '',
-        testType: '',
-        errorDescription: '',
-        errorExport: '',
-        errorLogPath: '',
-        solution: '',
-      }
-      this.getData()
-    },
 
+    //新增
     add() {
-      this.errorPostDialog = true
+      this.dialogErrorPost = true
     },
+    //新增的取消
     closeInfo() {
-      this.errorPostDialog = false
-      this.errorPutDialog = false
-    },
-    closeTest() {
-      this.testDialog = false
+      this.dialogErrorPost = false
+      this.dialogErrorPut = false
     },
+    //新增中的测试数据列表
     selectTestList() {
-      this.testDialog = true
+      this.dialogTest = true
       test_case('get', {}).then((response) => {
         this.testDatas = response.data.data;
       });
-      this.testDialog = true
+      this.dialogTest = true
+    },
+    //新增中的选中测试数据
+    selectTestSure() {
+      this.errorData.errorLogPath = this.testData.result_log_name
+      this.dialogTest = false
+      console.log(this.testData)
+      console.log(this.errorData)
     },
+    //选择框只能单选
     handleSelection(val) {
       this.testData = val[0];
       if (val.length > 1) {
@@ -288,12 +256,13 @@ export default {
         this.$refs.testTable.toggleRowSelection(val.pop());
       }
     },
-    selectTestSure() {
-      this.errorData.errorLogPath = this.testData.result_log_name
-      this.testDialog = false
+    //选择测试数据的取消
+    closeTest() {
+      this.dialogTest = false
     },
+    //确定新增数据
     addSure() {
-      this.errorPostDialog = false;
+      this.dialogErrorPost = false;
       const errData = {
         error_type: this.errorData.errType,
         test_type: this.errorData.testType,
@@ -309,9 +278,21 @@ export default {
         }
       })
     },
-
+    //重置筛选
+    reset() {
+      this.errorData = {
+        errType: '',
+        testType: '',
+        errorDescription: '',
+        errorExport: '',
+        errorLogPath: '',
+        solution: '',
+      }
+      this.getData()
+    },
+    //修改数据
     modify(row) {
-      this.errorPutDialog = true
+      this.dialogErrorPut = true
       this.modifyID = row.id
       this.errorData = {
         errType: row.error_type,
@@ -321,8 +302,9 @@ export default {
         solution: row.solution,
       }
     },
+    //确定修改数据
     modifySure() {
-      this.errorPutDialog = false;
+      this.dialogErrorPut = false;
       const errData = {
         id: this.modifyID,
         error_type: this.errorData.errType,
@@ -339,7 +321,7 @@ export default {
         }
       })
     },
-
+    //删除数据
     del(row) {
       this.$confirm(`确认删除此行数据吗？`, '提示', {
         confirmButtonText: '确定',
@@ -365,9 +347,5 @@ export default {
   justify-content: center;
   /*background-color: #f2f2f2;*/
 }
-::v-deep .el-input__inner {
-  /* Override padding or other styles here */
-  padding-right: 0;
-}
 </style>
 
diff --git a/templates/front-project/src/views/testViews/ConfigList.vue b/templates/front-project/src/views/testViews/ConfigList.vue
index 6ed1d3bb8f7d20327a701d8a892e6775373f0afd..4810ddcaed0da173118418297353ec3ac8709b30 100644
--- a/templates/front-project/src/views/testViews/ConfigList.vue
+++ b/templates/front-project/src/views/testViews/ConfigList.vue
@@ -13,7 +13,7 @@
       <el-container>
         <el-main>
           <div class="cont">
-            <el-table ref="configData" :data="showData" tooltip-effect="dark" border style="width: 100%"
+            <el-table ref="allDatas" :data="showData" tooltip-effect="dark" border style="width: 100%"
                       :key="itemKey" :header-cell-style="{fontSize:'5px'}" class="tableHead">
               <el-table-column prop="config_name" label="配置文件名称"/>
               <el-table-column prop="message" label="描述"/>
@@ -60,26 +60,18 @@ export default {
   },
   data() {
     return {
-      configData: [],
+      allDatas: [],
       userConfig: {},
     };
   },
-  computed: {
-    showData() {
-      return this.configData.slice(
-          (this.currentPage - 1) * this.pageSize,
-          this.currentPage * this.pageSize
-      );
-    },
-  },
   created() {
     this.getData()
   },
   methods: {
     getData(){
       user_config('get', {}).then((response) => {
-      this.configData = response.data.data;
-      this.total = this.configData.length;
+      this.allDatas = response.data.data;
+      this.total = this.allDatas.length;
     });
     },
     del(row) {
diff --git a/templates/front-project/src/views/testViews/DoTest.vue b/templates/front-project/src/views/testViews/DoTest.vue
index 3e1e33d7346370afd2dd26d45f5e1cbb3f550b79..98f3f784a3f7e13647144ac4c694109e52826a01 100644
--- a/templates/front-project/src/views/testViews/DoTest.vue
+++ b/templates/front-project/src/views/testViews/DoTest.vue
@@ -13,38 +13,38 @@
       <div class="form-container">
         <el-form :label-position="labelPosition" label-width="300px" :model="iterations">
           <el-form-item label="配置文件名称：">
-            <el-input v-model="configName"/>
+            <el-input v-model="formData.configName"/>
           </el-form-item>
           <el-form-item label="项目名称：">
-            <el-input v-model="projectName"/>
+            <el-input v-model="formData.projectName"/>
           </el-form-item>
           <el-form-item label="kytuning的用户密码：">
-            <el-input v-model="userPassword" placeholder="因为数据库加密了，无法解密，所以只能用户输入一次密码"/>
+            <el-input v-model="formData.userPassword" placeholder="因为数据库加密了，无法解密，所以只能用户输入一次密码"/>
           </el-form-item>
           <el-form-item label="测试项的迭代次数：">
             <el-form-item label="stream迭代次数：">
-              <el-input v-model="iterations.stream"/>
+              <el-input v-model="formData.iterations.stream"/>
             </el-form-item>
             <el-form-item label="lmbench迭代次数：">
-              <el-input v-model="iterations.lmbench"/>
+              <el-input v-model="formData.iterations.lmbench"/>
             </el-form-item>
             <el-form-item label="unixbench迭代次数：">
-              <el-input v-model="iterations.unixbench"/>
+              <el-input v-model="formData.iterations.unixbench"/>
             </el-form-item>
             <el-form-item label="fio迭代次数：">
-              <el-input v-model="iterations.fio"/>
+              <el-input v-model="formData.iterations.fio"/>
             </el-form-item>
             <el-form-item label="iozone迭代次数：">
-              <el-input v-model="iterations.iozone"/>
+              <el-input v-model="formData.iterations.iozone"/>
             </el-form-item>
             <el-form-item label="jvm2008迭代次数：">
-              <el-input v-model="iterations.jvm2008"/>
+              <el-input v-model="formData.iterations.jvm2008"/>
             </el-form-item>
             <el-form-item label="cpu2006迭代次数：">
-              <el-input v-model="iterations.cpu2006"/>
+              <el-input v-model="formData.iterations.cpu2006"/>
             </el-form-item>
             <el-form-item label="cpu2017迭代次数：">
-              <el-input v-model="iterations.cpu2017"/>
+              <el-input v-model="formData.iterations.cpu2017"/>
             </el-form-item>
           </el-form-item>
           <el-form-item label="编辑yaml配置文件：">
@@ -64,7 +64,7 @@
           </el-form-item>
 
           <el-form-item label="测试机器IP：">
-            <el-input v-model="testIP"/>
+            <el-input v-model="formData.testIP"/>
             <!--            <el-select v-model="testIP" placeholder="请选择测试机器IP">-->
             <!--              <el-option v-for="option in machineOptions" :key="option.value" :label="option.label"-->
             <!--                         :value="option.value"/>-->
@@ -75,7 +75,7 @@
           </el-form-item>
 
           <el-form-item label="测试机器密码：">
-            <el-input v-model="testPassword" placeholder="因为还没有做设备管理，所以先让用户手动输入密码"/>
+            <el-input v-model="formData.testPassword" placeholder="因为还没有做设备管理，所以先让用户手动输入密码"/>
             <!--            <el-select v-model="testIP" placeholder="请选择测试机器IP">-->
             <!--              <el-option v-for="option in machineOptions" :key="option.value" :label="option.label"-->
             <!--                         :value="option.value"/>-->
@@ -85,7 +85,7 @@
             <!--            </el-form-item>-->
           </el-form-item>
           <el-form-item label="描述：">
-            <el-input v-model="message"/>
+            <el-input v-model="formData.message"/>
           </el-form-item>
         </el-form>
         <div class="button-container">
@@ -99,12 +99,12 @@
   </div>
   <div>
     <el-dialog :title="'修改' + yamlType +'信息'" v-model="yamlDialog" width="800px">
-      <el-input v-model="yamlData[yamlType]" :autosize="{ minRows: 4, maxRows: 25 }" type="textarea"
+      <el-input v-model="formData.yamlData[yamlType]" :autosize="{ minRows: 4, maxRows: 25 }" type="textarea"
                 placeholder="Please input"/>
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="closeInfo">取 消</el-button>
-          <el-button type="primary" @click="changeYaml(yamlData)">确 定</el-button>
+          <el-button type="primary" @click="putYaml(formData.yamlData)">确 定</el-button>
         </span>
       </template>
     </el-dialog>
@@ -136,7 +136,7 @@ import {ElMessage} from 'element-plus'
 import {do_test_case, user_config} from "@/api/api";
 
 export default {
-  name: 'sendTest',
+  name: 'doTest',
   components: {
     AllHeader,
     Menu,
@@ -144,31 +144,31 @@ export default {
   data() {
     return {
       labelPosition: ref('right'),
-      configName: '',
-      projectName: '',
-      userPassword: '',
-      yamlData: baseYamlData,
-      testIP: '',
-      testPassword: '',
-      message: '',
-      iterations: {
-        stream: '',
-        lmbench: '',
-        unixbench: '',
-        fio: '',
-        iozone: '',
-        jvm2008: '',
-        cpu2006: '',
-        cpu2006_loongarch64: '',
-        cpu2017: '',
+      formData: {
+        configName: '',
+        projectName: '',
+        userPassword: '',
+        yamlData: baseYamlData,
+        testIP: '',
+        testPassword: '',
+        message: '',
+        iterations: {
+          stream: '',
+          lmbench: '',
+          unixbench: '',
+          fio: '',
+          iozone: '',
+          jvm2008: '',
+          cpu2006: '',
+          cpu2006_loongarch64: '',
+          cpu2017: '',
+        },
       },
 
-      machineOptions: [],
       yamlDialog: false,
-      yamlType: '',
-
       configDialog: false,
       configNameDialog: false,
+      yamlType: '',
       configID: 0,
       configData: '',
       configDatas: [],
@@ -178,55 +178,51 @@ export default {
     this.getData()
   },
   methods: {
-    getData() {
-      if (this.$route.query.configID) {
-        this.configID = this.$route.query.configID
-      }
-
-      this.machineOptions = [
-        {label: '172.29.220.100', value: '172.29.220.100'},
-        {label: '172.29.220.101', value: '172.29.220.101'},
-      ]
-    },
+    getData() {},
+    //展示yaml文件
     showYaml(yamlType) {
       this.yamlDialog = true
       this.yamlType = yamlType
     },
+    //关闭对话框
     closeInfo() {
       this.yamlDialog = false
       this.configDialog = false
     },
-    changeYaml(yamlData) {
-      this.yamlData = yamlData
+    //修改yaml文件
+    putYaml(yamlData) {
+      this.formData.yamlData = yamlData
       this.yamlDialog = false;
     },
+    //一键摸底
     doBase() {
-      this.iterations.stream = 50
-      this.iterations.lmbench = 3
-      this.iterations.unixbench = 3
-      this.iterations.fio = 3
-      this.iterations.iozone = 0
-      this.iterations.jvm2008 = 1
-      this.iterations.cpu2006 = 1
-      this.iterations.cpu2017 = 0
-      this.yamlData = baseYamlData
+      this.formData.iterations.stream = 50
+      this.formData.iterations.lmbench = 3
+      this.formData.iterations.unixbench = 3
+      this.formData.iterations.fio = 3
+      this.formData.iterations.iozone = 0
+      this.formData.iterations.jvm2008 = 1
+      this.formData.iterations.cpu2006 = 1
+      this.formData.iterations.cpu2017 = 0
+      this.formData.yamlData = baseYamlData
     },
-    lastTest(){
+    //最后一次测试数据
+    lastTest() {
       user_config('get', {configID: 0}).then(response => {
         const config = response.data.data[0]
         this.configID = config.id
-        this.configName = config.config_name
-        this.projectName = config.project_name
-        this.userPassword = config.user_password
-        this.iterations.stream = config.stream_number
-        this.iterations.lmbench = config.lmbench_number
-        this.iterations.unixbench = config.unixbench_number
-        this.iterations.fio = config.fio_number
-        this.iterations.iozone = config.iozone_number
-        this.iterations.jvm2008 = config.jvm2008_number
-        this.iterations.cpu2006 = config.cpu2006_number
-        this.iterations.cpu2017 = config.cpu2017_number
-        this.yamlData = {
+        this.formData.configName = config.config_name
+        this.formData.projectName = config.project_name
+        this.formData.userPassword = config.user_password
+        this.formData.iterations.stream = config.stream_number
+        this.formData.iterations.lmbench = config.lmbench_number
+        this.formData.iterations.unixbench = config.unixbench_number
+        this.formData.iterations.fio = config.fio_number
+        this.formData.iterations.iozone = config.iozone_number
+        this.formData.iterations.jvm2008 = config.jvm2008_number
+        this.formData.iterations.cpu2006 = config.cpu2006_number
+        this.formData.iterations.cpu2017 = config.cpu2017_number
+        this.formData.yamlData = {
           stream: config.stream_config,
           lmbench: config.lmbench_config,
           unixbench: config.unixbench_config,
@@ -237,17 +233,19 @@ export default {
           cpu2006_loongarch64: config.cpu2006_loongarch64_config,
           cpu2017: config.cpu2017_config,
         }
-        this.testIP = config.test_ip
-        this.testPassword = config.test_password
-        this.message = config.message
+        this.formData.testIP = config.test_ip
+        this.formData.testPassword = config.test_password
+        this.formData.message = config.message
       })
     },
-
+    //选中配置列表
     select() {
-      user_config('get').then(response => {this.configDatas = response.data.data})
+      user_config('get').then(response => {
+        this.configDatas = response.data.data
+      })
       this.configDialog = true
     },
-
+    //选择框只能单选
     handleSelection(val) {
       this.configData = val[0];
       if (val.length > 1) {
@@ -255,52 +253,55 @@ export default {
         this.$refs.configTable.toggleRowSelection(val.pop());
       }
     },
-
+    //选中配置
     selectConfig() {
-      this.projectName = this.configData.project_name
-      this.userPassword = this.configData.user_password
-      this.iterations.stream = this.configData.stream_number
-      this.iterations.lmbench = this.configData.lmbench_number
-      this.iterations.unixbench = this.configData.unixbench_number
-      this.iterations.fio = this.configData.fio_number
-      this.iterations.iozone = this.configData.iozone_number
-      this.iterations.jvm2008 = this.configData.jvm2008_number
-      this.iterations.cpu2006 = this.configData.cpu2006_number
-      this.iterations.cpu2017 = this.configData.cpu2017_number
-      this.yamlData.stream = this.configData.stream_config
-      this.yamlData.lmbench = this.configData.lmbench_config
-      this.yamlData.unixbench = this.configData.unixbench_config
-      this.yamlData.fio = this.configData.fio_config
-      this.yamlData.iozone = this.configData.iozone_config
-      this.yamlData.cpu2006 = this.configData.cpu2006_config
-      this.yamlData.cpu2006_loongarch64_config = this.configData.cpu2006_loongarch64_config_config
-      this.yamlData.cpu2017 = this.configData.cpu2017_config
-      this.testIP = this.configData.test_ip
-      this.testPassword = this.configData.test_password
-      this.message = this.configData.message
+      this.configID = this.configData.id
+      this.formData.configName = this.configData.config_name
+      this.formData.projectName = this.configData.project_name
+      this.formData.userPassword = this.configData.user_password
+      this.formData.iterations.stream = this.configData.stream_number
+      this.formData.iterations.lmbench = this.configData.lmbench_number
+      this.formData.iterations.unixbench = this.configData.unixbench_number
+      this.formData.iterations.fio = this.configData.fio_number
+      this.formData.iterations.iozone = this.configData.iozone_number
+      this.formData.iterations.jvm2008 = this.configData.jvm2008_number
+      this.formData.iterations.cpu2006 = this.configData.cpu2006_number
+      this.formData.iterations.cpu2017 = this.configData.cpu2017_number
+      this.formData.yamlData.stream = this.configData.stream_config
+      this.formData.yamlData.lmbench = this.configData.lmbench_config
+      this.formData.yamlData.unixbench = this.configData.unixbench_config
+      this.formData.yamlData.fio = this.configData.fio_config
+      this.formData.yamlData.iozone = this.configData.iozone_config
+      this.formData.yamlData.cpu2006 = this.configData.cpu2006_config
+      this.formData.yamlData.cpu2006_loongarch64_config = this.configData.cpu2006_loongarch64_config_config
+      this.formData.yamlData.cpu2017 = this.configData.cpu2017_config
+      this.formData.testIP = this.configData.test_ip
+      this.formData.testPassword = this.configData.test_password
+      this.formData.message = this.configData.message
       this.configDialog = false
     },
-
+    //更新配置
     update() {
       if (this.check()) {
+        console.log(this.configID)
         if (this.configID) {
           const formData = {
             id: this.configID,
-            config_name: this.configName,
-            project_name: this.projectName,
-            test_ip: this.testIP,
-            test_password: this.testPassword,
-            user_password: this.userPassword,
-            stream: this.iterations.stream,
-            lmbench: this.iterations.lmbench,
-            unixbench: this.iterations.unixbench,
-            fio: this.iterations.fio,
-            iozone: this.iterations.iozone,
-            jvm2008: this.iterations.jvm2008,
-            cpu2006: this.iterations.cpu2006,
-            cpu2017: this.iterations.cpu2017,
-            yaml: this.yamlData,
-            message: this.message
+            config_name: this.formData.configName,
+            project_name: this.formData.projectName,
+            test_ip: this.formData.testIP,
+            test_password: this.formData.testPassword,
+            user_password: this.formData.userPassword,
+            stream: this.formData.iterations.stream,
+            lmbench: this.formData.iterations.lmbench,
+            unixbench: this.formData.iterations.unixbench,
+            fio: this.formData.iterations.fio,
+            iozone: this.formData.iterations.iozone,
+            jvm2008: this.formData.iterations.jvm2008,
+            cpu2006: this.formData.iterations.cpu2006,
+            cpu2017: this.formData.iterations.cpu2017,
+            yaml: this.formData.yamlData,
+            message: this.formData.message,
           }
           user_config('put', formData).then(response => {
             ElMessage({message: response.data.message, type: 'success'})
@@ -308,89 +309,92 @@ export default {
         }
       }
     },
-
+    //新增配置
     add() {
       if (this.check()) {
         this.configNameDialog = true
         const formData = {
-          config_name: this.configName,
-          project_name: this.projectName,
-          test_ip: this.testIP,
-          test_password: this.testPassword,
-          user_password: this.userPassword,
-          stream: this.iterations.stream,
-          lmbench: this.iterations.lmbench,
-          unixbench: this.iterations.unixbench,
-          fio: this.iterations.fio,
-          iozone: this.iterations.iozone,
-          jvm2008: this.iterations.jvm2008,
-          cpu2006: this.iterations.cpu2006,
-          cpu2017: this.iterations.cpu2017,
-          yaml: this.yamlData,
-          message: this.message
+          config_name: this.formData.configName,
+          project_name: this.formData.projectName,
+          test_ip: this.formData.testIP,
+          test_password: this.formData.testPassword,
+          user_password: this.formData.userPassword,
+          stream: this.formData.iterations.stream,
+          lmbench: this.formData.iterations.lmbench,
+          unixbench: this.formData.iterations.unixbench,
+          fio: this.formData.iterations.fio,
+          iozone: this.formData.iterations.iozone,
+          jvm2008: this.formData.iterations.jvm2008,
+          cpu2006: this.formData.iterations.cpu2006,
+          cpu2017: this.formData.iterations.cpu2017,
+          yaml: this.formData.yamlData,
+          message: this.formData.message
         }
         user_config('post', formData).then(response => {
           ElMessage({message: response.data.message, type: 'success'})
         })
       }
     },
+    //发起测试
     sendTest() {
       if (this.check()) {
         const formData = {
-          config_name: this.configName,
-          project_name: this.projectName,
-          test_ip: this.testIP,
-          test_password: this.testPassword,
-          user_password: this.userPassword,
-          stream: this.iterations.stream,
-          lmbench: this.iterations.lmbench,
-          unixbench: this.iterations.unixbench,
-          fio: this.iterations.fio,
-          iozone: this.iterations.iozone,
-          jvm2008: this.iterations.jvm2008,
-          cpu2006: this.iterations.cpu2006,
-          cpu2017: this.iterations.cpu2017,
-          yaml: this.yamlData,
-          message: this.message
+          config_name: this.formData.configName,
+          project_name: this.formData.projectName,
+          test_ip: this.formData.testIP,
+          test_password: this.formData.testPassword,
+          user_password: this.formData.userPassword,
+          stream: this.formData.iterations.stream,
+          lmbench: this.formData.iterations.lmbench,
+          unixbench: this.formData.iterations.unixbench,
+          fio: this.formData.iterations.fio,
+          iozone: this.formData.iterations.iozone,
+          jvm2008: this.formData.iterations.jvm2008,
+          cpu2006: this.formData.iterations.cpu2006,
+          cpu2017: this.formData.iterations.cpu2017,
+          yaml: this.formData.yamlData,
+          message: this.formData.message
         }
         do_test_case(formData).then(response => {
           console.log(response.data)
-          this.projectName = ''
-          this.testIP = ''
-          this.testPassword = ''
-          this.userPassword = ''
-          this.iterations.stream = ''
-          this.iterations.lmbench = ''
-          this.iterations.unixbench = ''
-          this.iterations.fio = ''
-          this.iterations.iozone = ''
-          this.iterations.jvm2008 = ''
-          this.iterations.cpu2006 = ''
-          this.iterations.cpu2017 = ''
-          this.yamlData = ''
-          this.message = ''
+          this.formData.configName = ''
+          this.formData.projectName = ''
+          this.formData.testIP = ''
+          this.formData.testPassword = ''
+          this.formData.userPassword = ''
+          this.formData.iterations.stream = ''
+          this.formData.iterations.lmbench = ''
+          this.formData.iterations.unixbench = ''
+          this.formData.iterations.fio = ''
+          this.formData.iterations.iozone = ''
+          this.formData.iterations.jvm2008 = ''
+          this.formData.iterations.cpu2006 = ''
+          this.formData.iterations.cpu2017 = ''
+          this.formData.yamlData = ''
+          this.formData.message = ''
         });
         ElMessage({message: '发起测试完成', type: 'success'});
       }
     },
+    //验证数据
     check() {
-      if (!this.projectName) {
+      if (!this.formData.projectName) {
         ElMessage({message: "项目名称不能为空", type: 'error'});
         return false;
       }
-      if (!this.userPassword) {
+      if (!this.formData.userPassword) {
         ElMessage({message: "kytuning用户密码不能为空", type: 'error'});
         return false;
       }
       const iterations = {
-        stream: this.iterations.stream !== '' ? parseInt(this.iterations.stream) : 0,
-        lmbench: this.iterations.lmbench !== '' ? parseInt(this.iterations.lmbench) : 0,
-        unixbench: this.iterations.unixbench !== '' ? parseInt(this.iterations.unixbench) : 0,
-        fio: this.iterations.fio !== '' ? parseInt(this.iterations.fio) : 0,
-        iozone: this.iterations.iozone !== '' ? parseInt(this.iterations.iozone) : 0,
-        jvm2008: this.iterations.jvm2008 !== '' ? parseInt(this.iterations.jvm2008) : 0,
-        cpu2006: this.iterations.cpu2006 !== '' ? parseInt(this.iterations.cpu2006) : 0,
-        cpu2017: this.iterations.cpu2017 !== '' ? parseInt(this.iterations.cpu2017) : 0,
+        stream: this.formData.iterations.stream !== '' ? parseInt(this.formData.iterations.stream) : 0,
+        lmbench: this.formData.iterations.lmbench !== '' ? parseInt(this.formData.iterations.lmbench) : 0,
+        unixbench: this.formData.iterations.unixbench !== '' ? parseInt(this.formData.iterations.unixbench) : 0,
+        fio: this.formData.iterations.fio !== '' ? parseInt(this.formData.iterations.fio) : 0,
+        iozone: this.formData.iterations.iozone !== '' ? parseInt(this.formData.iterations.iozone) : 0,
+        jvm2008: this.formData.iterations.jvm2008 !== '' ? parseInt(this.formData.iterations.jvm2008) : 0,
+        cpu2006: this.formData.iterations.cpu2006 !== '' ? parseInt(this.formData.iterations.cpu2006) : 0,
+        cpu2017: this.formData.iterations.cpu2017 !== '' ? parseInt(this.formData.iterations.cpu2017) : 0,
       };
       let result = true
       for (const key in iterations) {
@@ -401,7 +405,7 @@ export default {
         }
       }
       //处理可迭代次数
-      this.iterations = iterations
+      this.formData.iterations = iterations
       return result;
     },
     testlink() {
diff --git a/templates/front-project/src/views/testViews/TestList.vue b/templates/front-project/src/views/testViews/TestList.vue
index 839b4dd9efd928d80ef31314375ef39b2f97a154..698d8fef30632916a9e0c8345ea48e1e4442bd82 100644
--- a/templates/front-project/src/views/testViews/TestList.vue
+++ b/templates/front-project/src/views/testViews/TestList.vue
@@ -28,7 +28,7 @@
               <el-table-column prop="test_result" label="运行结果"></el-table-column>
               <el-table-column label="操作" width="180">
                 <template #default="scope">
-                  <el-button type="primary" @click="down(scope.row)">日志</el-button>
+                  <el-button type="primary" @click="downLog(scope.row)">日志</el-button>
                   <el-button type="danger" @click="del(scope.row)">删除</el-button>
                 </template>
               </el-table-column>
@@ -60,7 +60,7 @@
 import {ElMessage} from 'element-plus';
 import AllHeader from "@/components/common/AllHeader";
 import Menu from "@/components/common/AllMenu";
-import {test_case, down_message} from "@/api/api";
+import {test_case} from "@/api/api";
 import utils from '@/utils/utils';
 
 export default {
@@ -72,43 +72,19 @@ export default {
   mixins: [utils],
   data() {
     return {
-      tableDatas: [],
+      allDatas: [],
     };
   },
-  computed: {
-    showData() {
-      return this.tableDatas.slice(
-          (this.currentPage - 1) * this.pageSize,
-          this.currentPage * this.pageSize
-      );
-    },
-  },
   created() {
     this.getData()
   },
   methods: {
     getData(){
       test_case('get', {}).then((response) => {
-      this.tableDatas = response.data.data;
-      this.total = this.tableDatas.length;
+      this.allDatas = response.data.data;
+      this.total = this.allDatas.length;
     });
     },
-    down(row) {
-      down_message({result_log_name: row.result_log_name}).then((response) => {
-        const url = window.URL.createObjectURL(new Blob([response.data]))
-        const link = document.createElement('a')
-        link.href = url
-        link.setAttribute('download', 'log.tar')
-        document.body.appendChild(link)
-        link.click()
-      }).catch(error => {
-        if (error.code === "ERR_BAD_REQUEST"){ElMessage({message: "下载失败没有找到对应日志", type: 'warning'})}
-        console.log(error)
-      }).finally(() => {
-        // excelDisabled 将被设置为 true，然后立即被设置为 false,禁用的时间非常短，不足以被用户察觉到。
-        this.excelDisabled = false;
-      });
-    },
     del(row) {
       this.$confirm(`确认删除此行数据吗？`, '提示', {
         confirmButtonText: '确定',