数据入湖-添加发布&重命名

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

@@ -490,6 +490,24 @@ export const FieldNameMappingRuleFormSchema: FormSchema[] = [
   },
 ];
 
+export const resetNameFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: '名称',
+    component: 'Input',
+    rules: [
+      {
+        required: true,
+        message: '请输入文件名称',
+      },
+    ],
+    componentProps: {
+      placeholder: '请输入文件名称',
+    },
+    colProps: { span: 8 },
+  },
+];
+
 export const BatchScaleNameMappingFormSchema: FormSchema[] = [
   {
     field: 'regularExpression',

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

@@ -57,10 +57,14 @@
               //   label: '详情',
               //   onClick: handleEdit.bind(null, record, 1),
               // },
-              // {
-              //   label: '发布',
-              //   onClick: handlePublish.bind(null, record),
-              // },
+              {
+                label: '发布',
+                onClick: handlePublish.bind(null, record),
+              },
+              {
+                label: '重命名',
+                onClick: handleResetName.bind(null, record),
+              },
               {
                 label: '复制',
                 onClick: handleMove.bind(null, 0, record),
@@ -82,6 +86,7 @@
     <ImportModal @register="registerImport" @success="handleImportSuccess" />
     <SceneSelectionModal @register="registerSceneSelectionModal" />
     <NewFolder @register="registerNewFolder" />
+    <ResetName @register="registerResetNameModal" @success="handleAddSuccess" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -100,10 +105,12 @@
   import GroupTree from './GroupTree.vue';
   import SceneSelectionModal from './sceneSelectionModal.vue';
   import ImportModal from './importModal.vue';
+  import ResetName from './resetName.vue';
 
   const { createMessage, createConfirm } = useMessage();
   const filterStore = useFilterStore();
   const route = useRouter();
+  const [registerResetNameModal, { openModal: openResetNameModal }] = useModal();
   const [registerImport, { openModal: openImportModal }] = useModal();
   const [registerMoveFile, { openModal: openMoveFileModal }] = useModal();
   const [registerSceneSelectionModal, { openModal: openSceneSelectionModal }] = useModal();
@@ -190,7 +197,7 @@
       },
     });
   }
-  /**发布按钮*/
+  /**下线按钮*/
   function handleDownline() {
     createConfirm({
       iconType: 'warning',
@@ -202,6 +209,25 @@
       },
     });
   }
+  /**发布按钮*/
+  function handlePublish() {
+    createConfirm({
+      iconType: 'warning',
+      title: '确认发布',
+      content: '确认发布选中数据？',
+      onOk() {
+        createMessage.success('发布成功!');
+        reload();
+      },
+    });
+  }
+  /** 重命名按钮*/
+  function handleResetName(record: Recordable) {
+    openResetNameModal(true, {
+      record,
+      isReset: true,
+    });
+  }
   /**下线按钮*/
   function handleRun() {
     createConfirm({

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

+<template>
+  <BasicModal
+    width="40%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref, computed } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { resetNameFormSchema } from './dataEntry.data';
+  import { useMessage } from '@/hooks/web/useMessage';
+
+  const emit = defineEmits(['success', 'register']);
+  const { createMessage } = useMessage();
+  const isUpdate = ref(true);
+  const isMove = ref(false);
+  const rowId = ref('');
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 12, md: 24 },
+    schemas: resetNameFormSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  });
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields();
+    setModalProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
+    isMove.value = !!data?.isMove;
+    setFieldsValue({
+      ...data.record,
+    });
+  });
+
+  const getTitle = computed(() => '重命名');
+
+  /**确定按钮*/
+  async function handleSubmit() {
+    createMessage.success('重命名成功');
+    closeModal();
+  }
+</script>