数据源连接页面

src/views/dataSourceManage/connect/AddDataBaseModal.vue

@@ -17,7 +17,12 @@ import {BasicForm, useForm} from '@/components/Form';
 import {useModal, useModalInner} from '@/components/Modal';
 import BasicModal from '@/components/Modal/src/BasicModal.vue';
 import {useMessage} from "@/hooks/web/useMessage";
-import {formSchema, lookRecordFormSchema, resetNameFormSchema} from "@/views/dataSourceManage/connect/connect.data";
+import {
+  addDataBaseFormSchema,
+  formSchema,
+  lookRecordFormSchema,
+  resetNameFormSchema
+} from "@/views/dataSourceManage/connect/connect.data";
 
 defineOptions({name: 'ResetNameModal'});
 const emit = defineEmits(['success', 'register']);
@@ -38,11 +43,11 @@ const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data)
 const [registerForm, {resetFields, setFieldsValue, validate, setProps}] = useForm({
   labelWidth: 90,
   baseColProps: {span: 24},
-  schemas: lookRecordFormSchema,
+  schemas: addDataBaseFormSchema,
   showActionButtonGroup: false
 });
 
-const getTitle = ref('查看日志');
+const getTitle = ref('新增数据库');
 
 /** 确认按钮 */
 function handleSubmit() {

src/views/dataSourceManage/connect/OfflineExecuteModal.vue

@@ -11,7 +11,14 @@
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button type="primary" @click="handleAddButton">新增</a-button>
-        <a-button type="primary" @click="handleAddButton">批量上传</a-button>
+        <BasicUpload
+          :maxSize="20"
+          :maxNumber="10"
+          @change="handleChange"
+          :api="uploadApi"
+          class="my-5"
+          :accept="['image/*']"
+        />
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
@@ -36,7 +43,7 @@
       </template>
     </BasicTable>
     <!-- 新增/编辑 弹窗 -->
-    <DriverModal @register="registerDriverModal" @success="handleSuccess"/>
+    <AddDataBaseModal @register="registerAddDataBaseModal" @success="handleSuccess"/>
   </BasicModal>
 </template>
 <script lang="ts" setup>
@@ -52,10 +59,12 @@ import DriverModal from "@/views/dataSourceManage/driveManage/DriveModal.vue";
 import { Alert } from 'ant-design-vue';
 import {offlineExecuteColumns, offlineExecuteSearchSchema} from "@/views/dataSourceManage/connect/connect.data";
 import {offlineTableData} from "@/views/dataSourceManage/connect/connectData";
-
+import AddDataBaseModal from "@/views/dataSourceManage/connect/AddDataBaseModal.vue";
+import { BasicUpload } from '@/components/Upload';
+import { uploadApi } from '@/api/sys/upload';
 defineOptions({ name: 'AccountManagement' });
 const { createMessage } = useMessage();
-const [registerDriverModal, { openModal: openDriverModal }] = useModal();
+const [registerAddDataBaseModal, { openModal: openAddDataBaseModal }] = useModal();
 const searchInfo = reactive<Recordable>({});
 const emit = defineEmits(['success', 'register']);
 const tableData = ref([])
@@ -100,8 +109,8 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
 
 /** 新增 按钮 */
 async function handleAddButton(record: Recordable) {
-  openDriverModal(true, {
-    isUpdate: false
+  openAddDataBaseModal(true, {
+
   });
 }
 

src/views/dataSourceManage/connect/connect.data.ts

@@ -547,3 +547,19 @@ export const lookRecordFormSchema: FormSchema[any] = [
     }
   },
 ]
+
+//添加数据库表单
+export const addDataBaseFormSchema: FormSchema[any] = [
+  {
+    field: 'dataBaseName',
+    label: '数据库',
+    component: 'Input',
+    required: true,
+  },
+  {
+    field: 'strategy',
+    label: '策略',
+    component: 'Input',
+    required: true,
+  },
+]