添加附件上传下载

.env.development

@@ -7,7 +7,8 @@ VITE_PUBLIC_PATH = /
 # Cross-domain proxy, you can configure multiple
 # Please note that no line breaks
 # VITE_PROXY = [["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]
-VITE_PROXY=[["/api","http://localhost:9098"]]
+# VITE_PROXY=[["/api","http://192.168.2.213:9098"],["/upload","http://192.168.2.213:9098/upload"]]
+VITE_PROXY=[["/api","http://localhost:9098"],["/upload","http://localhost:9098/eventAppendix"]]
 
 # Delete console
 VITE_DROP_CONSOLE = false
@@ -15,9 +16,10 @@ VITE_DROP_CONSOLE = false
 # Basic interface address SPA
 # VITE_GLOB_API_URL=/basic-api
 VITE_GLOB_API_URL=/api
+# VITE_GLOB_API_URL=http://192.168.2.213:9098
 
 # File upload address， optional
-VITE_GLOB_UPLOAD_URL=/upload
+VITE_GLOB_UPLOAD_URL=http://localhost:9098/eventAppendix
 
 # Interface prefix
 VITE_GLOB_API_URL_PREFIX=

.env.production

@@ -4,10 +4,6 @@ VITE_USE_MOCK = true
 # public path
 VITE_PUBLIC_PATH = /
 
-# Cross-domain proxy, you can configure multiple
-# Please note that no line breaks
-VITE_PROXY=[["/api","http://localhost:9098"]]
-
 # Delete console
 VITE_DROP_CONSOLE = true
 

package.json

@@ -11,6 +11,7 @@
     "serve": "npm run dev",
     "dev": "vite",
     "build": "cross-env NODE_ENV=production vite build && esno ./build/script/postBuild.ts",
+    "build:dev": "cross-env NODE_ENV=development vite build && esno ./build/script/postBuild.ts",
     "build:test": "cross-env vite build --mode test && esno ./build/script/postBuild.ts",
     "build:no-cache": "yarn clean:cache && npm run build",
     "report": "cross-env REPORT=true npm run build",

src/api/burialPoint/apply/model/applyModel.ts

@@ -4,4 +4,5 @@ export interface Apply {
   uuid: string;
   applyName: string | undefined | Ref<any>;
   applyType: string | undefined | Ref<any>;
+  tokenId: string | undefined | Ref<any>;
 }

src/api/burialPoint/eventAppendix/eventAppendix.ts

@@ -0,0 +1,40 @@
+import {defHttp} from '/@/utils/http/axios';
+import {EventAppendix} from "/@/api/burialPoint/eventAppendix/model/eventAppendixModel";
+
+enum Api {
+  queryListByEventId = '/eventAppendix/queryListByEventId',
+  Download = '/eventAppendix/download',
+  Delete = '/eventAppendix/delete',
+}
+
+/**
+ * 通过eventId查询数据
+ */
+export function queryListByEventId(params: string) {
+  return defHttp.get<EventAppendix>({
+    url: Api.queryListByEventId,
+    params,
+  });
+}
+
+/**
+ * 删除数据
+ */
+export function eventAppendixDelete(params: string) {
+  return defHttp.post<EventAppendix>({
+    url: Api.Delete + '?id=' + params,
+  });
+}
+
+/**
+ * 附件下载
+ */
+export function downloadAppendix(params: string) {
+  return defHttp.get({
+    url: Api.Download + '?id=' + params,
+    responseType: 'blob',
+  }, {
+    isReturnNativeResponse: true,
+    isTransformResponse: true
+  });
+}

src/api/burialPoint/eventAppendix/model/eventAppendixModel.ts

@@ -0,0 +1,5 @@
+export interface EventAppendix {
+  id: string;
+  eventId: string;
+  name: string;
+}

src/components/Upload/src/BasicUpload.vue

@@ -12,7 +12,7 @@
           </template>
         </template>
         <a-button @click="openPreviewModal">
-          <Icon icon="bi:eye" />
+<!--          <Icon icon="bi:eye" />-->
           <template v-if="fileList.length && showPreviewNumber">
             {{ fileList.length }}
           </template>

src/views/burialPoint/eventLog.vue

@@ -161,6 +161,7 @@
       ],
     },
     canResize: true,
