文件加载-改

src/views/dataIntegration/dataLoading/fileLoading/file.data.ts

-import {FormSchema} from "@/components/Form";
-import {BasicColumn} from "@/components/Table";
-import {InputProps} from "ant-design-vue";
+import { FormSchema } from '@/components/Form';
+import { BasicColumn } from '@/components/Table';
+import { InputProps } from 'ant-design-vue';
 
 export const fileUploadSchema: FormSchema[] = [
   {
@@ -294,7 +294,19 @@ export const dataSourceFieldFormSchema: FormSchema[] = [
     show: ({ model }) => {
       return model.createTable === '是';
     },
-    component: 'Input',
+    component: 'Select',
+    componentProps: {
+      options: [
+        {
+          label: 'Table1',
+          value: 'Table1',
+        },
+        {
+          label: 'Table2',
+          value: 'Table2',
+        },
+      ],
+    },
   },
 ];
 export const dataSourceTableColumn: BasicColumn[] = [
@@ -344,7 +356,23 @@ export const dataSourceSqlFormSchema: FormSchema[] = [
   {
     label: '表类型',
     field: 'type',
-    component: 'Input',
+    component: 'Select',
+    componentProps: {
+      options: [
+        {
+          label: 'TEXT',
+          value: 'TEXT',
+        },
+        {
+          label: 'ORC',
+          value: 'ORC',
+        },
+        {
+          label: 'TORC',
+          value: 'TORC',
+        },
+      ],
+    },
   },
   {
     field: '',
@@ -398,11 +426,17 @@ export const dataSourceSqlFormSchema: FormSchema[] = [
     field: '',
     slot: 'title3',
   },
+  {
+    field: 'otherConfigType',
+    component: 'Select',
+    defaultValue: '表注释',
+    show: false,
+  },
   {
     field: 'otherConfig',
     slot: 'otherConfig',
   },
-]
+];
 export const showLogFormSchema: FormSchema[] = [
   {
     field: 'tableName',

src/views/dataIntegration/dataLoading/fileLoading/index.vue

 <template>
-  <PageWrapper :title="modelName" contentBackground headerSticky>
+  <PageWrapper class="content-padding" :title="modelName" contentBackground headerSticky @back="goBack">
+    <template #extra>
+      <a-button type="primary">跳转运维</a-button>
+      <a-button :disabled="isDebug" type="primary" @click="handleSave">保存</a-button>
+      <a-button v-if="!isDebug" type="primary" @click="handleDebug">调试</a-button>
+      <a-button v-else type="primary" @click="handleExitDebug">退出调试</a-button>
+      <a-button :disabled="isDebug || !isUpload" type="primary">运行</a-button>
+      <a-button :disabled="!isSave || isDebug" type="primary" @click="handlePublish">发布</a-button>
+      <a-button type="primary" @click="handleGobalDeply">全局配置</a-button>
+      <a-button type="primary" @click="handleParameterConfiguration">参数配置</a-button>
+      <a-button type="primary">版本管理</a-button>
+<!--      <a-button type="primary" @click="handleVersionManagement">版本管理</a-button>-->
+    </template>
     <template #footer>
       <Tabs v-model:activeKey="activeKey">
         <TabPane key="1" tab="源端配置">
@@ -363,6 +375,10 @@
     <ClearConfigurationModal @register="registerClearConfigurationModal" />
     <BatchScaleNameMappingModal @register="registerBatchScaleNameMappingModal" />
     <AddDataConversionRuleModal @register="registerAddRuleModal" />
+    <SaveModal @register="registerSaveModal" @success="handleSaveSuccess" />
+    <GlobalOptionsModal @register="registerGlobalOptionsModal" />
+    <DataOptionsModal @register="registerDataOptionsModal" />
+    <VersionManageModal @register="registerVersionManageModal" />
   </PageWrapper>
 </template>
 
@@ -439,7 +455,99 @@
   import ClearConfigurationModal from '@/views/dataIntegration/dataLoading/dataEntryLake/ClearConfigurationModal.vue';
   import BatchScaleNameMappingModal from '@/views/dataIntegration/dataLoading/dataEntryLake/BatchScaleNameMappingModal.vue';
   import AddDataConversionRuleModal from '@/views/dataIntegration/dataLoading/fileLoading/addDataConversionRuleModal.vue';
+  import { router } from '@/router';
+  import SaveModal from '@/views/dataIntegration/dataLoading/dataEntryLake/saveModal.vue';
+  import GlobalOptionsModal from '@/views/dataIntegration/dataLoading/dataEntryLake/globalOptionsModal.vue';
+  import DataOptionsModal from '@/views/dataIntegration/dataLoading/dataEntryLake/dataOptionsModal.vue';
+  import VersionManageModal from '@/views/dataIntegration/dataLoading/dataEntryLake/versionManageModal.vue';
 
+  const [registerSaveModal, { openModal: openSaveModal }] = useModal();
+  const [registerGlobalOptionsModal, { openModal: openGlobalOptionsModal }] = useModal();
+  const [registerDataOptionsModal, { openModal: openDataOptionsModal }] = useModal();
+  const [registerVersionManageModal, { openModal: openVersionManageModal }] = useModal();
+  const isSave = ref(false);
+  async function handleSave() {
+    createMessage.success('保存成功');
+    isSave.value = true;
+  }
+  function goBack() {
+    router.back();
+  }
+  const isDebug = ref(false);
+  function handleDebug() {
+    isDebug.value = true;
+    activeKey.value = '4';
+    tabularPresentationTable.value = [
+      {
+        businessId: '1',
+        ownershipTableId: '1',
+        sourceTable: 'table_1',
+        targetTable: 'test_table_1_obs',
+        tableType: 'ORC',
+        areaType: '无',
+        partitionKey: '-',
+        debuggingResult: '成功',
+      },
+      {
+        businessId: '1',
+        ownershipTableId: '1',
+        sourceTable: 'auto_catalog_hdfs_file_1.txt',
+        targetTable: 'yesy',
+        tableType: 'ORC',
+        areaType: '无',
+        partitionKey: '-',
+        debuggingResult: '成功',
+      },
+      {
+        businessId: '1',
+        ownershipTableId: '1',
+        sourceTable: 'customer_details',
+        targetTable: 'yesy',
+        tableType: 'ORC',
+        areaType: '无',
+        partitionKey: '-',
+        debuggingResult: '成功',
+      },
+      {
+        businessId: '1',
+        ownershipTableId: '1',
+        sourceTable: 'order_history',
+        targetTable: 'yesy',
+        tableType: 'ORC',
+        areaType: '无',
+        partitionKey: '-',
+        debuggingResult: '成功',
+      },
+    ];
+    reloadTabularPresentationTable();
+  }
+  function handleExitDebug() {
+    isDebug.value = false;
+  }
+  function handlePublish() {
+    openSaveModal(true, {
+      title: '发布新版本',
+    });
+  }
+  const isUpload = ref(false);
+  function handleSaveSuccess() {
+    isUpload.value = true
+  }
+  function handleGobalDeply() {
+    openGlobalOptionsModal(true, {
+      title: '数据加载全局配置',
+    });
+  }
+  function handleParameterConfiguration() {
+    openDataOptionsModal(true, {
+      title: '数据加载参数配置',
+    });
+  }
+  function handleVersionManagement() {
+    openVersionManageModal(true, {
+      title: '版本管理',
+    });
+  }
   const key = ref('');
   const activeKey = ref('1');
   const modelName = ref('文件离线加载');