From 13eac5a3ac7e9d19c0e318cc39551aced16f5007 Mon Sep 17 00:00:00 2001
From: qz_cx <wangqingzheng@kylinos.cn>
Date: Fri, 10 Oct 2025 10:20:02 +0800
Subject: [PATCH] Add Stroe component

---
 templates/front-project/src/App.vue           |   3 +
 .../src/components/TableHeader.vue            |   6 -
 .../src/views/dataViews/EnvTable.vue          |   1 -
 .../src/views/dataViews/StoreTable.vue        | 368 ++++++++++++++++++
 .../src/views/dataViews/UnxibenchTable.vue    |   1 -
 .../src/views/errorViews/ErrorList.vue        |   6 +-
 6 files changed, 376 insertions(+), 9 deletions(-)
 create mode 100644 templates/front-project/src/views/dataViews/StoreTable.vue

diff --git a/templates/front-project/src/App.vue b/templates/front-project/src/App.vue
index 10703d2..5075192 100644
--- a/templates/front-project/src/App.vue
+++ b/templates/front-project/src/App.vue
@@ -18,3 +18,6 @@ export default {
 };
 </script>
 
+<style>
+</style>
+
diff --git a/templates/front-project/src/components/TableHeader.vue b/templates/front-project/src/components/TableHeader.vue
index 76a4a54..a9c2804 100644
--- a/templates/front-project/src/components/TableHeader.vue
+++ b/templates/front-project/src/components/TableHeader.vue
@@ -14,7 +14,6 @@
           {{ showAllData ? '隐藏数据' : '显示全部数据' }}
         </el-button>
         <el-button type="primary" @click="$router.back()">返回上一步</el-button>
-        <el-button type="primary" @click="goToHome">返回数据首页</el-button>
         <el-button type="primary" @click="modify">修改数据</el-button>
         <el-button type="success" @click="goTo('env')">环境信息</el-button>
         <el-button :type="buttonType('stream')" @click="goTo('stream')" :disabled="toDisabled('stream')">stream
@@ -201,11 +200,6 @@ export default {
       });
       return foundZero ? 'warning' : 'success';
     },
