feat: The document supports setting tags

Author: wangdan-fit2cloud

ui/src/components/app-icon/icons/document.ts

@@ -75,5 +75,25 @@ export default {
       ])
     },
   },
-
+  'app-tag': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M512 85.333333a42.666667 42.666667 0 0 1 30.165333 12.501334l345.045334 345.045333a119.466667 119.466667 0 0 1 0 168.448l-275.413334 275.370667a119.466667 119.466667 0 0 1-169.002666 0.042666l-344.96-344.533333A42.666667 42.666667 0 0 1 85.333333 512V128a42.666667 42.666667 0 0 1 42.666667-42.666667h384z m-17.706667 85.333334H170.666667v323.669333l332.458666 332.074667a34.133333 34.133333 0 0 0 18.773334 9.557333l5.376 0.426667a34.133333 34.133333 0 0 0 24.149333-10.026667l275.242667-275.2a34.133333 34.133333 0 0 0 0.085333-48.042667L494.293333 170.666667zM352 298.666667a53.333333 53.333333 0 1 1 0 106.666666 53.333333 53.333333 0 0 1 0-106.666666z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
 }

ui/src/locales/lang/en-US/views/document.ts

@@ -106,10 +106,12 @@ export default {
     addTag: 'Add Tag',
     setting: 'Tag Settings',
     create: 'Create Tag',
+    createValue: 'Create Tag Value',
     edit: 'Edit Tag',
     editValue: 'Edit Tag Value',
     deleteConfirm: 'Confirm delete tag: ',
-    deleteTip: 'After deletion, resources using this tag will have the tag removed. Please proceed with caution!',
+    deleteTip:
+      'After deletion, resources using this tag will have the tag removed. Please proceed with caution!',
     requiredMessage1: 'Please enter a tag',
     requiredMessage2: 'Please enter a value',
   },
@@ -174,8 +176,8 @@ export default {
       requiredMessage: 'Please enter similarity value',
     },
     allow_download: {
-     label: 'Allow download in knowledge base source',
-    }
+      label: 'Allow download in knowledge base source',
+    },
   },
   hitHandlingMethod: {
     optimization: 'Model optimization',

ui/src/locales/lang/zh-CN/views/document.ts

@@ -102,6 +102,7 @@ export default {
     addValue: '添加标签值',
     setting: '标签设置',
     create: '创建标签',
+    createValue: '创建标签值',
     edit: '编辑标签',
     editValue: '编辑标签值',
     deleteConfirm: '是否删除标签: ',
@@ -169,7 +170,7 @@ export default {
     },
     allow_download: {
       label: '允许在知识库来源中下载',
-    }
+    },
   },
   hitHandlingMethod: {
     optimization: '模型优化',

ui/src/locales/lang/zh-Hant/views/document.ts

@@ -104,6 +104,7 @@ export default {
     addTag: '添加標籤',
     setting: '標籤設置',
     create: '創建標籤',
+    createValue: '創建標籤值',
     edit: '編輯標籤',
     editValue: '編輯標籤值',
     deleteConfirm: '是否刪除標籤: ',
@@ -170,8 +171,8 @@ export default {
       requiredMessage: '请输入相似度',
     },
     allow_download: {
-     label: '允許在知識庫來源下載',
-    }
+      label: '允許在知識庫來源下載',
+    },
   },
   hitHandlingMethod: {
     optimization: '模型優化',

ui/src/views/document/index.vue

@@ -57,13 +57,7 @@
                 >
                   {{ $t('common.setting') }}
                 </el-button>
-                <el-button
-                  @click="openAddTagDialog()"
-                  :disabled="multipleSelection.length === 0"
-                  v-if="permissionPrecise.doc_edit(id)"
-                >
-                  {{ $t('views.document.tag.addTag') }}
-                </el-button>
+
                 <el-dropdown v-if="MoreFilledPermission0(id)">
                   <el-button class="ml-12 mr-12">
                     <AppIcon iconName="app-more"></AppIcon>
@@ -77,6 +71,12 @@
                       >
                         {{ $t('views.document.setting.migration') }}
                       </el-dropdown-item>
+                      <el-dropdown-item
+                        @click="openAddTagDialog()"
+                        :disabled="multipleSelection.length === 0"
+                        v-if="permissionPrecise.doc_edit(id)"
+                        >{{ $t('views.document.tag.addTag') }}
+                      </el-dropdown-item>
                       <el-dropdown-item
                         divided
                         @click="syncMulDocument"
@@ -91,6 +91,7 @@
                         v-if="knowledgeDetail?.type === 2 && permissionPrecise.doc_sync(id)"
                         >{{ $t('views.document.syncDocument') }}
                       </el-dropdown-item>
+
                       <el-dropdown-item
                         divided
                         @click="deleteMulDocument"
@@ -459,9 +460,9 @@
                             ></AppIcon>
                             {{ $t('views.document.generateQuestion.title') }}
                           </el-dropdown-item>
-                          <el-dropdown-item
-                            @click="openTagSettingDrawer(row)"
-                          >
+                          <el-dropdown-item @click="openTagSettingDrawer(row)">
+                            <AppIcon iconName="app-tag" class="color-secondary"></AppIcon>
+
                             {{ $t('views.document.tag.setting') }}
                           </el-dropdown-item>
                           <el-dropdown-item
@@ -676,15 +677,15 @@
       :workspaceId="knowledgeDetail?.workspace_id"
     />
     <GenerateRelatedDialog ref="GenerateRelatedDialogRef" @refresh="getList" :apiType="apiType" />
-    <TagDrawer ref="tagDrawerRef"/>
-    <TagSettingDrawer ref="tagSettingDrawerRef" :knowledge-tags="knowledgeTags"/>
-    <AddTagDialog ref="addTagDialogRef" @addTags="addTags" :knowledge-tags="knowledgeTags"/>
+    <TagDrawer ref="tagDrawerRef" />
+    <TagSettingDrawer ref="tagSettingDrawerRef" />
+    <AddTagDialog ref="addTagDialogRef" @addTags="addTags" :apiType="apiType" />
   </div>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, computed } from 'vue'
 import { useRouter, useRoute, onBeforeRouteLeave, onBeforeRouteUpdate } from 'vue-router'