+    showIndexColumn: false,
   });
 
   /**

src/views/burialPoint/index.vue

@@ -7,11 +7,11 @@
           <a-button type="primary" @click="openApplyModals">新增</a-button>
         </template>
         <template #action="{ record, column }">
-          <TableAction :actions="createActions(record, column)" />
+          <TableAction :actions="createActions(record, column)"/>
         </template>
       </BasicTable>
 
-      <ApplyModal @register="registerApplyModal" @visible-change="ApplyModalVisibleChange" />
+      <ApplyModal @register="registerApplyModal" @visible-change="ApplyModalVisibleChange"/>
     </div>
 
     <!-- 应用事件抽屉 -->
@@ -22,16 +22,16 @@
             <a-button type="primary" @click="openEventModals">新增</a-button>
           </template>
           <template #action="{ record, column }">
-            <TableAction :actions="createActionsEvent(record, column)" />
+            <TableAction :actions="createActionsEvent(record, column)"/>
           </template>
         </BasicTable>
 
-        <EventModal @register="registerEventModal" @visible-change="EventModalVisibleChange" />
+        <EventModal @register="registerEventModal" @visible-change="EventModalVisibleChange"/>
       </div>
     </BasicDrawer>
 
     <!-- 事件详情抽屉 -->
-    <BasicDrawer @register="registerPropInfoDrawer" title="属性详情" width="70%">
+    <BasicDrawer @register="registerEventInfoDrawer" title="属性详情" width="70%">
       <PageWrapper title="属性详情页" contentBackground>
         <Description
           size="middle"
@@ -41,7 +41,7 @@
           :data="applyData"
           :schema="applySchema"
         />
-        <Divider />
+        <Divider/>
         <Description
           size="middle"
           title="事件信息"
@@ -50,483 +50,602 @@
           :data="eventData"
           :schema="eventSchema"
         />
+        <Divider/>
+        <BasicTable @register="eventAppendixTable">
+          <template #toolbar>
+            <BasicUpload
+              :maxSize="20"
+              :maxNumber="10"
+              :api="uploadApi"
+              :uploadParams="paramPages"
+              @change="handleBasicUploadChange"
+              helpText="单个文件不超过10MB，最多只能上传10个文件"
+            />
+          </template>
+          <template #action="{ record, column }">
+            <TableAction :actions="createActionsEventAppendix(record, column)"/>
+          </template>
+        </BasicTable>
       </PageWrapper>
     </BasicDrawer>
   </div>
 </template>
 
 <script lang="ts" setup>
-  import {
-    ActionItem,
-    BasicColumn,
-    BasicTable,
-    EditRecordRow,
-    useTable,
-  } from '/@/components/Table';
-  import { BasicDrawer, useDrawer } from '/@/components/Drawer';
-  import TableAction from '/@/components/Table/src/components/TableAction.vue';
-  import { useMessage } from '/@/hooks/web/useMessage';
-  import { reactive, ref } from 'vue';
-  import { cloneDeep } from 'lodash-es';
-  import {
-    applyDelete,
-    applyUpdate,
-    queryAll,
-    queryApplyOne,
-  } from '/@/api/burialPoint/apply/apply';
-  import {
-    queryPage,
-    queryEventOne,
-    eventUpdate,
-    eventDelete,
-  } from '/@/api/burialPoint/event/event';
-  import { applySchema, eventSchema } from './model/data';
-  import { Apply } from '/@/api/burialPoint/apply/model/applyModel';
-  import { Events } from '/@/api/burialPoint/event/model/eventModel';
-  import { useModal } from '/@/components/Modal';
-  import { PageWrapper } from '/@/components/Page';
-  import { Description } from '/@/components/Description/index';
-  import { Divider } from 'ant-design-vue';
-  import ApplyModal from './modal/applyModal.vue';
-  import EventModal from './modal/eventModal.vue';
-
-  // 应用
-
-  const { createMessage: msg } = useMessage();
-  const currentApplyEditKeyRef = ref('');
-
-  /**
-   * 注册表格信息
-   */
-  const columns = [
-    {
-      title: 'UUID',
-      dataIndex: 'uuid',
-      editRow: false,
-      width: 200,
-    },
-    {
-      title: '应用名称',
-      dataIndex: 'applyName',
-      editRow: true,
-      width: 200,
-    },
-    {
-      title: '应用类别',
-      dataIndex: 'applyType',
-      editRow: true,
-      width: 200,
-    },
-  ];
-  const [register, methods] = useTable({
-    title: '应用表',
-    api: queryAll,
-    columns: columns,
-    rowKey: 'uuid',
-    actionColumn: {
-      width: 160,
-      title: '操作',
-      slots: { customRender: 'action' },
-    },
-    useSearchForm: true,
-    formConfig: {
-      labelWidth: 100,
-      schemas: [
-        {
-          field: `applyName`,
-          label: `应用名称`,
-          component: 'Input',
-          colProps: {
-            xl: 12,
-            xxl: 8,
-          },
+import {
+  ActionItem,
+  BasicColumn,
+  BasicTable,
+  EditRecordRow,
+  useTable,
+} from '/@/components/Table';
+import {BasicDrawer, useDrawer} from '/@/components/Drawer';
+import TableAction from '/@/components/Table/src/components/TableAction.vue';
+import {useMessage} from '/@/hooks/web/useMessage';
+import {reactive, ref} from 'vue';
+import {cloneDeep} from 'lodash-es';
+import {
+  applyDelete,
+  applyUpdate,
+  queryAll,
+  queryApplyOne,
+} from '/@/api/burialPoint/apply/apply';
+import {
+  queryPage,
+  queryEventOne,
+  eventUpdate,
+  eventDelete,
+} from '/@/api/burialPoint/event/event';
+import {applySchema, eventSchema} from './model/data';
+import {Apply} from '/@/api/burialPoint/apply/model/applyModel';
+import {Events} from '/@/api/burialPoint/event/model/eventModel';
+import {useModal} from '/@/components/Modal';
+import {PageWrapper} from '/@/components/Page';
+import {Description} from '/@/components/Description/index';
+import {Divider} from 'ant-design-vue';
+import ApplyModal from './modal/applyModal.vue';
+import EventModal from './modal/eventModal.vue';
+import {BasicUpload} from '/@/components/Upload';
+import {uploadApi} from '/@/api/sys/upload';
+import {
+  downloadAppendix,
+  eventAppendixDelete,
+  queryListByEventId
+} from "/@/api/burialPoint/eventAppendix/eventAppendix";
+import {downloadByData} from "/@/utils/file/download";
+
+// 应用
+
+const {createMessage: msg} = useMessage();
+const currentApplyEditKeyRef = ref('');
+
+/**
+ * 注册表格信息
+ */
+const columns = [
+  {
+    title: 'UUID',
+    dataIndex: 'uuid',
+    editRow: false,
+    width: 200,
+  },
+  {
+    title: '应用名称',
+    dataIndex: 'applyName',
+    editRow: true,
+    width: 200,
+  },
+  {
+    title: '应用类别',
+    dataIndex: 'applyType',
+    editRow: true,
+    width: 200,
+  },
+  // {
+  //   title: '应用令牌',
+  //   dataIndex: 'token',
+  //   editRow: true,
+  //   width: 200,
+  //   editComponent: 'Select',
+  // },
+];
+const [register, methods] = useTable({
+  title: '应用表',
+  api: queryAll,
+  columns: columns,
+  rowKey: 'uuid',
+  actionColumn: {
+    width: 160,
+    title: '操作',
+    slots: {customRender: 'action'},
+  },
+  useSearchForm: true,
+  formConfig: {
+    labelWidth: 100,
+    schemas: [
+      {
+        field: `applyName`,
+        label: `应用名称`,
+        component: 'Input',
+        colProps: {
+          xl: 12,
+          xxl: 8,
         },
-      ],
-    },
-    canResize: true,
-    pagination: false,
+      },
+    ],
+  },
+  canResize: true,
+  pagination: false,
+  showIndexColumn: false,
+});
+
+/**
+ * 应用新增的弹窗
+ */
+const [registerApplyModal, {openModal: openApplyModal, setModalProps: setApplyModalProps}] =
+  useModal();
+
+const openApplyModals = () => {
+  setApplyModalProps({
+    cancelText: '取消',
+    okText: '提交',
   });
+  openApplyModal();
+};
 
-  /**
-   * 应用新增的弹窗
-   */
-  const [registerApplyModal, { openModal: openApplyModal, setModalProps: setApplyModalProps }] =
-    useModal();
-
-  const openApplyModals = () => {
-    setApplyModalProps({
-      cancelText: '取消',
-      okText: '提交',
-    });
-    openApplyModal();
-  };
-
-  const ApplyModalVisibleChange = (visible) => {
-    if (!visible) {
-      methods.reload();
-    }
-  };
-
-  /**
-   * 控制表格行是否编辑
-   * @param record
-   * @param column
-   */
-  function createActions(record: EditRecordRow, column: BasicColumn): ActionItem[] {
-    if (!record.editable) {
-      return [
-        {
-          label: '事件',
-          onClick: handleOpenEvent.bind(null, record.uuid),
-        },
-        {
-          label: '编辑',
-          disabled: currentApplyEditKeyRef.value
-            ? currentApplyEditKeyRef.value !== record.key
-            : false,
-          onClick: handleEdit.bind(null, record),
-        },
-        {
-          label: '删除',
-          popConfirm: {
-            title: '是否删除应用',
-            confirm: handleDelete.bind(null, record),
-          },
-        },
-      ];
-    }
+const ApplyModalVisibleChange = (visible) => {
+  if (!visible) {
+    methods.reload();
+  }
+};
+
+/**
+ * 控制表格行是否编辑
+ * @param record
+ * @param column
+ */
+function createActions(record: EditRecordRow, column: BasicColumn): ActionItem[] {
+  if (!record.editable) {
     return [
       {
-        label: '保存',
-        onClick: handleSave.bind(null, record, column),
+        label: '事件',
+        onClick: handleOpenEvent.bind(null, record.uuid),
+      },
+      {
+        label: '编辑',
+        disabled: currentApplyEditKeyRef.value
+          ? currentApplyEditKeyRef.value !== record.key
+          : false,
+        onClick: handleEdit.bind(null, record),
       },
       {
-        label: '取消',
+        label: '删除',
         popConfirm: {
-          title: '是否取消编辑',
-          confirm: handleCancel.bind(null, record, column),
+          title: '是否删除应用',
+          confirm: handleDelete.bind(null, record),
         },
       },
     ];
   }
-
-  /**
-   * 开启表格编辑信息
-   */
-  function handleEdit(record: EditRecordRow) {
-    currentApplyEditKeyRef.value = record.key;
-    record.onEdit?.(true);
-  }
-
-  /**
-   * 删除表格信息
-   */
-  function handleDelete(record: Recordable) {
-    applyDelete('?id=' + record.uuid).then((res) => {
-      if (res) console.log('删除成功');
-      methods.reload();
-    });
-  }
-
-  /**
-   * 取消表格编辑信息
-   */
-  function handleCancel(record: EditRecordRow) {
-    currentApplyEditKeyRef.value = '';
-    record.onEdit?.(false, false);
-  }
-
-  /**
-   * 表格编辑信息保存
-   * @param record
-   */
-  async function handleSave(record: EditRecordRow) {
-    // 校验
-    msg.loading({ content: '正在保存...', duration: 0, key: 'saving' });
-    const valid = await record.onValid?.();
-    if (valid) {
-      try {
-        const data = cloneDeep(record.editValueRefs);
-        //TODO 此处将数据提交给服务器保存
-        const params: Apply = {
-          uuid: record.uuid,
-          applyName: data?.applyName,
-          applyType: data?.applyType,
-        };
-        await applyUpdate(params).then(async (res) => {
-          // 保存之后提交编辑状态
-          if (res) console.log('修改成功');
-          const pass = await record.onEdit?.(false, true);
-          if (pass) currentApplyEditKeyRef.value = '';
-          msg.success({ content: '数据已保存', key: 'saving' });
-        });
-      } catch (error) {
-        msg.error({ content: '保存失败', key: 'saving' });
-      }
-    } else {
-      msg.error({ content: '请填写正确的数据', key: 'saving' });
-    }
-  }
-
-  // 事件相关
-
-  const currentEventEditKeyRef = ref('');
-  const paramPages = reactive({
-    applyId: '',
-  });
-
-  /**
-   * 事件抽屉
-   */
-  const [registerEventDrawer, { openDrawer }] = useDrawer();
-
-  /**
-   * 操作事件抽屉
-   * @param record
-   */
-  function handleOpenEvent(uuid: string) {
-    // console.log('打开抽屉');
-    // 打开抽屉
-    openDrawer();
-
-    paramPages.applyId = uuid;
-
-    methodsEvent.reload();
-  }
-
-  /**
-   * 注册表格信息
-   */
-  const columnsEvent = [
-    // {
-    //   title: 'id',
-    //   dataIndex: 'id',
-    //   editRow: false,
-    //   width: 200,
-    // },
-    {
-      title: '事件编号',
-      dataIndex: 'eventCode',
-      editRow: false,
-      width: 200,
-    },
+  return [
     {
-      title: '事件名称',
-      dataIndex: 'eventName',
-      editRow: true,
-      width: 200,
+      label: '保存',
+      onClick: handleSave.bind(null, record, column),
     },
     {
-      title: '事件类别',
-      dataIndex: 'eventType',
-      editRow: true,
-      width: 200,
-    },
-    {
-      title: '事件描述',
-      dataIndex: 'description',
-      editRow: true,
-      width: 200,
+      label: '取消',
+      popConfirm: {
+        title: '是否取消编辑',
+        confirm: handleCancel.bind(null, record, column),
+      },
     },
   ];
-  const [registerEvent, methodsEvent] = useTable({
-    title: '事件表',
-    api: queryPage,
-    fetchSetting: {
-      pageField: 'pageNum',
-      listField: 'eventList',
-      totalField: 'totalRow',
-    },
-    beforeFetch: (params) => {
-      params.applyId = paramPages.applyId;
-    },
-    columns: columnsEvent,
-    rowKey: 'id',
-    actionColumn: {
-      width: 160,
-      title: '操作',
-      slots: { customRender: 'action' },
-    },
-    useSearchForm: true,
-    formConfig: {
-      labelWidth: 100,
-      schemas: [
-        {
-          field: `eventName`,
-          label: `事件名称`,
-          component: 'Input',
-          colProps: {
-            xl: 12,
-            xxl: 8,
-          },
-        },
-        {
-          field: `eventType`,
-          label: `事件类型`,
-          component: 'Input',
-          colProps: {
-            xl: 12,
-            xxl: 8,
-          },
-        },
-      ],
-    },
-    canResize: true,
+}
+
+/**
+ * 开启表格编辑信息
+ */
+function handleEdit(record: EditRecordRow) {
+  currentApplyEditKeyRef.value = record.key;
+  record.onEdit?.(true);
+}
+
+/**
+ * 删除表格信息
+ */
+function handleDelete(record: Recordable) {
+  applyDelete('?id=' + record.uuid).then((res) => {
+    if (res) console.log('删除成功');
+    methods.reload();
   });
-
-  /**
-   * 添加事件的弹窗
-   */
-  const [registerEventModal, { openModal: openEventModal, setModalProps: setEventModalProps }] =
-    useModal();
-
-  const openEventModals = () => {
-    setEventModalProps({
-      cancelText: '取消',
-      okText: '提交',
-    });
-    openEventModal(true, paramPages.applyId);
-  };
-
-  const EventModalVisibleChange = (visible) => {
-    if (!visible) {
-      methodsEvent.reload();
+}
+
+/**
+ * 取消表格编辑信息
+ */
+function handleCancel(record: EditRecordRow) {
+  currentApplyEditKeyRef.value = '';
+  record.onEdit?.(false, false);
+}
+
+/**
+ * 表格编辑信息保存
+ * @param record
+ */
+async function handleSave(record: EditRecordRow) {
+  // 校验
+  msg.loading({content: '正在保存...', duration: 0, key: 'saving'});
+  const valid = await record.onValid?.();
+  if (valid) {
+    try {
+      const data = cloneDeep(record.editValueRefs);
+      //TODO 此处将数据提交给服务器保存
+      const params: Apply = {
+        uuid: record.uuid,
+        applyName: data?.applyName,
+        applyType: data?.applyType,
+        tokenId: undefined
+      };
+      await applyUpdate(params).then(async (res) => {
+        // 保存之后提交编辑状态
+        if (res) console.log('修改成功');
+        const pass = await record.onEdit?.(false, true);
+        if (pass) currentApplyEditKeyRef.value = '';
+        msg.success({content: '数据已保存', key: 'saving'});
+      });
+    } catch (error) {
+      msg.error({content: '保存失败', key: 'saving'});
     }
-  };
-
-  /**
-   * 控制表格行是否编辑
-   * @param record
-   * @param column
-   */
-  function createActionsEvent(record: EditRecordRow, column: BasicColumn): ActionItem[] {
-    if (!record.editable) {
-      return [
-        {
-          label: '详情',
-          onClick: handleOpenPropInfo.bind(null, record),
-        },
-        {
-          label: '编辑',
-          disabled: currentEventEditKeyRef.value
-            ? currentEventEditKeyRef.value !== record.key
-            : false,
-          onClick: handleEditEvent.bind(null, record),
+  } else {
+    msg.error({content: '请填写正确的数据', key: 'saving'});
+  }
+}
+
+// 事件相关
+
+const currentEventEditKeyRef = ref('');
+const paramPages = reactive({
+  id: '',
+  applyId: '',
+});
+
+/**
+ * 事件抽屉
+ */
+const [registerEventDrawer, {openDrawer}] = useDrawer();
+
+/**
+ * 操作事件抽屉
+ * @param record
+ */
+function handleOpenEvent(uuid: string) {
+  // console.log('打开抽屉');
+  // 打开抽屉
+  openDrawer();
+
+  paramPages.applyId = uuid;
+
+  methodsEvent.reload();
+}
+
+/**
+ * 注册表格信息
+ */
+const columnsEvent = [
+  // {
+  //   title: 'id',
+  //   dataIndex: 'id',
+  //   editRow: false,
+  //   width: 200,
+  // },
+  {
+    title: '事件编号',
+    dataIndex: 'eventCode',
+    editRow: false,
+    width: 200,
+  },
+  {
+    title: '事件名称',
+    dataIndex: 'eventName',
+    editRow: true,
+    width: 200,
+  },
+  {
+    title: '事件类别',
+    dataIndex: 'eventType',
+    editRow: true,
+    width: 200,
+  },
+  {
+    title: '事件描述',
+    dataIndex: 'description',
+    editRow: true,
+    width: 200,
+  },
+];
+const [registerEvent, methodsEvent] = useTable({
+  title: '事件表',
+  api: queryPage,
+  fetchSetting: {
+    pageField: 'pageNum',
+    listField: 'eventList',
+    totalField: 'totalRow',
+  },
+  beforeFetch: (params) => {
+    params.applyId = paramPages.applyId;
+  },
+  columns: columnsEvent,
+  rowKey: 'id',
+  actionColumn: {
+    width: 160,
+    title: '操作',
+    slots: {customRender: 'action'},
+  },
+  useSearchForm: true,
+  formConfig: {
+    labelWidth: 100,
+    schemas: [
+      {
+        field: `eventName`,
+        label: `事件名称`,
+        component: 'Input',
+        colProps: {
+          xl: 12,
+          xxl: 8,
         },
-        {
-          label: '删除',
-          popConfirm: {
-            title: '是否删除事件',
-            confirm: handleDeleteEvent.bind(null, record),
-          },
+      },
+      {
+        field: `eventType`,
+        label: `事件类型`,
+        component: 'Input',
+        colProps: {
+          xl: 12,
+          xxl: 8,
         },
-      ];
-    }
+      },
+    ],
+  },
+  canResize: true,
+  showIndexColumn: false,
+});
+
+/**
+ * 添加事件的弹窗
+ */
+const [registerEventModal, {openModal: openEventModal, setModalProps: setEventModalProps}] =
+  useModal();
+
+const openEventModals = () => {
+  setEventModalProps({
+    cancelText: '取消',
+    okText: '提交',
+  });
+  openEventModal(true, paramPages.applyId);
+};
+
+const EventModalVisibleChange = (visible) => {
+  if (!visible) {
+    methodsEvent.reload();
+  }
+};
+
+/**
+ * 控制表格行是否编辑
+ * @param record
+ * @param column
+ */
+function createActionsEvent(record: EditRecordRow, column: BasicColumn): ActionItem[] {
+  if (!record.editable) {
     return [
       {
-        label: '保存',
-        onClick: handleSaveEvent.bind(null, record, column),
+        label: '详情',
+        onClick: handleOpenEventInfo.bind(null, record),
       },
       {
-        label: '取消',
+        label: '编辑',
+        disabled: currentEventEditKeyRef.value
+          ? currentEventEditKeyRef.value !== record.key
+          : false,
+        onClick: handleEditEvent.bind(null, record),
+      },
+      {
+        label: '删除',
         popConfirm: {
-          title: '是否取消编辑',
-          confirm: handleCancelEvent.bind(null, record, column),
+          title: '是否删除事件',
+          confirm: handleDeleteEvent.bind(null, record),
         },
       },
     ];
   }
-
-  /**
-   * 开启表格编辑信息
-   */
-  function handleEditEvent(record: EditRecordRow) {
-    currentEventEditKeyRef.value = record.key;
-    record.onEdit?.(true);
+  return [
+    {
+      label: '保存',
+      onClick: handleSaveEvent.bind(null, record, column),
+    },
+    {
+      label: '取消',
+      popConfirm: {
+        title: '是否取消编辑',
+        confirm: handleCancelEvent.bind(null, record, column),
+      },
+    },
+  ];
+}
+
+/**
+ * 开启表格编辑信息
+ */
+function handleEditEvent(record: EditRecordRow) {
+  currentEventEditKeyRef.value = record.key;
+  record.onEdit?.(true);
+}
+
+/**
+ * 删除表格信息
+ */
+function handleDeleteEvent(record: Recordable) {
+  eventDelete(record.id + '&applyId=' + record.applyId).then((res) => {
+    if (res) console.log('删除成功');
+    methodsEvent.reload();
+    console.log('点击了删除', record);
+  });
+}
+
+/**
+ * 取消表格编辑信息
+ */
+function handleCancelEvent(record: EditRecordRow) {
+  currentEventEditKeyRef.value = '';
+  record.onEdit?.(false, false);
+}
+
+/**
+ * 表格编辑信息保存
+ * @param record
+ */
+async function handleSaveEvent(record: EditRecordRow) {
+  // 校验
+  msg.loading({content: '正在保存...', duration: 0, key: 'saving'});
+  const valid = await record.onValid?.();
+  if (valid) {
+    try {
+      const data = cloneDeep(record.editValueRefs);
+      //TODO 此处将数据提交给服务器保存
+      const params: Events = {
+        id: record.id,
+        applyId: record.applyId,
+        eventName: data?.eventName,
+        eventType: data?.eventType,
+        description: data?.description,
+        createdTime: '',
+        eventCode: ''
+      };
+      // console.log(params);
+
+      await eventUpdate(params).then(async (res) => {
+        if (res) console.log('修改成功');
+        // 保存之后提交编辑状态
+        const pass = await record.onEdit?.(false, true);
+        if (pass) {
+          currentEventEditKeyRef.value = '';
+        }
+        msg.success({content: '数据已保存', key: 'saving'});
+      });
+    } catch (error) {
+      msg.error({content: '保存失败', key: 'saving'});
+    }
+  } else {
+    msg.error({content: '请填写正确的数据', key: 'saving'});
   }
+}
 
-  /**
-   * 删除表格信息
-   */
-  function handleDeleteEvent(record: Recordable) {
-    eventDelete(record.id + '&applyId=' + record.applyId).then((res) => {
-      if (res) console.log('删除成功');
-      methodsEvent.reload();
-      console.log('点击了删除', record);
-    });
-  }
+/**
+ * 事件详情抽屉
+ */
+const [registerEventInfoDrawer, {openDrawer: openDrawerEventInfo}] = useDrawer();
 
-  /**
-   * 取消表格编辑信息
-   */
-  function handleCancelEvent(record: EditRecordRow) {
-    currentEventEditKeyRef.value = '';
-    record.onEdit?.(false, false);
-  }
+const applyData = ref<Apply>();
+const eventData = ref<Events>();
+
+/**
+ * 操作属性详情抽屉
+ * @param record
+ */
+async function handleOpenEventInfo(record: Recordable) {
+  // console.log('打开抽屉');
+  // 打开抽屉
+  openDrawerEventInfo();
+
+  paramPages.id = record.id
+
+  await queryApplyOne(record.applyId).then((res: Apply) => {
+    applyData.value = res;
+  });
+  await queryEventOne(record.id + '&applyId=' + record.applyId).then((res: Events) => {
+    eventData.value = res;
+  });
+
+  await methodsEventAppendix.reload();
+}
+
+/**
+ * 附件表信息
+ */
+const columnsEventAppendix = [
+  {
+    title: '附件名称',
+    dataIndex: 'name',
+    editRow: false,
+    width: 200,
+  },
+]
+
+/**
+ * 附件表格
+ */
+const [eventAppendixTable, methodsEventAppendix] = useTable({
+  title: '事件附件',
+  api: queryListByEventId,
+  columns: columnsEventAppendix,
+  beforeFetch: (params) => {
+    params.eventId = paramPages.id;
+    console.log(params)
+  },
+  pagination: false,
+  actionColumn: {
+    width: 160,
+    title: '操作',
+    slots: {customRender: 'action'},
+  },
+  showIndexColumn: false,
+});
+
+/**
+ * 控制表格行是否编辑
+ * @param record
+ * @param column
+ */
+function createActionsEventAppendix(record: EditRecordRow, column: BasicColumn): ActionItem[] {
+  return [
+    {
+      label: '下载',
+      onClick: handleOpenEventAppendixInfo.bind(null, record),
+    },
+    {
+      label: '删除',
+      popConfirm: {
+        title: '是否删除事件',
+        confirm: handleDeleteEventAppendix.bind(null, record),
+      },
+    },
+  ];
+}
+
+function handleBasicUploadChange() {
+  methodsEventAppendix.reload()
+}
+
+/**
+ * 附件下载
+ */
+async function handleOpenEventAppendixInfo(record: EditRecordRow) {
+  await downloadAppendix(record.id).then((res) => {
+    downloadByData(res, record.name);
+  })
+}
+
+/**
+ * 删除表格信息
+ */
+function handleDeleteEventAppendix(record: Recordable) {
+  eventAppendixDelete(record.id).then((res) => {
+    if (res) console.log('删除成功');
+    methodsEventAppendix.reload()
+    console.log('点击了删除', record);
+  });
+}
 
-  /**
-   * 表格编辑信息保存
-   * @param record
-   */
-  async function handleSaveEvent(record: EditRecordRow) {
-    // 校验
-    msg.loading({ content: '正在保存...', duration: 0, key: 'saving' });
-    const valid = await record.onValid?.();
-    if (valid) {
-      try {
-        const data = cloneDeep(record.editValueRefs);
-        //TODO 此处将数据提交给服务器保存
-        const params: Events = {
-          id: record.id,
-          applyId: record.applyId,
-          eventName: data?.eventName,
-          eventType: data?.eventType,
-          description: data?.description,
-          createdTime: '',
-        };
-        // console.log(params);
-
-        await eventUpdate(params).then(async (res) => {
-          if (res) console.log('修改成功');
-          // 保存之后提交编辑状态
-          const pass = await record.onEdit?.(false, true);
-          if (pass) {
-            currentEventEditKeyRef.value = '';
-          }
-          msg.success({ content: '数据已保存', key: 'saving' });
-        });
-      } catch (error) {
-        msg.error({ content: '保存失败', key: 'saving' });
-      }
-    } else {
-      msg.error({ content: '请填写正确的数据', key: 'saving' });
-    }
-  }
 
-  /**
-   * 属性详情抽屉
-   */
-  const [registerPropInfoDrawer, { openDrawer: openDrawerPropInfo }] = useDrawer();
-
-  const applyData = ref<Apply>();
-  const eventData = ref<Events>();
-
-  /**
-   * 操作属性详情抽屉
-   * @param record
-   */
-  async function handleOpenPropInfo(record: Recordable) {
-    // console.log('打开抽屉');
-    // 打开抽屉
-    openDrawerPropInfo();
-
-    await queryApplyOne(record.applyId).then((res: Apply) => {
-      applyData.value = res;
-    });
-    await queryEventOne(record.id + '&applyId=' + record.applyId).then((res: Events) => {
-      eventData.value = res;
-    });
-  }
 </script>
 
 <style scoped></style>

src/views/burialPoint/model/data.ts

@@ -105,6 +105,6 @@ export const eventLogSchema: DescItem[] = [
   },
   {
     field: 'info',
-    label: '文本',
+    label: '数据',
   },
 ];