初始化

easyflow-ui-admin/app/src/views/ai/documentCollection/KnowledgeSearch.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+import { $t } from '@easyflow/locales';
+
+import { ElButton, ElInput, ElMessage } from 'element-plus';
+
+import { api } from '#/api/request';
+import PreviewSearchKnowledge from '#/views/ai/documentCollection/PreviewSearchKnowledge.vue';
+
+const props = defineProps({
+  knowledgeId: {
+    type: String,
+    required: true,
+  },
+});
+const searchDataList = ref([]);
+const keyword = ref('');
+const previewSearchKnowledgeRef = ref();
+const handleSearch = () => {
+  if (!keyword.value) {
+    ElMessage.error($t('message.pleaseInputContent'));
+    return;
+  }
+  previewSearchKnowledgeRef.value.loadingContent(true);
+  api
+    .get(
+      `/api/v1/documentCollection/search?knowledgeId=${props.knowledgeId}&keyword=${keyword.value}`,
+    )
+    .then((res) => {
+      previewSearchKnowledgeRef.value.loadingContent(false);
+      searchDataList.value = res.data;
+    });
+};
+</script>
+
+<template>
+  <div class="search-container">
+    <div class="search-input">
+      <ElInput
+        v-model="keyword"
+        :placeholder="$t('common.searchPlaceholder')"
+      />
+      <ElButton type="primary" @click="handleSearch">
+        {{ $t('button.query') }}
+      </ElButton>
+    </div>
+    <div class="search-result">
+      <PreviewSearchKnowledge
+        :data="searchDataList"
+        ref="previewSearchKnowledgeRef"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.search-container {
+  width: 100%;
+  height: 100%;
+  padding: 0 0 20px 0;
+  display: flex;
+  flex-direction: column;
+}
+.search-input {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.search-result {
+  padding-top: 20px;
+  flex: 1;
+}
+</style>