-import { ElTable } from 'element-plus'
+import type { ElTable } from 'element-plus'
 import ImportDocumentDialog from './component/ImportDocumentDialog.vue'
 import SyncWebDialog from '@/views/knowledge/component/SyncWebDialog.vue'
 import SelectKnowledgeDialog from './component/SelectKnowledgeDialog.vue'
@@ -700,9 +701,9 @@ 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 "./tag/TagDrawer.vue";
-import TagSettingDrawer from "./tag/TagSettingDrawer.vue";
-import AddTagDialog from "@/views/document/tag/MulAddTagDialog.vue";
+import TagDrawer from './tag/TagDrawer.vue'
+import TagSettingDrawer from './tag/TagSettingDrawer.vue'
+import AddTagDialog from '@/views/document/tag/MulAddTagDialog.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -1020,15 +1021,14 @@ function syncMulDocument() {
     confirmButtonClass: 'danger',
   })
     .then(() => {
-      loadSharedApi({type: 'document', systemType: apiType.value})
+      loadSharedApi({ type: 'document', systemType: apiType.value })
         .putMulSyncDocument(id, arr, loading)
         .then(() => {
           MsgSuccess(t('views.document.sync.successMessage'))
           getList()
         })
     })
-    .catch(() => {
-    })
+    .catch(() => {})
 }
 
 function syncLarkMulDocument() {
@@ -1239,7 +1239,7 @@ function openTagDrawer() {
 
 const tagSettingDrawerRef = ref()
 function openTagSettingDrawer(doc: any) {
- tagSettingDrawerRef.value.open(doc)
+  tagSettingDrawerRef.value.open(doc)
 }
 
 const addTagDialogRef = ref()
@@ -1251,24 +1251,15 @@ function openAddTagDialog() {
 function addTags(tags: any) {
   const arr: string[] = multipleSelection.value.map((v) => v.id)
 
-  loadSharedApi({type: 'document', systemType: apiType.value})
-    .postMulDocumentTags(id, {tag_ids: tags, document_ids: arr}, loading)
+  loadSharedApi({ type: 'document', systemType: apiType.value })
+    .postMulDocumentTags(id, { tag_ids: tags, document_ids: arr }, loading)
     .then(() => {
       addTagDialogRef.value?.close()
       getList()
       clearSelection()
     })
 }
 
-const knowledgeTags = ref<any[]>([])
-function getTags() {
-  loadSharedApi({type: 'knowledge', systemType: apiType.value, isShared: isShared.value})
-    .getTags(id, {}, loading)
-    .then((res: any) => {
-      knowledgeTags.value = res.data
-    })
-}
-
 onMounted(() => {
   getDetail()
   if (beforePagination.value) {
@@ -1279,7 +1270,6 @@ onMounted(() => {
     filterMethod.value = beforeSearch.value['filterMethod']
   }
   getList()
-  getTags()
   // 初始化定时任务
   initInterval()
 })

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

@@ -3,6 +3,7 @@
     v-model="dialogVisible"
     :title="currentTagKey ? $t('views.document.tag.addValue') : $t('views.document.tag.create')"
     :before-close="close"
+    append-to-body
   >
     <el-form
       ref="FormRef"
@@ -12,7 +13,7 @@
       @submit.prevent
     >
       <el-scrollbar>
-        <el-row :gutter="8" align="bottom" style="margin-right: 10px" class="tag-list-max-list">
+        <el-row :gutter="8" style="margin-right: 10px" class="tag-list-max-list">
           <template v-for="(tag, index) in tags" :key="tag">
             <el-col :span="12">
               <el-form-item
@@ -26,7 +27,7 @@
               >
                 <el-input
                   v-model="tag.key"
-                  :disabled="currentTagKey"
+                  :disabled="currentTagKey? true : false"
                   class="w-full"
                   :placeholder="$t('views.document.tag.requiredMessage1')"
                 ></el-input>
@@ -55,7 +56,7 @@
                 link
                 type="info"
                 @click="deleteTag(index)"
-                class="mb-24"
+                :style="{ marginTop: index === 0 ? '35px' : '5px' }"
               >
                 <AppIcon iconName="app-delete"></AppIcon>
               </el-button>
@@ -124,7 +125,7 @@ const submit = () => {
       .postTags(id, tags.value, loading)
       .then((res: any) => {
         close()
-        emit('refresh')
+        emit('refresh', currentTagKey.value)
       })
   })
 }