-    goToHome() {
-      this.$nextTick(() => {
-        this.$router.push({path: '/storeData'})
-      })
-    },
     goTo(name) {
       this.$router.push({
         name: name,
diff --git a/templates/front-project/src/views/dataViews/EnvTable.vue b/templates/front-project/src/views/dataViews/EnvTable.vue
index 32feb45..f422c67 100644
--- a/templates/front-project/src/views/dataViews/EnvTable.vue
+++ b/templates/front-project/src/views/dataViews/EnvTable.vue
@@ -20,7 +20,6 @@
             <template #default="{row}">
               <el-tooltip :content="row[`column${i}`]" effect="light">
                 <div style="height: 30px">{{ row[`column${i}`] && row[`column${i}`].toString() || '' }}</div>
-
               </el-tooltip>
             </template>
           </el-table-column>
diff --git a/templates/front-project/src/views/dataViews/StoreTable.vue b/templates/front-project/src/views/dataViews/StoreTable.vue
new file mode 100644
index 0000000..84e74c0
--- /dev/null
+++ b/templates/front-project/src/views/dataViews/StoreTable.vue
@@ -0,0 +1,368 @@
+<!--
+ * Copyright (c) KylinSoft  Co., Ltd. 2024.All rights reserved.
+ * PilotGo-plugin licensed under the Mulan Permissive Software License, Version 2. 
+ * See LICENSE file for more details.
+ * Author: wangqingzheng <wangqingzheng@kylinos.cn>
+ * Date: Tue Mar 12 09:57:55 2024 +0800
+-->
+<template>
+  <div id="fixed-top">
+    <AllHeader/>
+    <el-container class="content">
+      <Menu/>
+      <el-container>
+        <el-main>
+          <div id="tatle-div">
+            <el-row class="mb-4">
+              <el-button @click="getComparativeData()" type="primary" plain>数据对比</el-button>
+              <el-button @click="mergeData()" type="danger" plain>合并数据</el-button>
+              <el-button @click="searchComparData()" type="success">查看对比数据</el-button>
+            </el-row>
+          </div>
+          <br>
+
+          <el-table :data="showData" tooltip-effect="dark"
+                    border style="width: 100%" :header-cell-style="{fontSize:'5px'}" class="tableHead">
+            <el-table-column fixed="left" prop="project_name" label="项目名称" column-key="project_name"
+                             :filters=projectNames :filter-method="filterHandler" filter-placement="bottom-end">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.project_name }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="user_name" label="上传人员" :filters=userNames
+                             :filter-method="filterHandler" filter-placement="bottom-end">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.user_name }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="os_version" label="系统版本" width="250" :filters=osNames
+                             :filter-method="filterHandler" filter-placement="bottom-end">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.os_version }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="cpu_module_name" label="cpu型号" width="200" :filters=cpuNames
+                             :filter-method="filterHandler" filter-placement="bottom-end">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.cpu_module_name }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="times" label="第几次" width="70">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.times }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="ip" label="ip" width="125">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.ip }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="store_data" label="是否入库" width="70">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.store_data }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="stream" label="stream" width="70">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.stream }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="lmbench" label="lmbench" width="80">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.lmbench }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="unixbench" label="unixbench" width="90">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.unixbench }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="fio" label="fio" width="40">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.fio }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="iozone" label="iozone" width="70">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.iozone }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="jvm2008" label="jvm2008" width="80">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.jvm2008 }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="cpu2006" label="cpu2006" width="80">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.cpu2006 }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="cpu2017" label="cpu2017" width="80">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.cpu2017 }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="test_time" sortable label="录入时间" width="100">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.test_time }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="message" label="描述">
+              <template #default="scope">
+                <div @click="handleRowClick(scope.row)" style="cursor: pointer;">{{ scope.row.message }}</div>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" fixed="right" width="240">
+              <template #default="scope">
+                <el-button type="primary" @click="addCompar(scope.row)" class="operate-button">对比</el-button>
+                <el-button type="warning" @click="edit(scope.row)" class="operate-button">修改</el-button>
+                <el-button type="danger" @click="del(scope.row)" class="operate-button">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <br>
+
+          <div class="parent-container">
+            <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="currentPage"
+                :page-sizes="[5, 10, 20, 30, 50, total]"
+                :page-size="pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+            >
+            </el-pagination>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </div>
+  <div>
+    <el-dialog :title="'修改project信息'" v-model="dialogFormVisible" 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>
+        </el-form-item>
+        <el-form-item label="message" width="80px" prop="message">
+          <el-input v-model="form.message" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="closeInfo('form')">取 消</el-button>
+          <el-button type="primary" @click="sure('form')">确 定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+
+    <el-drawer v-model="visible" :show-close="false">
+      <template #header="{  titleId, titleClass }">
+        <h4 :id="titleId" :class="titleClass">数据对比</h4>
+        <el-button type="danger" @click="reset">重置</el-button>
+        </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-drawer>
+  </div>
+</template>
+
+
+<script>
+import {ElMessage} from 'element-plus';
+import {project, getFilterName, mergeData} from "@/api/api.js";
+import utils from '@/utils/utils';
+import AllHeader from "@/components/common/AllHeader";
+import Menu from "@/components/common/AllMenu";
+
+
+export default {
+  name: 'projectTable',
+  components: {
+    AllHeader,
+    Menu,
+  },
+  mixins: [utils],
+  data() {
+    return {
+      visible: false,
+      allProjectDatas: [], // 从后端获取的全部数据
+      compars: [],
+
+      projectNames: [],//筛选项目名称
+      userNames: [],//筛选用户名称
+      osNames: [],//筛选os版本
+      cpuNames: [],//筛选cpu型号
+
+      dialogFormVisible: false,
+      //用户修改后的数据
+      form: {
+        id: 0,
+        project_name: "",
+        message: "",
+      },
+      rules: {
+        project_name: [{required: true, message: '请输入项目名称'}],
+      },
+    }
+  },
+  computed: {
+    showData() {
+      return this.allProjectDatas.slice(
+          (this.currentPage - 1) * this.pageSize,
+          this.currentPage * this.pageSize
+      );
+    },
+  },
+  created() {
+    this.getData()
+  },
+  methods: {
+    //获取页面数据
+    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;
+      });
+      getFilterName().then((response) => {
+        this.projectNames = response.data.data.projectNames
+        this.userNames = response.data.data.userNames
+        this.osNames = response.data.data.osNames
+        this.cpuNames = response.data.data.cpuNames
+      });
+    },
+    //查询
+    filterHandler(value, row, column) {
+      const property = column['property'];
+      return row[property] === value;
+    },
+    searchComparData() {
+      this.visible = true
+    },
+    delCompar(row) {
+      this.compars = this.compars.filter(item => item.id !== row.id);
+    },
+    reset(){
+      this.compars = []
+    },
+
+    //修改
+    edit(row) {
+      this.form = {...row}
+      this.dialogFormVisible = 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.getData()
+            }
+          });
+        }
+      })
+    },
+    //取消修改
+    closeInfo() {
+      this.dialogFormVisible = false
+    },
+    //删除
+    del(row) {
+      if (!row.store_data) {
+        this.$confirm(`确认删除此行数据吗？`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          project('delete', {id: row.id}).then(response => {
+            if (response.data.code === 200) {
+              ElMessage({message: response.data.message, type: 'success'})
+              this.dialogFormVisible = false
+              this.getData()
+            }
+          })
+        })
+      } else {
+        ElMessage.error({message: '不可以在临时数据表中删除已入库的数据', duration: 1000});
+      }
+    },
+    addCompar(row) {
+      this.compars.push(row)
+    },
+    //获取对比数据
+    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(', ')}
+      });
+    },
+    //合并数据
+    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
+        }
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+#tatle-div {
+  display: flex; /* 将 div 设置为弹性容器 */
+  justify-content: center; /* 将按钮水平居中对齐 */
+  align-items: center; /* 将按钮垂直居中对齐 */
+}
+
+.parent-container {
+  display: flex;
+  justify-content: center;
+  /*background-color: #f2f2f2;*/
+}
+
+.tableHead {
+  /*font-size: 15px;*/
+  /*color: red;*/
+}
+
+.operate-button {
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+</style>
+
diff --git a/templates/front-project/src/views/dataViews/UnxibenchTable.vue b/templates/front-project/src/views/dataViews/UnxibenchTable.vue
index e349c2c..3328fcb 100644
--- a/templates/front-project/src/views/dataViews/UnxibenchTable.vue
+++ b/templates/front-project/src/views/dataViews/UnxibenchTable.vue
@@ -160,7 +160,6 @@ export default {
 </script>
 
 <style scoped>
-/*@import url("//unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css");*/
 /*表格大小，调整为一页显示全部*/
 .el-table__body .cell {
   height: 15px;
diff --git a/templates/front-project/src/views/errorViews/ErrorList.vue b/templates/front-project/src/views/errorViews/ErrorList.vue
index 1eea3e3..618494d 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 v-model="errorData.errorDescription" placeholder="请输入关键词"/>
+                <el-input class="custom-input" v-model="errorData.errorDescription" placeholder="请输入关键词"/>
               </el-form-item>
               <el-form-item label="日志节选：">
                 <el-input v-model="errorData.errorExport" placeholder="请输入关键词"/>
@@ -365,5 +365,9 @@ export default {
   justify-content: center;
   /*background-color: #f2f2f2;*/
 }
+::v-deep .el-input__inner {
+  /* Override padding or other styles here */
+  padding-right: 0;
+}
 </style>
 
-- 
Gitee