From fa4dcdc8c7e94e7cf42a453e7ea0e6d4bebf7f53 Mon Sep 17 00:00:00 2001
From: qz_cx <wangqingzheng@kylinos.cn>
Date: Fri, 26 Sep 2025 09:08:01 +0800
Subject: [PATCH] Launch test page development completed

---
 templates/front-project/src/api/api.js        |  20 +-
 templates/front-project/src/router/index.js   |   9 +-
 .../front-project/src/views/ProjectTable.vue  |   5 +-
 .../src/views/testViews/DoTest.vue            | 273 ++++++++++++++++++
 .../src/views/testViews/TestList.vue          |   2 +-
 5 files changed, 301 insertions(+), 8 deletions(-)
 create mode 100644 templates/front-project/src/views/testViews/DoTest.vue

diff --git a/templates/front-project/src/api/api.js b/templates/front-project/src/api/api.js
index bfdc417..00eb275 100644
--- a/templates/front-project/src/api/api.js
+++ b/templates/front-project/src/api/api.js
@@ -18,7 +18,6 @@ export function login(data) {
 }
 
 
-
 // 测试管理列表
 export function test_case(type,data) {
     return service({
@@ -27,6 +26,7 @@ export function test_case(type,data) {
         data
     })
 }
+
 //测试日志导出
 export function down_message(params) {
     return service({
@@ -37,6 +37,24 @@ export function down_message(params) {
     })
 }
 
+//发起测试
+export function do_test_case(data) {
+    return service({
+        method: 'post',
+        url: '/do_test_case/',
+        data
+    })
+}
+
+//发起测试
+export function save_config(data) {
+    return service({
+        method: 'post',
+        url: '/save_config/',
+        data
+    })
+}
+
 // 获取指定的project组
 export function get_project(params) {
     return service({
diff --git a/templates/front-project/src/router/index.js b/templates/front-project/src/router/index.js
index cf22122..857adf4 100644
--- a/templates/front-project/src/router/index.js
+++ b/templates/front-project/src/router/index.js
@@ -37,10 +37,15 @@ const routes = [
                 name: '测试列表',
                 component: () => import('@/views/testViews/TestList')
             },
+            {
+                path: '/test/do_test/',
+                name: '发起测试',
+                component: () => import('@/views/testViews/DoTest')
+            },
             {
                 path: '/test/config',
-                name: '测试配置',
-                component: () => import('@/views/testViews/TestConfig')
+                name: '配置管理',
+                component: () => import('@/views/testViews/DoTest')
             },
         ]
     },
diff --git a/templates/front-project/src/views/ProjectTable.vue b/templates/front-project/src/views/ProjectTable.vue
index 53cc43a..69c83d4 100644
--- a/templates/front-project/src/views/ProjectTable.vue
+++ b/templates/front-project/src/views/ProjectTable.vue
@@ -160,10 +160,7 @@
       <template #footer>
         <span class="dialog-footer">
           <el-button @click="closeInfo('form')">取 消</el-button>
-          <el-button type="primary" @click="sure('form')"
-          >确 定
-          </el-button
-          >
+          <el-button type="primary" @click="sure('form')">确 定</el-button>
         </span>
       </template>
     </el-dialog>
diff --git a/templates/front-project/src/views/testViews/DoTest.vue b/templates/front-project/src/views/testViews/DoTest.vue
new file mode 100644
index 0000000..b783200
--- /dev/null
+++ b/templates/front-project/src/views/testViews/DoTest.vue
@@ -0,0 +1,273 @@
+<template>
+  <div id="fixed-top">
+    <AllHeader/>
+    <el-container class="content">
+      <Menu/>
+      <div class="form-container">
+        <el-form
+            :label-position="labelPosition"
+            label-width="300px"
+            :model="iterations"
+        >
+          <el-form-item label="项目名称：">
+            <el-input v-model="projectName"/>
+          </el-form-item>
+          <el-form-item label="kytuning的用户密码：" >
+            <el-input v-model="userPassword" placeholder="因为数据库加密了，无法解密，所以只能用户输入一次密码"/>
+          </el-form-item>
+          <el-form-item label="测试项的迭代次数：">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-input v-model="iterations.stream" label="stream迭代次数" placeholder="stream迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.lmbench" label="lmbench迭代次数" placeholder="lmbench迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.unixbench" label="unixbench迭代次数" placeholder="unixbench迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.fio" label="fio迭代次数" placeholder="fio迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.iozone" label="iozone迭代次数" placeholder="iozone迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.jvm2008" label="jvm2008迭代次数" placeholder="jvm2008迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.cpu2006" label="cpu2006迭代次数" placeholder="cpu2006迭代次数"/>
+              </el-col>
+              <el-col :span="12">
+                <el-input v-model="iterations.cpu2017" label="cpu2017迭代次数" placeholder="cpu2017迭代次数"/>
+              </el-col>
+            </el-row>
+          </el-form-item>
+          <el-form-item label="编辑yaml配置文件：">
+            <el-button type="success" class="test-button" @click="showYaml('stream')">stream</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('lmbench')">lmbench</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('unixbench')">unixbench</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('fio')">fio</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('iozone')">iozone</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('jvm2008')">jvm2008</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('cpu2006')">cpu2006</el-button>
+            <el-button type="success" class="loongarch-button" @click="showYaml('cpu2006_loongarch64')">cpu2006_loongarch64</el-button>
+            <el-button type="success" class="test-button" @click="showYaml('cpu2017')">cpu2017</el-button>
+            <el-button type="success" class="test-button" @click="doBase">一键摸底</el-button>
+          </el-form-item>
+
+
+
+
+          <el-form-item label="测试机器IP：">
+            <el-input v-model="testIP"/>
+<!--            <el-select v-model="testIP" placeholder="请选择测试机器IP">-->
+<!--              <el-option v-for="option in machineOptions" :key="option.value" :label="option.label"-->
+<!--                         :value="option.value"/>-->
+<!--            </el-select>-->
+            <el-form-item>
+<!--              <el-button type="primary" class="button-style" @click="testlink">测试连接</el-button>-->
+            </el-form-item>
+          </el-form-item>
+
+          <el-form-item label="测试机器密码：">
+            <el-input v-model="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"/>-->
+<!--            </el-select>-->
+            <el-form-item>
+              <el-button type="primary" class="button-style" @click="testlink">测试连接</el-button>
+            </el-form-item>
+          </el-form-item>
+
+        </el-form>
+        <div class="button-container">
+          <el-button type="warning" class="button-style" plain @click="select">选择配置</el-button>
+          <el-button type="primary" class="button-style" plain @click="save">保存配置</el-button>
+          <el-button type="success" class="button-style" plain @click="doTest">发起测试</el-button>
+        </div>
+      </div>
+    </el-container>
+  </div>
+  <div>
+    <el-dialog :title="'修改' + yamlType +'信息'" v-model="yamlDialog" width="800px">
+      <el-input v-model="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>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+
+</template>
+
+<script>
+import AllHeader from "@/components/common/AllHeader";
+import Menu from "@/components/common/AllMenu";
+import {ref} from 'vue'
+import yamlData from '@/utils/yaml.js';
+import { ElMessage } from 'element-plus'
+import {do_test_case,save_config} from "@/api/api";
+
+export default {
+  name: 'doTest',
+  components: {
+    AllHeader,
+    Menu,
+  },
+  data() {
+    return {
+      labelPosition: ref('left'),
+      projectName: '',
+      userPassword: '',
+      iterations: {
+        stream: '',
+        lmbench: '',
+        unixbench: '',
+        fio: '',
+        iozone: '',
+        jvm2008: '',
+        cpu2006: '',
+        cpu2006_loongarch64: '',
+        cpu2017: '',
+      },
+      yamlData: yamlData,
+      testIP: '',
+      testPassword: '',
+      machineOptions: [],
+      yamlDialog: false,
+      yamlType:'',
+    };
+  },
+  created() {
+    this.machineOptions = [
+      {label: 'localhost1', value: 'localhost1'},
+      {label: 'localhost2', value: 'localhost2'},
+    ]
+  },
+  methods: {
+    showYaml(yamlType) {
+      this.yamlDialog = true
+      this.yamlType = yamlType
+    },
+    closeInfo() {
+      this.yamlDialog = false
+    },
+    changeYaml(yaml_data) {
+      this.yamlData = yaml_data
+      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
+    },
+    select(){},
+    save() {
+      this.check()
+      const formData = {
+        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,
+      }
+      save_config(formData).then(response => {
+        console.log(response)
+      })
+    },
+    doTest() {
+      this.check()
+      const formData = {
+        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:yamlData
+      }
+
+
+      console.log(formData,222)
+      do_test_case(formData).then(response => {
+        console.log(response);
+      });
+      ElMessage({message: '发起测试完成，正在跳转只测试列表页面', type: 'success'});
+      // 添加3秒的延迟
+      // setTimeout(() => {this.$router.push({path: '/test/list/'});}, 3000);
+    },
+
+    check() {
+      if (!this.projectName) {ElMessage({message: "项目名称不能为空", type: 'error'})}
+      if (!this.userPassword) {ElMessage({message: "kytuning用户密码不能为空", type: 'error'})}
+      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,
+      };
+      for (const key in iterations) {
+        if (isNaN(iterations[key])) {ElMessage({message: `${key} 不是整数类型`, type: 'error'})}
+      }
+      //处理可迭代次数
+      this.iterations = iterations
+    },
+   testlink() {},
+  }
+};
+</script>
+
+<style scoped>
+.form-container {
+  /*display: flex;*/
+  /*flex-direction: column;*/
+  /*align-items: center;*/
+  margin-top: 50px;
+}
+
+.test-button {
+  width: 100px;
+  height: 40px;
+}
+.loongarch-button {
+  width: 150px;
+  height: 40px;
+}
+
+.button-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 50px;
+}
+
+.button-style {
+  margin-top: 10px;
+  margin-right: 50px; /* 添加水平间距 */
+}
+</style>
\ No newline at end of file
diff --git a/templates/front-project/src/views/testViews/TestList.vue b/templates/front-project/src/views/testViews/TestList.vue
index e664331..4581d2c 100644
--- a/templates/front-project/src/views/testViews/TestList.vue
+++ b/templates/front-project/src/views/testViews/TestList.vue
@@ -120,7 +120,7 @@ import Menu from "@/components/common/AllMenu";
 import {test_case, down_message} from "@/api/api";
 
 export default {
-  name: 'kytuningHome',
+  name: 'testList',
   components: {
     AllHeader,
     Menu
-- 
Gitee