diff --git a/src/pages/Tender/supplier/PurchaserResponseDocumentList/components/PurchaserResponseDocumentList.tsx b/src/pages/Tender/supplier/PurchaserResponseDocumentList/components/PurchaserResponseDocumentList.tsx
new file mode 100644
index 0000000..3a8f6cb
--- /dev/null
+++ b/src/pages/Tender/supplier/PurchaserResponseDocumentList/components/PurchaserResponseDocumentList.tsx
@@ -0,0 +1,407 @@
+import React, { useEffect, useRef, useState } from 'react';
+import '@/utils/lq.style.less';
+import { Button, Input, Form, Modal, Select, DatePicker, message } from 'antd';
+import ProTable from '@ant-design/pro-table';
+import { getProId } from '@/utils/session';
+import ExtendUpload from '@/utils/ExtendUpload';
+import moment from 'moment';
+import { getPageList, insertDocument, supplierUpdateDocument } from '../service';
+import { saveDateTimeFormatter } from "@/utils/DateUtils";
+
+const { Option } = Select;
+const { TextArea } = Input;
+
+const layoutForm = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 18 },
+};
+
+interface Supplier {
+  id: string;
+  name: string;
+}
+
+interface State {
+  visible: boolean;
+  whetherReadonly: boolean;
+  supplierFileId: string;
+  supplierSupplementaryFileId: string;
+  suppliers: Supplier[];
+  selectedSupplier: string;
+  replyDeadline: string;
+  subject: string;
+  content: string;
+  attachment: string;
+}
+
+const PurchaserResponseDocumentList: React.FC = () => {
+  const [form] = Form.useForm();
+  const actionRef = useRef<any>();
+  const [state, setState] = useState<State>({
+    visible: false,
+    whetherReadonly: false,
+    supplierFileId: '',
+    supplierSupplementaryFileId: '',
+    suppliers: [
+      { id: '1', name: '杭州安恒信息技术股份有限公司' },
+      { id: '2', name: '浪潮天元通信信息系统有限公司' },
+      { id: '3', name: '河南软信科技有限公司' },
+      { id: '4', name: '浙江省邮电工程建设有限公司' },
+      { id: '5', name: '无锡市德科立光电子技术股份有限公司' },
+    ],
+    selectedSupplier: '',
+    replyDeadline: '',
+    subject: '',
+    content: '',
+    attachment: '',
+  });
+  const [isReplyMode, setIsReplyMode] = useState(false); // 新增：控制回复模式
+
+  useEffect(() => {
+    // 可以在这里添加初始化逻辑
+  }, []);
+
+  const columns = [
+    {
+      title: '序号',
+      valueType: 'index',
+    },
+    {
+      title: '主题',
+      dataIndex: 'subject',
+    },
+    {
+      title: '指定供应商',
+      dataIndex: 'supplierName',
+    },
+    {
+      title: '指定供应商id',
+      dataIndex: 'supplierId',
+      hideInTable: true // 隐藏该列
+    },
+    {
+      title: '内容',
+      dataIndex: 'content',
+      hideInTable: true // 隐藏该列
+    },
+    {
+      title: '应答截止时间',
+      dataIndex: 'replyDeadline',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      render: (_, record) => {
+        const statusMap = {
+          '1': '未回复',
+          '2': '未回复',
+          '3': '已回复',
+        };
+        return statusMap[record.status] || '-'; // 默认显示未知状态，防止映射失败
+      },
+    },
+    {
+      title: '操作',
+      width: 240, // 增加列宽以容纳三个按钮
+      valueType: 'option',
+      render: (_, record) => (
+        <div className="flex items-center space-x-2"> {/* 使用Tailwind CSS类优化布局 */}
+          {record.status === '3' ? (
+            <Button type="link" danger onClick={() => view(record)}>
+              查看
+            </Button>
+          ) : (
+            <>
+              <Button type="link" danger onClick={() => edit(record)}>
+                回复
+              </Button>
+            </>
+          )}
+        </div>
+      ),
+    }
+  ];
+
+  const view = (data: any) => {
+    const selectedSupplierObj = state.suppliers.find(
+      (supplier) => supplier.id === data.supplierId
+    );
+
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: true,
+      selectedSupplier: data.supplierId,
+      replyDeadline: data.replyDeadline,
+      subject: data.subject,
+      content: data.content,
+      attachment: data.attachment,
+    });
+
+    form.setFieldsValue({
+      ...data,
+      replyDeadline: moment(data.replyDeadline),
+      selectedSupplier: selectedSupplierObj
+        ? { value: selectedSupplierObj.id, label: selectedSupplierObj.name }
+        : undefined,
+    });
+
+    setIsReplyMode(false); // 查看模式下不启用回复模式
+  };
+
+  const edit = (data: any) => {
+    const selectedSupplierObj = state.suppliers.find(
+      (supplier) => supplier.id === data.supplierId
+    );
+
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: false,
+      selectedSupplier: data.supplierId,
+      replyDeadline: data.replyDeadline,
+      subject: data.subject,
+      content: data.content,
+      attachment: data.attachment,
+    });
+
+    form.setFieldsValue({
+      ...data,
+      replyDeadline: moment(data.replyDeadline),
+      selectedSupplier: selectedSupplierObj
+        ? { value: selectedSupplierObj.id, label: selectedSupplierObj.name }
+        : undefined,
+    });
+
+    setIsReplyMode(true); // 回复模式下启用
+  };
+
+  const handleCancel = () => {
+    setState({
+      ...state,
+      visible: false,
+      whetherReadonly: false,
+    });
+    form.resetFields();
+    setIsReplyMode(false); // 重置回复模式
+  };
+
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+
+      values.replyDeadline = saveDateTimeFormatter(moment(values.replyDeadline));
+      if (values.selectedSupplier) {
+        values.supplierId = values.selectedSupplier.value;
+        values.supplierName = values.selectedSupplier.label;
+        delete values.selectedSupplier;
+      }
+      console.log(values);
+      if (values.id) {
+        await supplierUpdateDocument(values).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('修改成功');
+          } else {
+            message.error('修改失败');
+          }
+        });
+      } else {
+        await insertDocument(values).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('新增成功');
+          } else {
+            message.error('新增失败');
+          }
+        });
+      }
+      handleCancel();
+      actionRef.current?.reload();
+    } catch (error) {
+      console.log("错误失败！");
+      console.error(error);
+    }
+  };
+
+  const onFinish = (values: any) => {
+    message.success('保存成功');
+    setState({
+      ...state,
+      visible: false,
+    });
+    actionRef.current.reload();
+  };
+
+  const handleAdd = () => {
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: false,
+      selectedSupplier: '',
+      replyDeadline: '',
+      subject: '',
+      content: '',
+      attachment: '',
+    });
+    form.resetFields();
+    setIsReplyMode(false); // 新增模式下不启用回复模式
+  };
+
+  const createForm = () => {
+    const modalHeight = innerHeight * 96 / 100;
+    return (
+      <Modal
+        visible={state.visible}
+        width="60%"
+        title="补充文件说明"
+        onCancel={handleCancel}
+        destroyOnClose={true}
+        centered
+        style={{ maxHeight: modalHeight }}
+        bodyStyle={{ maxHeight: modalHeight - 107, overflowY: 'auto' }}
+        footer={state.whetherReadonly ? [
+          <Button key="back" onClick={handleCancel}>
+            取消
+          </Button>
+        ] : [
+          <Button key="back" onClick={handleCancel}>
+            取消
+          </Button>,
+          <Button key="submit" type="primary" onClick={handleSubmit}>
+            保存
+          </Button>
+        ]}
+      >
+        <Form
+          {...layoutForm}
+          form={form}
+          onFinish={onFinish}
+        >
+          <Form.Item label="主键id" name="id" hidden>
+            <Input />
+          </Form.Item>
+          <Form.Item label="状态" name="status" hidden>
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label="指定供应商"
+            name="selectedSupplier"
+            rules={[{ required: true, message: '请选择供应商' }]}
+          >
+            <Select
+              disabled={isReplyMode || state.whetherReadonly} // 新增：根据回复模式或只读模式禁用
+              placeholder="请选择供应商"
+              labelInValue
+            >
+              {state.suppliers.map(supplier => (
+                <Option key={supplier.id} value={supplier.id}>
+                  {supplier.name}
+                </Option>
+              ))}
+            </Select>
+          </Form.Item>
+
+          <Form.Item
+            label="应答截止时间"
+            name="replyDeadline"
+            rules={[{ required: true, message: '请选择应答截止时间' }]}
+          >
+            <DatePicker
+              disabled={isReplyMode || state.whetherReadonly} // 新增：根据回复模式或只读模式禁用
+              showTime
+              format="YYYY-MM-DD HH:mm:ss"
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="主题"
+            name="subject"
+            rules={[{ required: true, message: '请输入主题' }]}
+          >
+            <Input
+              disabled={isReplyMode || state.whetherReadonly} // 新增：根据回复模式或只读模式禁用
+              placeholder="请输入主题"
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="内容"
+            name="content"
+            rules={[{ required: true, message: '请输入内容' }]}
+          >
+            <TextArea
+              disabled={isReplyMode || state.whetherReadonly} // 新增：根据回复模式或只读模式禁用
+              placeholder="请输入内容"
+              autoSize={{ minRows: 4, maxRows: 6 }}
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="附件"
+            name="attachment"
+          >
+            <ExtendUpload
+              bid={state.supplierFileId}
+              btnName="上传附件"
+              maxCount={5}
+              uploadProps={{
+                name: 'attachment',
+                disabled: isReplyMode || state.whetherReadonly, // 新增：根据回复模式或只读模式禁用
+              }}
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="补充文件"
+            name="supplementaryAttachment"
+          >
+            <ExtendUpload
+              bid={state.supplierSupplementaryFileId}
+              btnName="上传附件"
+              maxCount={5}
+              uploadProps={{
+                name: 'supplementaryAttachment',
+                disabled: state.whetherReadonly, // 仅在只读模式下禁用，回复模式下可编辑
+              }}
+            />
+          </Form.Item>
+        </Form>
+      </Modal>
+    );
+  };
+
+  return (
+    <>
+      <Button type="primary" onClick={handleAdd} style={{ marginBottom: 16 }}>
+        新增
+      </Button>
+      <ProTable
+        rowKey="id"
+        size="small"
+        actionRef={actionRef}
+        params={{ projectId: getProId() }}
+        request={(params) =>
+          getPageList({
+            ...params,
+            basePageRequest: { pageNo: 1, pageSize: 10 },
+          }).then((res) => {
+            const result = {
+              data: res.data.records,
+              total: res.data.total,
+              success: res.success,
+              pageSize: res.data.size,
+              current: res.data.current
+            }
+            return result;
+          })
+        }
+        columns={columns}
+        search={false}
+        options={false}
+        pagination={{ defaultPageSize: 10 }}
+      />
+      {createForm()}
+    </>
+  );
+};
+
+export default PurchaserResponseDocumentList;
diff --git a/src/pages/Tender/supplier/PurchaserResponseDocumentList/index.tsx b/src/pages/Tender/supplier/PurchaserResponseDocumentList/index.tsx
new file mode 100644
index 0000000..a4991af
--- /dev/null
+++ b/src/pages/Tender/supplier/PurchaserResponseDocumentList/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import PurchaserResponseDocumentList from './components/PurchaserResponseDocumentList';
+
+// 补充应答文件
+const Index: React.FC<{}> = () => {
+    return (
+        <PurchaserResponseDocumentList />
+    )
+}
+
+export default Index;
diff --git a/src/pages/Tender/supplier/PurchaserResponseDocumentList/service.ts b/src/pages/Tender/supplier/PurchaserResponseDocumentList/service.ts
new file mode 100644
index 0000000..71cb96f
--- /dev/null
+++ b/src/pages/Tender/supplier/PurchaserResponseDocumentList/service.ts
@@ -0,0 +1,76 @@
+import request from "@/utils/request";
+
+/**
+ * 采购人查询数据并分页
+ * @param params
+ */
+export async function getPage(params: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/getPage', {
+    method: 'post',
+    data: params,
+  });
+}
+
+/**
+ * 供应商查询数据并分页
+ * @param params
+ */
+export async function getPageList(params: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/getPageList', {
+    method: 'post',
+    data: params,
+  });
+}
+
+
+
+/**
+ * 删除应答
+ * @param id
+ */
+export function deleteById(id: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/delete/' + id);
+}
+/**
+ * 保存
+ * @param data
+ */
+export function insertDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument', {
+    method: 'post',
+    data: data
+  });
+}
+/**
+ * 采购人修改补充应答文件数据
+ * @param data
+ */
+export function updateDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/update', {
+    method: 'post',
+    data: data
+  });
+}
+
+/**
+ * 采购人修改补充应答文件数据
+ * @param data
+ */
+export function supplierUpdateDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/supplierUpdateDocument', {
+    method: 'post',
+    data: data
+  });
+}
+
+
+/**
+ * 发送
+ * @param data
+ */
+export function sendDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/sendDocument', {
+    method: 'post',
+    data: data
+  });
+}
diff --git a/src/pages/Tender/supplier/SupplementaryResponseDocument/components/ResponseDocumentList.tsx b/src/pages/Tender/supplier/SupplementaryResponseDocument/components/ResponseDocumentList.tsx
new file mode 100644
index 0000000..8e4400c
--- /dev/null
+++ b/src/pages/Tender/supplier/SupplementaryResponseDocument/components/ResponseDocumentList.tsx
@@ -0,0 +1,442 @@
+import React, { useEffect, useRef, useState } from 'react';
+import '@/utils/lq.style.less';
+import { Button, Input, Form, Modal, Select, DatePicker, message } from 'antd';
+import ProTable from '@ant-design/pro-table';
+import { followUpAProjectManager, getProId } from '@/utils/session';
+import ExtendUpload from '@/utils/ExtendUpload';
+import moment from 'moment';
+import { getPage, deleteById, insertDocument, updateDocument, sendDocument } from '../service';
+import { saveDateTimeFormatter } from "@/utils/DateUtils";
+
+const { Option } = Select;
+const { TextArea } = Input;
+
+const layoutForm = {
+  labelCol: { span: 6 },
+  wrapperCol: { span: 18 },
+};
+
+interface Supplier {
+  id: string;
+  name: string;
+}
+
+interface State {
+  visible: boolean;
+  whetherReadonly: boolean;
+  supplierFileId: string;
+  supplierSupplementaryFileId: string;
+  suppliers: Supplier[];
+  selectedSupplier: string;
+  replyDeadline: string;
+  subject: string;
+  content: string;
+  attachment: string;
+  status: string; // 新增：存储当前记录的状态
+}
+
+const ResponseDocumentList: React.FC = () => {
+  const [form] = Form.useForm();
+  const actionRef = useRef<any>();
+  const [state, setState] = useState<State>({
+    visible: false,
+    whetherReadonly: false,
+    supplierFileId: '',
+    supplierSupplementaryFileId: '',
+    suppliers: [
+      { id: '1', name: '杭州安恒信息技术股份有限公司' },
+      { id: '2', name: '浪潮天元通信信息系统有限公司' },
+      { id: '3', name: '河南软信科技有限公司' },
+      { id: '4', name: '浙江省邮电工程建设有限公司' },
+      { id: '5', name: '无锡市德科立光电子技术股份有限公司' },
+    ],
+    selectedSupplier: '',
+    replyDeadline: '',
+    subject: '',
+    content: '',
+    attachment: '',
+    status: '', // 初始化状态
+  });
+
+  useEffect(() => {
+    // 可以在这里添加初始化逻辑
+  }, []);
+
+  const columns = [
+    {
+      title: '序号',
+      valueType: 'index',
+    },
+    {
+      title: '主题',
+      dataIndex: 'subject',
+    },
+    {
+      title: '指定供应商',
+      dataIndex: 'supplierName',
+    },
+    {
+      title: '指定供应商id',
+      dataIndex: 'supplierId',
+      hideInTable: true // 隐藏该列
+    },
+    {
+      title: '内容',
+      dataIndex: 'content',
+      hideInTable: true // 隐藏该列
+    },
+    {
+      title: '应答截止时间',
+      dataIndex: 'replyDeadline',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      render: (_, record) => {
+        const statusMap = {
+          '1': '已保存',
+          '2': '已发送',
+          '3': '已回复',
+        };
+        return statusMap[record.status] || '-'; // 默认显示未知状态，防止映射失败
+      },
+    },
+    {
+      title: '操作',
+      width: 240, // 增加列宽以容纳三个按钮
+      valueType: 'option',
+      render: (_, record) => (
+        <div className="flex items-center space-x-2"> {/* 使用Tailwind CSS类优化布局 */}
+          {record.status !== '1' ? (
+            <Button type="link" danger onClick={() => view(record)}>
+              查看
+            </Button>
+          ) : (
+            <>
+              <Button type="link" danger onClick={() => edit(record)}>
+                编辑
+              </Button>
+              <Button type="link" danger onClick={() => remove(record.id)}>
+                删除
+              </Button>
+              <Button type="link" danger onClick={() => send(record)}>
+                发送
+              </Button>
+            </>
+          )}
+        </div>
+      ),
+    }
+  ];
+
+  const view = (data: any) => {
+    const selectedSupplierObj = state.suppliers.find(
+      (supplier) => supplier.id === data.supplierId
+    );
+
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: true,
+      selectedSupplier: data.supplierId,
+      replyDeadline: data.replyDeadline,
+      subject: data.subject,
+      content: data.content,
+      attachment: data.attachment,
+      status: data.status, // 新增：存储当前记录的状态
+    });
+
+    form.setFieldsValue({
+      ...data,
+      replyDeadline: moment(data.replyDeadline),
+      selectedSupplier: selectedSupplierObj
+        ? { value: selectedSupplierObj.id, label: selectedSupplierObj.name }
+        : undefined,
+    });
+  };
+
+  const edit = (data: any) => {
+    const selectedSupplierObj = state.suppliers.find(
+      (supplier) => supplier.id === data.supplierId
+    );
+
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: false,
+      selectedSupplier: data.supplierId,
+      replyDeadline: data.replyDeadline,
+      subject: data.subject,
+      content: data.content,
+      attachment: data.attachment,
+      status: data.status, // 新增：存储当前记录的状态
+    });
+
+    form.setFieldsValue({
+      ...data,
+      replyDeadline: moment(data.replyDeadline),
+      selectedSupplier: selectedSupplierObj
+        ? { value: selectedSupplierObj.id, label: selectedSupplierObj.name }
+        : undefined,
+    });
+  };
+
+  const remove = (id: any) => {
+    Modal.confirm({
+      title: '确认删除？',
+      onOk: async () => {
+        await deleteById(id).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('删除成功');
+          } else {
+            message.error('删除失败');
+          }
+        })
+          .finally(() => actionRef.current?.reload());
+      },
+    });
+  };
+
+  const send = (data: any) => {
+    sendDocument(data).then((r: any) => {
+      if (r?.code == 200) {
+        message.success('发送成功');
+      } else {
+        message.error('发送失败');
+      }
+    })
+      .finally(() => actionRef.current?.reload());
+  };
+
+  const handleCancel = () => {
+    setState({
+      ...state,
+      visible: false,
+      whetherReadonly: false,
+      status: '', // 重置状态
+    });
+    form.resetFields();
+  };
+
+  const handleSubmit = async () => {
+    try {
+      const values = await form.validateFields();
+
+      values.replyDeadline = saveDateTimeFormatter(moment(values.replyDeadline));
+      if (values.selectedSupplier) {
+        values.supplierId = values.selectedSupplier.value;
+        values.supplierName = values.selectedSupplier.label;
+        delete values.selectedSupplier;
+      }
+      console.log(values);
+      if (values.id) {
+        await updateDocument(values).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('修改成功');
+          } else {
+            message.error('修改失败');
+          }
+        });
+      } else {
+        await insertDocument(values).then((r: any) => {
+          if (r?.code == 200) {
+            message.success('新增成功');
+          } else {
+            message.error('新增失败');
+          }
+        });
+      }
+      handleCancel();
+      actionRef.current?.reload();
+    } catch (error) {
+      console.log("错误失败！");
+      console.error(error);
+    }
+  };
+
+  const onFinish = (values: any) => {
+    message.success('保存成功');
+    setState({
+      ...state,
+      visible: false,
+    });
+    actionRef.current.reload();
+  };
+
+  const createForm = () => {
+    const modalHeight = innerHeight * 96 / 100;
+    return (
+      <Modal
+        visible={state.visible}
+        width="60%"
+        title="补充文件说明"
+        onCancel={handleCancel}
+        destroyOnClose={true}
+        centered
+        style={{ maxHeight: modalHeight }}
+        bodyStyle={{ maxHeight: modalHeight - 107, overflowY: 'auto' }}
+        footer={state.whetherReadonly ? [
+          <Button key="back" onClick={handleCancel}>
+            取消
+          </Button>
+        ] : [
+          <Button key="back" onClick={handleCancel}>
+            取消
+          </Button>,
+          <Button key="submit" type="primary" onClick={handleSubmit}>
+            保存
+          </Button>
+        ]}
+      >
+        <Form
+          {...layoutForm}
+          form={form}
+          onFinish={onFinish}
+        >
+          <Form.Item label="主键id" name="id" hidden>
+            <Input />
+          </Form.Item>
+          <Form.Item label="状态" name="status" hidden>
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label="指定供应商"
+            name="selectedSupplier"
+            rules={[{ required: true, message: '请选择供应商' }]}
+          >
+            <Select
+              disabled={state.whetherReadonly}
+              placeholder="请选择供应商"
+              labelInValue
+            >
+              {state.suppliers.map(supplier => (
+                <Option key={supplier.id} value={supplier.id}>
+                  {supplier.name}
+                </Option>
+              ))}
+            </Select>
+          </Form.Item>
+
+          <Form.Item
+            label="应答截止时间"
+            name="replyDeadline"
+            rules={[{ required: true, message: '请选择应答截止时间' }]}
+          >
+            <DatePicker
+              disabled={state.whetherReadonly}
+              showTime
+              format="YYYY-MM-DD HH:mm:ss"
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="主题"
+            name="subject"
+            rules={[{ required: true, message: '请输入主题' }]}
+          >
+            <Input
+              disabled={state.whetherReadonly}
+              placeholder="请输入主题"
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="内容"
+            name="content"
+            rules={[{ required: true, message: '请输入内容' }]}
+          >
+            <TextArea
+              disabled={state.whetherReadonly}
+              placeholder="请输入内容"
+              autoSize={{ minRows: 4, maxRows: 6 }}
+            />
+          </Form.Item>
+
+          <Form.Item
+            label="附件"
+            name="attachment"
+          >
+            <ExtendUpload
+              bid={state.supplierFileId}
+              btnName="上传附件"
+              maxCount={5}
+              uploadProps={{
+                name: 'attachment',
+                disabled: state.whetherReadonly,
+              }}
+            />
+          </Form.Item>
+
+          {/* 新增：根据状态显示/隐藏补充文件字段 */}
+          {state.status === '3' && (
+            <Form.Item
+              label="补充文件"
+              name="supplementaryAttachment"
+            >
+              <ExtendUpload
+                bid={state.supplierSupplementaryFileId}
+                btnName="上传附件"
+                maxCount={5}
+                uploadProps={{
+                  name: 'supplementaryAttachment',
+                  disabled: state.whetherReadonly,
+                }}
+              />
+            </Form.Item>
+          )}
+        </Form>
+      </Modal>
+    );
+  };
+
+  const handleAdd = () => {
+    setState({
+      ...state,
+      visible: true,
+      whetherReadonly: false,
+      selectedSupplier: '',
+      replyDeadline: '',
+      subject: '',
+      content: '',
+      attachment: '',
+      status: '', // 初始化状态
+    });
+    form.resetFields();
+  };
+
+  return (
+    <>
+      <Button type="primary" onClick={handleAdd} style={{ marginBottom: 16 }}>
+        新增
+      </Button>
+      <ProTable
+        rowKey="id"
+        size="small"
+        actionRef={actionRef}
+        params={{ projectId: getProId() }}
+        request={(params) =>
+          getPage({
+            ...params,
+            basePageRequest: { pageNo: 1, pageSize: 10 },
+          }).then((res) => {
+            const result = {
+              data: res.data.records,
+              total: res.data.total,
+              success: res.success,
+              pageSize: res.data.size,
+              current: res.data.current
+            }
+            return result;
+          })
+        }
+        columns={columns}
+        search={false}
+        options={false}
+        pagination={{ defaultPageSize: 10 }}
+      />
+      {createForm()}
+    </>
+  );
+};
+
+export default ResponseDocumentList;
diff --git a/src/pages/Tender/supplier/SupplementaryResponseDocument/index.tsx b/src/pages/Tender/supplier/SupplementaryResponseDocument/index.tsx
new file mode 100644
index 0000000..b6d1679
--- /dev/null
+++ b/src/pages/Tender/supplier/SupplementaryResponseDocument/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import ResponseDocumentList from './components/ResponseDocumentList';
+
+// 补充应答文件
+const Index: React.FC<{}> = () => {
+    return (
+        <ResponseDocumentList />
+    )
+}
+
+export default Index;
diff --git a/src/pages/Tender/supplier/SupplementaryResponseDocument/service.ts b/src/pages/Tender/supplier/SupplementaryResponseDocument/service.ts
new file mode 100644
index 0000000..d4b89cf
--- /dev/null
+++ b/src/pages/Tender/supplier/SupplementaryResponseDocument/service.ts
@@ -0,0 +1,52 @@
+import request from "@/utils/request";
+
+/**
+ * 查询数据并分页
+ * @param params
+ */
+export async function getPage(params: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/getPage', {
+    method: 'post',
+    data: params,
+  });
+}
+
+
+/**
+ * 删除应答
+ * @param id
+ */
+export function deleteById(id: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/delete/' + id);
+}
+/**
+ * 保存
+ * @param data
+ */
+export function insertDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument', {
+    method: 'post',
+    data: data
+  });
+}
+/**
+ * 修改数据
+ * @param data
+ */
+export function updateDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/update', {
+    method: 'post',
+    data: data
+  });
+}
+
+/**
+ * 发送
+ * @param data
+ */
+export function sendDocument(data: any) {
+  return request('/api/biz-service-ebtp-project/v1/coscosupplementaryresponsedocument/sendDocument', {
+    method: 'post',
+    data: data
+  });
+}