From 59ba0517cfa41a1c163b7810eb776a24a55dc276 Mon Sep 17 00:00:00 2001
From: wanghaohao <wanghaohao@kylinos.cn>
Date: Mon, 8 Dec 2025 19:00:20 +0800
Subject: [PATCH] add edit and delete method

---
 .../web/src/views/scriptLibrary/tag.vue       | 86 +++++++++++++------
 1 file changed, 61 insertions(+), 25 deletions(-)

diff --git a/automation/web/src/views/scriptLibrary/tag.vue b/automation/web/src/views/scriptLibrary/tag.vue
index fc1ac960..984c45b3 100644
--- a/automation/web/src/views/scriptLibrary/tag.vue
+++ b/automation/web/src/views/scriptLibrary/tag.vue
@@ -40,48 +40,84 @@
             prop="relatedScriptCount"
             label="关联脚本量"
           /> -->
-          <el-table-column
-            prop="modify_user"
-            label="更新人"
-          />
-          <el-table-column
-            prop="modify_time"
-            label="更新时间"
-          />
-        </el-table>
-        
-      <el-dialog
-          :title="dialogTitle"
-          v-model="dialogVisible"
-          :before-close="handleCloseDialog"
-          :width="dialogWidth"
-        >
-          <AddTag 
-            v-if="rwType === 'add_tag'" 
-            @submit="handleSubmit" 
-            @close="handleCloseDialog"
-            :edit-data="editData"
-          ></AddTag>
-      </el-dialog>
-    </el-card>
+      <el-table-column prop="modify_user" label="更新人" />
+      <el-table-column prop="modify_time" label="更新时间" />
+      <el-table-column label="操作">
+        <template #default="scope">
+          <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog :title="dialogTitle" v-model="dialogVisible" :before-close="handleCloseDialog" :width="dialogWidth">
+      <AddTag v-if="rwType === 'add_tag'" @submit="handleSubmit" @close="handleCloseDialog" :edit-data="editData">
+      </AddTag>
+    </el-dialog>
+  </el-card>
 </template>
 
 <script lang="ts" setup>
 import { ref, defineAsyncComponent, onMounted } from 'vue';
+import { deleteTag } from '@/api/scriptLibrary';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { useRouter } from 'vue-router'; // 若后续有路由相关逻辑扩展可使用
 import { tagList } from '@/api/scriptLibrary';
 
 const AddTag = defineAsyncComponent(() => import('./form/addTag.vue'));
+const router = useRouter(); // 初始化路由实例
 
 const dialogVisible = ref(false);
 const rwType = ref('add_tag');
 const dialogTitle = ref('新建标签');
 const dialogWidth = ref('50%');
 const input = ref('');
-const editData:any = ref(null);
+const editData: any = ref(null);
 
 // 模拟表格数据
 const tableData = ref([]);
 
+// 编辑操作方法
+const handleEdit = (row:any) => {
+  dialogVisible.value = true;
+  rwType.value = 'add_tag';
+  dialogTitle.value = '编辑标签';
+  editData.value = {
+    id: row.id,
+    name: row.name,
+    en_name: row.en_name,
+    description: row.description
+  };
+};
+
+// 删除操作方法
+const handleDelete = async (row: any) => {
+  try {
+    // 弹出确认删除的对话框
+    await ElMessageBox.confirm('此操作将永久删除该标签，是否继续?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    });
+    // 调用删除接口，传入 id 参数
+    const data: any = {
+      id: row.id
+    }
+    const res = await deleteTag(data);
+    // 删除成功提示
+    if (res.data.code === 200) {
+      ElMessage.success('删除成功');
+      getList();
+    }
+  } catch (error) {
+    if (error !== 'cancel') {
+      // 删除失败提示
+      ElMessage.error('删除失败');
+      console.error('删除标签出错:', error);
+    }
+  }
+};
+
 const handleCloseDialog = () => {
   dialogVisible.value = false;
   rwType.value = '';
-- 
Gitee