修改运行临时参数

src/views/dataIntegration/dataLoading/dataEntryLake/dataEntry.data.ts

@@ -648,3 +648,22 @@ export const versionManageColumns: BasicColumn[] = [
     width: 140,
   },
 ];
+export const runOptionsColumns: BasicColumn[] = [
+  {
+    title: '参数名称',
+    dataIndex: 'name',
+    width: 120,
+  },
+  {
+    title: '参数类型',
+    dataIndex: 'type',
+    width: 120,
+  },
+  {
+    title: '参数值',
+    dataIndex: 'data',
+    width: 120,
+    edit: true,
+    editable: true,
+  },
+];

src/views/dataIntegration/dataLoading/dataEntryLake/databaseOfflineLoading.vue

@@ -193,6 +193,7 @@
     <GlobalOptionsModal @register="registerGlobalOptionsModal" />
     <SaveModal @register="registerSaveModal" />
     <VersionManageModal @register="registerVersionManageModal" />
+    <RunOptionsModal @register="registerRunOptionsModal" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -228,6 +229,7 @@
   import GlobalOptionsModal from '@/views/dataIntegration/dataLoading/dataEntryLake/globalOptionsModal.vue';
   import SaveModal from '@/views/dataIntegration/dataLoading/dataEntryLake/saveModal.vue';
   import VersionManageModal from '@/views/dataIntegration/dataLoading/dataEntryLake/versionManageModal.vue';
+  import RunOptionsModal from '@/views/dataIntegration/dataLoading/dataEntryLake/runOptionsModal.vue';
 
   const route = useRoute();
   const emit = defineEmits(['success', 'register']);
@@ -512,6 +514,7 @@
   const [registerGlobalOptionsModal, { openModal: openGlobalOptionsModal }] = useModal();
   const [registerSaveModal, { openModal: openSaveModal }] = useModal();
   const [registerVersionManageModal, { openModal: openVersionManageModal }] = useModal();
+  const [registerRunOptionsModal, { openModal: openRunOptionsModal }] = useModal();
 
   const [
     registerSourceSideConfigurationForm,
@@ -773,6 +776,11 @@
       title: '数据加载版本管理',
     });
   }
+  function handleRun() {
+    openRunOptionsModal(true, {
+      title: '参数列表',
+    });
+  }
 
   function handleConversion(record) {
     createMessage.success('数据转换成功' + record.fieldType);

src/views/dataIntegration/dataLoading/dataEntryLake/mock.ts

@@ -1293,3 +1293,25 @@ export const versionManageData: any[] = [
     date: '2024-10-24 10:04:04',
   },
 ];
+export const runOptionsData: any[] = [
+  {
+    name: 'tdt.job.cleaning',
+    type: '服务参数',
+    data: 'true',
+  },
+  {
+    name: 'tdt.jdbc.mapper.size',
+    type: '服务参数',
+    data: '1024',
+  },
+  {
+    name: 'tdt.job.mapper.count',
+    type: '服务参数',
+    data: 'true',
+  },
+  {
+    name: 'tdt.strict.mode',
+    type: '服务参数',
+    data: 'false',
+  },
+];

src/views/dataIntegration/dataLoading/dataEntryLake/runOptionsModal.vue

+<template>
+  <BasicModal
+    width="55%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="title"
+    @ok="handleSubmit"
+  >
+    <BasicTable @register="registerTable" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { onMounted, ref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { runOptionsColumns } from '@/views/dataIntegration/dataLoading/dataEntryLake/dataEntry.data';
+  import { runOptionsData } from '@/views/dataIntegration/dataLoading/dataEntryLake/mock';
+
+  defineOptions({ name: 'KnowledgeModal' });
+
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const title = ref();
+  const tableData = ref([]);
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerTable, { reload }] = useTable({
+    api: async () => {
+      const response = {
+        pageNum: '1',
+        pageSize: '10',
+        pages: '1',
+        total: tableData.value.length,
+        code: '',
+        message: '',
+        data: [],
+      };
+      //过滤data中的数据，取出等于params.deptId的数据
+      var data = [];
+      data = tableData.value;
+      return { ...response, data: data };
+    },
+    pagination: false,
+    columns: runOptionsColumns,
+    useSearchForm: false,
+    showTableSetting: false,
+    bordered: true,
+    showIndexColumn: false,
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await reload();
+    setModalProps({ confirmLoading: false });
+    title.value = data.title;
+  });
+
+  async function handleSubmit() {
+    closeModal();
+    createMessage.success('提交成功');
+  }
+  onMounted(() => {
+    tableData.value = runOptionsData;
+  });
+</script>