From 875c477a2c2aa9c19efa4250b8320645a3c91903 Mon Sep 17 00:00:00 2001
From: zhanghan2021 <zhanghan@kylinos.cn>
Date: Thu, 7 Dec 2023 09:55:38 +0800
Subject: [PATCH] Add update template request and edit button

---
 atune/web/src/api/atune.ts             |  9 ++++++++
 atune/web/src/components/atuneList.vue | 32 ++++++++++++++------------
 atune/web/src/types/atune.d.ts         |  9 ++++++++
 3 files changed, 35 insertions(+), 15 deletions(-)
 create mode 100644 atune/web/src/types/atune.d.ts

diff --git a/atune/web/src/api/atune.ts b/atune/web/src/api/atune.ts
index ba885ed0..4427c8a7 100644
--- a/atune/web/src/api/atune.ts
+++ b/atune/web/src/api/atune.ts
@@ -52,3 +52,12 @@ export function searchTune(data: object) {
     params: data,
   });
 }
+
+// 编辑模板更新
+export function updateTune(data: object) {
+  return request({
+    url: '/plugin/atune/update',
+    method: 'post',
+    data,
+  });
+}
diff --git a/atune/web/src/components/atuneList.vue b/atune/web/src/components/atuneList.vue
index 109c6590..b8dcee02 100644
--- a/atune/web/src/components/atuneList.vue
+++ b/atune/web/src/components/atuneList.vue
@@ -2,10 +2,15 @@
   <div class="table">
     <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" />
-      <el-table-column prop="tuneName" label="名称" width="180" />
-      <el-table-column prop="prepare" label="环境准备" />
-      <el-table-column prop="tune" label="调优" />
-      <el-table-column prop="restore" label="环境恢复" width="180" />
+      <el-table-column prop="tuneName" label="名称" width="150" />
+      <el-table-column prop="prepare" label="环境准备" width="370" />
+      <el-table-column prop="tune" label="调优" width="400" />
+      <el-table-column prop="restore" label="环境恢复" width="370" />
+      <el-table-column label="操作" width="80">
+        <template #default="{ row }">
+          <el-button type="primary" size="small" @click="handleEdit(row)">编辑</el-button>
+        </template>
+      </el-table-column>
     </el-table>
   </div>
   <div class="pagination">
@@ -18,22 +23,14 @@
 <script lang='ts' setup>
 import { onMounted, ref, watch } from 'vue';
 import { getTuneLists, searchTune } from '@/api/atune'
+import { Atune } from '@/types/atune'
 
 const tableData = ref([] as Atune[]);
 const currentPage = ref(1);
 const pageSize = ref(10);
 const totalItems = ref(0);
-const emit = defineEmits(['selectionChange']);
-
-export interface Atune {
-  id: number
-  tuneName: string
-  workDir: string
-  prepare: string
-  tune: string
-  restore: string
-  note: string
-}
+const emit = defineEmits(['selectionChange', 'selectionEdit']);
+
 let props = defineProps({
   refreshData: {
     type: Boolean,
@@ -91,6 +88,11 @@ const handleCurrentChange = (newPage: number) => {
   getTuneListsData();
 };
 
+// 编辑
+const handleEdit = (row: Atune) => {
+  emit('selectionEdit', row);
+}
+
 // 选中多选框
 const handleSelectionChange = (rows: Atune[]) => {
   emit('selectionChange', rows);
diff --git a/atune/web/src/types/atune.d.ts b/atune/web/src/types/atune.d.ts
new file mode 100644
index 00000000..32dbd226
--- /dev/null
+++ b/atune/web/src/types/atune.d.ts
@@ -0,0 +1,9 @@
+export interface Atune {
+  id: number;
+  tuneName: string;
+  workDir: string;
+  prepare: string;
+  tune: string;
+  restore: string;
+  note: string;
+}
-- 
Gitee