chore(知识库管理): 类型定义&&命名更换

src/views/personal-space/personal-database/columns.tsx

@@ -10,7 +10,7 @@ export function createDatabaseColumn(handleDatabaseTableAction: (actionType: str
       key: 'databaseName',
       align: 'left',
       ellipsis: {
-        tooltip: true,
+        tooltip: { width: 'trigger' },
       },
       width: 210,
       fixed: 'left',
@@ -23,7 +23,7 @@ export function createDatabaseColumn(handleDatabaseTableAction: (actionType: str
       key: 'databaseDesc',
       align: 'left',
       ellipsis: {
-        tooltip: true,
+        tooltip: { width: 'trigger' },
       },
       width: 380,
       render(row: DatabaseItemInterface) {

src/views/personal-space/personal-database/components/create-database-modal.vue

@@ -5,18 +5,16 @@ import { useI18n } from 'vue-i18n'
 import CustomModal from '@/components/custom-modal/custom-modal.vue'
 import DatabaseDirectIcon from '@/assets/svgs/database-direct.svg'
 import { fetchTestConnectionDataBase } from '@/apis/database'
-import { DatabaseItemInterface } from '../type.d'
+import { DatabaseFormInterface } from '../type.d'
 
 interface Props {
   btnLoading: boolean
 }
 
-type CreateDatabaseFormInterface = Omit<DatabaseItemInterface, 'id' | 'modifiedTime'>
-
 defineProps<Props>()
 
 const emit = defineEmits<{
-  (e: 'confirm', databaseFormData: CreateDatabaseFormInterface): void
+  (e: 'confirm', databaseFormData: DatabaseFormInterface): void
 }>()
 
 const { t } = useI18n()
@@ -26,7 +24,7 @@ const showModal = defineModel<boolean>('showModal', { required: true })
 const databaseFormRef = ref<FormInst | null>(null)
 const scrollbarRef = useTemplateRef<ScrollbarInst | null>('scrollbarRef')
 
-let databaseFormData = reactive<CreateDatabaseFormInterface>(databaseFormDataFactory())
+let databaseFormData = reactive<DatabaseFormInterface>(databaseFormDataFactory())
 
 const databaseFormRules = shallowReadonly<FormRules>({
   title: [
@@ -123,7 +121,7 @@ watchEffect(() => {
   }
 })
 
-function databaseFormDataFactory(): CreateDatabaseFormInterface {
+function databaseFormDataFactory(): DatabaseFormInterface {
   return {
     title: '',
     desc: '',

src/views/personal-space/personal-database/components/edit-database-modal.vue

@@ -3,18 +3,20 @@ import { FormInst, FormItemRule, FormRules, ScrollbarInst } from 'naive-ui'
 import { nextTick, reactive, ref, shallowReadonly, useTemplateRef, watch, watchEffect } from 'vue'
 import { useI18n } from 'vue-i18n'
 import CustomModal from '@/components/custom-modal/custom-modal.vue'
-import { DatabaseItemInterface } from '../type.d'
+import { DatabaseFormInterface } from '../type.d'
 import { fetchTestConnectionDataBase } from '@/apis/database'
 
+type DatabaseEditFormInterface = DatabaseFormInterface & { id: number }
+
 interface Props {
-  databaseDetail: DatabaseItemInterface
+  databaseDetail: DatabaseEditFormInterface
   btnLoading: boolean
 }
 
 const props = defineProps<Props>()
 
 const emit = defineEmits<{
-  (e: 'confirm', databaseFormData: DatabaseItemInterface): void
+  (e: 'confirm', databaseFormData: DatabaseEditFormInterface): void
 }>()
 
 const { t } = useI18n()
@@ -24,7 +26,7 @@ const showModal = defineModel<boolean>('showModal', { required: true })
 const databaseFormRef = ref<FormInst | null>(null)
 const scrollbarRef = useTemplateRef<ScrollbarInst | null>('scrollbarRef')
 
-let databaseFormData = reactive<DatabaseItemInterface>(databaseFormDataFactory())
+let databaseFormData = reactive<DatabaseEditFormInterface>(databaseFormDataFactory())
 
 const databaseFormRules = shallowReadonly<FormRules>({
   title: [
@@ -70,7 +72,7 @@ watch(
   },
 )
 
-function databaseFormDataFactory(): DatabaseItemInterface {
+function databaseFormDataFactory(): DatabaseEditFormInterface {
   return {
     id: 0,
     title: '',
@@ -81,7 +83,6 @@ function databaseFormDataFactory(): DatabaseItemInterface {
     dbName: '',
     dbUsername: '',
     dbPassword: '',
-    modifiedTime: new Date(),
   }
 }
 

src/views/personal-space/personal-database/personal-database.vue

@@ -7,10 +7,12 @@ import useTableScrollY from '@/composables/useTableScrollY'
 import { usePagination } from '@/composables/usePagination.ts'
 import CustomPagination from '@/components/custom-pagination/custom-pagination.vue'
 import { createDatabaseColumn } from './columns.tsx'
-import { DatabaseItemInterface } from './type.d'
+import { DatabaseFormInterface, DatabaseItemInterface } from './type.d'
 import EditDatabaseModal from './components/edit-database-modal.vue'
 import { fetchDeleteDataBaseById, fetchGetDataBaseList, handleUpdateDataBase } from '@/apis/database.ts'
 
+type DatabaseEditFormInterface = DatabaseFormInterface & { id: number }
+
 const { t } = useI18n()
 
 const databaseListTableRef = useTemplateRef<DataTableInst>('databaseListTableRef')
@@ -26,7 +28,7 @@ const databaseListLoading = ref(false)
 
 const showEditDatabaseModal = ref(false)
 const updateDatabaseBtnLoading = ref(false)
-const currentEditDatabaseInfo = ref<DatabaseItemInterface>({
+const currentEditDatabaseInfo = ref<DatabaseEditFormInterface>({
   id: 0,
   title: '',
   desc: '',
@@ -36,7 +38,6 @@ const currentEditDatabaseInfo = ref<DatabaseItemInterface>({
   dbName: '',
   dbUsername: '',
   dbPassword: '',
-  modifiedTime: new Date(),
 })
 
 const databaseColumns = createDatabaseColumn(handleDatabaseTableAction)
@@ -81,39 +82,39 @@ async function handleSearchDatabaseList() {
   databaseListTableRef.value?.scrollTo({ top: 0, behavior: 'smooth' })
 }
 
-function handleDatabaseTableAction(actionType: string, databaseId: number) {
+function handleDatabaseTableAction(actionType: string, dbId: number) {
   switch (actionType) {
     case 'view':
-      handleToDatabaseDetail(databaseId)
+      handleToDatabaseDetail(dbId)
       break
     case 'edit':
-      handleShowEditDatabaseModal(databaseId)
+      handleShowEditDatabaseModal(dbId)
       break
     case 'delete':
-      handleDeleteDatabaseById(databaseId)
+      handleDeleteDatabaseById(dbId)
       break
   }
 }
 
-function handleToDatabaseDetail(_databaseId: number) {
+function handleToDatabaseDetail(_dbId: number) {
   // TODO
 }
 
-function handleShowEditDatabaseModal(databaseId: number) {
+function handleShowEditDatabaseModal(dbId: number) {
   showEditDatabaseModal.value = true
 
   databaseList.value.forEach((item) => {
-    if (item.id === databaseId) {
+    if (item.id === dbId) {
       currentEditDatabaseInfo.value = item
     }
   })
 }
 
-function handleDeleteDatabaseById(databaseId: number) {
+function handleDeleteDatabaseById(dbId: number) {
   window.$message
     .ctWarning('', t('personal_space_module.knowledge_module.delete_knowledge_dialog_content'))
     .then(async () => {
-      const res = await fetchDeleteDataBaseById(databaseId)
+      const res = await fetchDeleteDataBaseById(dbId)
 
       if (res.code === 0) {
         if (databaseList.value.length <= 1 && paginationData.pageNo === paginationData.totalPages) {
@@ -125,7 +126,7 @@ function handleDeleteDatabaseById(databaseId: number) {
     })
 }
 
-async function handleUpdateDatabase(databaseData: DatabaseItemInterface) {
+async function handleUpdateDatabase(databaseData: DatabaseEditFormInterface) {
   updateDatabaseBtnLoading.value = true
 
   const res = await handleUpdateDataBase(databaseData).finally(() => {

src/views/personal-space/personal-database/type.d.ts

+export interface DatabaseTableInfoItem {
+  table_NAME: string
+  table_COMMENT: string
+  table_ROWS: number
+  table_COLUMN: number
+}
+
 export interface DatabaseItemInterface {
   id: number
   title: string
@@ -9,4 +16,7 @@ export interface DatabaseItemInterface {
   dbUsername: string
   dbPassword: string
   modifiedTime: Date
+  tableInfos: DatabaseTableInfoItem[]
 }
+
+export type DatabaseFormInterface = Omit<DatabaseItemInterface, 'id' | 'modifiedTime' | 'tableInfos'>

src/views/personal-space/personal-space.vue

@@ -9,7 +9,7 @@ import CreateKnowledgeModal, {
 import CreateDatabaseModal from './personal-database/components/create-database-modal.vue'
 import { fetchCreateKnowledge } from '@/apis/knowledge'
 import { fetchCreateDataBase } from '@/apis/database'
-import { DatabaseItemInterface } from './personal-database/type'
+import { DatabaseFormInterface } from './personal-database/type'
 
 const { t } = useI18n()
 
@@ -106,7 +106,7 @@ async function handleCreateKnowledgeNextStep(createKnowledgeData: KnowledgeFormD
   }
 }
 
-async function handleCreateDatabase(databaseData: Omit<DatabaseItemInterface, 'id' | 'modifiedTime'>) {
+async function handleCreateDatabase(databaseData: DatabaseFormInterface) {
   createDatabaseBtnLoading.value = true
 
   const res = await fetchCreateDataBase(databaseData).finally(() => {