api-我创建的

src/views/mallResourceDevelopment/API/apiByCreate/data.ts

@@ -753,3 +753,22 @@ export const versionPublishSchema: FormSchema[] = [
     required: true,
   },
 ];
+export const upLoadModalFormSchema: FormSchema[] = [
+  {
+    field: 'num',
+    label: '存证公证编号',
+    component: 'Input',
+  },
+  {
+    field: 'platform',
+    label: '存证公证平台',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '阿里云数据平台', value: '阿里云数据平台' },
+        { label: '腾讯云数据平台', value: '腾讯云数据平台' },
+        { label: '华为云数据平台', value: '华为云数据平台' },
+      ],
+    },
+  },
+];

src/views/mallResourceDevelopment/API/apiByCreate/index.vue

@@ -51,15 +51,12 @@
               :actions="[
                 {
                   label: '上架',
-                  popConfirm: {
-                    title: '是否确认删除',
-                    placement: 'left',
-                    confirm: handleUpload.bind(null),
-                  },
+                  onClick: handleUpload.bind(null),
                 },
                 {
                   label: '编辑',
                   onClick: handEdit.bind(null),
+                  disabled: record.uploadStatus === '0',
                 },
                 {
                   label: '删除',
@@ -79,6 +76,7 @@
     <NewFolder @register="registerNewFolder" />
     <AddFileModal @register="registerAddFileModal" />
     <EditFileModal @register="registerEditFile" />
+    <UploadModal @register="uploadModal" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
@@ -96,12 +94,14 @@
   import AddFileModal from './addFileModal.vue';
   import { router } from '@/router';
   import EditFileModal from '@/views/mallResourceDevelopment/dataSet/datasetByCreate/editFileModal.vue';
+  import UploadModal from '@/views/mallResourceDevelopment/API/apiByCreate/upLoadModal.vue';
 
   const { createMessage, createConfirm } = useMessage();
   const [registerMoveFile, { openModal: openMoveFileModal }] = useModal();
   const [registerNewFolder, { openModal: openNewFolderModal }] = useModal();
   const [registerAddFileModal, { openModal: openAddFileModal }] = useModal();
   const [registerEditFile, { openModal: openEditFileModal }] = useModal();
+  const [uploadModal, { openModal: openUploadModal }] = useModal();
 
   const [registerTable, { reload, getRowSelection, getSelectRows }] = useTable({
     api: async () => {
@@ -182,7 +182,9 @@
   }
 
   function handleUpload() {
-    createMessage.success('上架成功!');
+    openUploadModal(true, {
+      isUpdate: false,
+    });
   }
   function handDelete() {
     createMessage.success('删除成功!');

src/views/mallResourceDevelopment/API/apiByCreate/upLoadModal.vue

+<template>
+  <BasicModal
+    width="60%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="title"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import BasicModal from '../../../../components/Modal/src/BasicModal.vue';
+  import { useModalInner } from '@/components/Modal';
+  import { ref } from 'vue';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import {FormProps, useForm} from '@/components/Form';
+  import { upLoadModalFormSchema } from '@/views/mallResourceDevelopment/API/apiByCreate/data';
+  import BasicForm from '@/components/Form/src/BasicForm.vue';
+
+  // 初始化
+  const { createMessage } = useMessage();
+  // 数据
+  const title = ref('上架');
+  /**
+   * 方法
+   */
+  function handleSubmit() {
+    closeModal();
+    createMessage.success('上架成功！');
+  }
+  /**
+   * 弹窗
+   */
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    setModalProps({ confirmLoading: false });
+    // 清空表单
+    await resetFields();
+  });
+  /**
+   * form
+   */
+  const [registerForm, { resetFields }] = useForm({
+    labelWidth: 120,
+    baseColProps: { span: 24 },
+    schemas: upLoadModalFormSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  } as FormProps);
+</script>
+
+<style scoped></style>