From f385ffaf25dc857909c1e9112b92e613ed698613 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=8C=AF=E8=8A=B3?= <zhaozhenfang@kylinos.cn>
Date: Thu, 4 Dec 2025 17:28:05 +0800
Subject: [PATCH] feat: add create tag for addworkflow page

---
 .../web/src/views/workflow/addWorkflow.vue    | 62 ++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/automation/web/src/views/workflow/addWorkflow.vue b/automation/web/src/views/workflow/addWorkflow.vue
index 14a4f8a2..596f1102 100644
--- a/automation/web/src/views/workflow/addWorkflow.vue
+++ b/automation/web/src/views/workflow/addWorkflow.vue
@@ -27,6 +27,13 @@
               :value="item.id"
               :key="item.id"
             />
+            <template #footer>
+              <div class="add-tag" @click="addTag" :value="'添加标签'" :key="'添加标签'">
+                <span
+                  ><el-icon class="add-icon"><CirclePlus /></el-icon>添加标签</span
+                >
+              </div>
+            </template>
           </el-select>
         </el-form-item>
 
@@ -56,16 +63,37 @@
         </el-form-item>
       </el-form>
     </div>
+
+    <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 setup lang="ts">
-import { ref, reactive, onMounted } from 'vue';
+import { ref, reactive, onMounted, defineAsyncComponent } from 'vue';
 import { useRouter } from 'vue-router';
+import { CirclePlus } from '@element-plus/icons-vue';
 import { tagList } from '@/api/tag';
 
+const AddTag = defineAsyncComponent(() => import('@/views/scriptLibrary/form/addTag.vue'));
 const router = useRouter();
 const ruleFormRef = ref();
+const dialogVisible = ref(false);
+const rwType = ref('add_tag');
+const dialogTitle = ref('新建标签');
+const dialogWidth = ref('50%');
+const editData: any = ref(null);
 
 // 表单数据
 const formData = reactive({
@@ -121,6 +149,38 @@ const getList = async () => {
     tableData.value = res.data.data;
   }
 };
+// 关闭弹窗
+const handleCloseDialog = () => {
+  dialogVisible.value = false;
+  rwType.value = '';
+  editData.value = null;
+};
+// 新建标签
+const addTag = () => {
+  dialogVisible.value = true;
+  rwType.value = 'add_tag';
+  dialogTitle.value = '新建标签';
+  editData.value = null;
+};
+const handleSubmit = async () => {
+  dialogVisible.value = false;
+  rwType.value = '';
+  dialogTitle.value = '';
+  editData.value = null;
+  // 刷新表格数据
+  await getList();
+  // 选中最新创建的标签
+  if (tableData.value && tableData.value.length > 0) {
+    const latestTag = tableData.value.reduce((prev, current) =>
+      prev.id > current.id ? prev : current,
+    );
+    formData.sceneTag = latestTag.id;
+    // 手动触发表单验证更新，避免验证错误提示
+    if (ruleFormRef.value) {
+      ruleFormRef.value.clearValidate('sceneTag');
+    }
+  }
+};
 
 onMounted(() => {
   getList();
-- 
Gitee