修改元数据

src/views/metadata/addDataBaseModal.vue

+<template>
+  <BasicModal
+    width="40%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="title"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { addDataBaseSchema } from '@/views/metadata/data';
+
+  defineOptions({ name: 'KnowledgeModal' });
+
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const title = ref();
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { resetFields }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: addDataBaseSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields;
+    setModalProps({ confirmLoading: false });
+    title.value = data.title;
+  });
+
+  async function handleSubmit() {
+    closeModal();
+    createMessage.success('新增成功');
+    resetFields;
+  }
+
+</script>

src/views/metadata/data.ts

@@ -965,3 +965,12 @@ export const dataBaseSchema: DescItem[] = [
     label: '描述',
   },
 ];
+export const addDataBaseSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '数据库名称',
+    component: 'Input',
+    colProps: { lg: 24, md: 24 },
+    required: true,
+  },
+];

src/views/metadata/metaDataModal.vue

@@ -28,6 +28,7 @@
     </div>
   </BasicModal>
   <DatabaseModal @register="registerDatabaseModal" />
+  <AddDatabaseModal @register="registerAddDataBaseModal" />
 </template>
 <script setup lang="ts">
   import { BasicTable, useTable } from '@/components/Table';
@@ -40,6 +41,7 @@
   import { useMessage } from '@/hooks/web/useMessage';
   import DatabaseModal from '@/views/metadata/databaseModal.vue';
   import { Description } from '@/components/Description';
+  import AddDatabaseModal from './addDataBaseModal.vue';
 
   const { createMessage } = useMessage();
   const page = ref('1');
@@ -48,6 +50,7 @@
   const tableTitle = ref('');
   const params = ref({});
   const [registerDatabaseModal, { openModal }] = useModal();
+  const [registerAddDataBaseModal, { openModal: openAddDataBaseModal }] = useModal();
   const [registerTable, { reload, getForm }] = useTable({
     api: async () => {
       const response = {
@@ -75,14 +78,11 @@
     bordered: true,
     showIndexColumn: false,
     handleSearchInfoFn(info) {
-      // console.log('tableData1', tableData.value);
       tableData.value = dbData.filter(
         (item) =>
           (info.dbName === undefined || item.dbName.includes(info.dbName)) &&
           item.workSpaceName === tableTitle.value,
       );
-      // console.log('tableData2', tableData.value);
-      // console.log('info', info);
       return info;
     },
   });
@@ -93,11 +93,12 @@
     await reload();
   });
   function handleNew() {
-    createMessage.warning('暂未完成，敬请期待');
+    openAddDataBaseModal(true, {
+      title: '新建数据库',
+    });
   }
 
   function handleCreate(record) {
-    // console.log(record);
     openModal(true, {
       ...record,
     });