feat: create tag function

Author: wangdan-fit2cloud

ui/src/locales/lang/zh-CN/views/application-workflow.ts

@@ -450,18 +450,18 @@ export default {
         placeholder: '请输入表达式',
       },
     },
-    parameterExtractionNode: {
-      label: '参数提取',
-      text: '利用 AI 模型提取结构化参数',
-      result: '结果',
+   parameterExtractionNode: {
+      label: '參數提取',
+      text: '利用 AI 模型提取結構化參數',
+      result: '結果',
       selectVariables: {
-        label: '选择变量',
-        placeholder: '请选择变量',
+        label: '選擇變量',
+        placeholder: '請選擇變量',
       },
       extractParameters: {
-        label: '提取参数',
+        label: '提取參數',
         desc: '描述',
-        parameterType: '参数类型',
+        parameterType: '參數類型',
       },
     },
   },

ui/src/locales/lang/zh-Hant/views/application-workflow.ts

@@ -424,16 +424,16 @@ export default {
       },
     },
     parameterExtractionNode: {
-      label: 'Parameter Extraction',
-      text: 'Extract structured parameters using AI model',
-      result: 'Result',
+      label: '參數提取',
+      text: ' ',
+      result: '結果',
       selectVariables: {
-        label: 'Select Variables',
-        placeholder: 'Please select variables',
+        label: ' ',
+        placeholder: '請選擇要提取的參數',
       },
       extractParameters: {
-        label: 'Extract Parameters',
-        desc: 'Description',
+        label: '提取參數',
+        desc: '從文本中提取參數',
         parameterType: 'Parameter Type',
       },
     },

ui/src/views/document/component/AddTagDialog.vue

@@ -1,9 +1,5 @@
 <template>
-  <el-dialog
-    v-model="dialogVisible"
-    :title="$t('views.document.tag.add')"
-    :before-close="close"
-  >
+  <el-dialog v-model="dialogVisible" :title="$t('views.document.tag.add')" :before-close="close">
     <el-form
       ref="FormRef"
       :model="{ tags }"
@@ -12,34 +8,52 @@
       @submit.prevent
     >
       <div class="flex-between flex" v-for="(tag, index) in tags" :key="tag">
-        <el-form-item :label="index === 0? $t('views.document.tag.key') : ''"
-                      :prop="`tags.${index}.key`"
-                      style="width: 50%"
-                      :rules="{ required: true, message: $t('views.document.tag.requiredMessage1'), trigger: 'blur' }">
+        <el-form-item
+          :label="index === 0 ? $t('views.document.tag.key') : ''"
+          :prop="`tags.${index}.key`"
+          style="width: 50%"
+          :rules="{
+            required: true,
+            message: $t('views.document.tag.requiredMessage1'),
+            trigger: 'blur',
+          }"
+        >
           <el-select v-model="tag.key" @change="tagKeyChange(tag)" filterable>
-            <el-option v-for="op in keyOptions" :key="op" :value="op.key"
-                       :label="op.key"></el-option>
+            <el-option
+              v-for="op in keyOptions"
+              :key="op"
+              :value="op.key"
+              :label="op.key"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="index === 0? $t('views.document.tag.value') : ''"
-                      :prop="`tags.${index}.value`"
-                      style="width: 50%"
-                      :rules="{ required: true, message: $t('views.document.tag.requiredMessage2'), trigger: 'blur' }">
+        <el-form-item
+          :label="index === 0 ? $t('views.document.tag.value') : ''"
+          :prop="`tags.${index}.value`"
+          style="width: 50%"
+          :rules="{
+            required: true,
+            message: $t('views.document.tag.requiredMessage2'),
+            trigger: 'blur',
+          }"
+        >
           <el-select v-model="tag.value" filterable>
-            <el-option v-for="op in tag.valueOptions" :key="op" :value="op.id"
-                       :label="op.value"></el-option>
+            <el-option
+              v-for="op in tag.valueOptions"
+              :key="op"
+              :value="op.id"
+              :label="op.value"
+            ></el-option>
           </el-select>
         </el-form-item>
       </div>
     </el-form>
 
+    <el-button link type="primary" @click="add">
+      <AppIcon iconName="app-add-outlined" class="mr-4" />
+      {{ $t('common.add') }}
+    </el-button>
 
-    <div class="mt-20">
-      <el-button link type="primary" @click="add">
-        <AppIcon iconName="app-add-outlined" class="mr-4"/>
-        {{ $t('common.add') }}
-      </el-button>
-    </div>
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="close">{{ $t('common.cancel') }}</el-button>
@@ -50,14 +64,14 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue'
-import AppIcon from "@/components/app-icon/AppIcon.vue";
+import AppIcon from '@/components/app-icon/AppIcon.vue'
 
 const emit = defineEmits(['addTags'])
 const props = defineProps({
   knowledgeTags: {
     type: Array,
-    default: () => []
-  }
+    default: () => [],
+  },
 })
 
 const FormRef = ref()
@@ -78,7 +92,10 @@ function tagKeyChange(tag: any) {
 const submit = () => {
   FormRef.value.validate((valid: boolean) => {
     if (!valid) return
-    emit('addTags', tags.value.map(tag => tag.value))
+    emit(
+      'addTags',
+      tags.value.map((tag) => tag.value),
+    )
   })
 }
 
@@ -92,6 +109,6 @@ const close = () => {
   dialogVisible.value = false
 }
 
-defineExpose({open, close})
+defineExpose({ open, close })
 </script>
 <style lang="scss" scoped></style>

ui/src/views/document/component/CreateTagDialog.vue

@@ -685,8 +685,8 @@ import { TaskType, State } from '@/utils/status'
 import { t } from '@/locales'
 import permissionMap from '@/permission'
 import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
-import TagDrawer from "./component/TagDrawer.vue";
-import TagSettingDrawer from "./component/TagSettingDrawer.vue";
+import TagDrawer from "./tag/TagDrawer.vue";
+import TagSettingDrawer from "./tag/TagSettingDrawer.vue";
 import AddTagDialog from "@/views/document/component/AddTagDialog.vue";
 
 const route = useRoute()