diff --git a/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/index.tsx b/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/index.tsx
new file mode 100644
index 0000000..e28dc21
--- /dev/null
+++ b/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/index.tsx
@@ -0,0 +1,167 @@
+import React, { useState, useRef } from 'react';
+import { Button, Tabs, Form, Input, Modal, Space, Checkbox, message, PageHeader, Popconfirm, Progress, Tag, Spin } from 'antd';
+import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import { reserveList } from './service';
+import '@/assets/ld_style.less';
+import {  getProjectTypeCode, getURLInformation, getUrlParam,  isNotEmpty } from '@/utils/CommonUtils';
+import { btnAuthority } from '@/utils/authority';
+
+const { TabPane } = Tabs;
+
+
+const Index: React.FC<{}> = () => {
+  const checkRelationRef = useRef<ActionType>(); //操作数据后刷新列表
+
+
+
+  //存储当前页面项目类型
+  let proTypeCode = getProjectTypeCode();
+
+  const current = getURLInformation("current");
+
+  
+  const columns: any = [  // 我参与的项目
+    {
+      title: '序号',
+      dataIndex: 'index',
+      valueType: 'index',
+      search: false,
+      width: 50,
+    },
+    {
+      title: '评标室',
+      dataIndex: 'areaName',
+    },
+    {
+      title: '预约开始时间',
+      dataIndex: 'reserveStartDate',
+      search: false,
+      width: '5%',
+    },
+    {
+      title: '预约结束时间',
+      dataIndex: 'reserveEndDate',
+      search: false,
+      width: '7%',
+    },
+    {
+      title: '预约人',
+      dataIndex: 'reserveBy',
+      width: '20%',
+      search: false
+    },
+    {
+      title: '预约人联系方式', 
+      dataIndex: 'reserveContactNumber',
+      width: '10%',
+      search: false
+    },
+    {
+      title: '项目名称',
+      dataIndex: 'projectName',
+      search: false,
+      width: '7%'
+    },
+    {
+      title: '标段名称',
+      dataIndex: 'sectionNames',
+      search: false,
+      width: '7%'
+    }, 
+    {
+      title: '操作',
+      width: '7%',
+      search: false,
+      render: (text: any, record: any) => {
+
+        return (
+          <>
+            <Button hidden={btnAuthority(['ebtp-supplier'])} type="text" onClick={() => {}} danger>取消预约</Button>
+            
+          </>
+        )
+        
+      }
+    },
+  ];
+  const otherColumns: any[] = [  //会议室预约
+    
+    
+  ];
+  
+
+
+  return (
+    <>
+      <PageHeader
+        title="预约管理"
+      />
+
+        <Tabs defaultActiveKey="1">
+          <TabPane tab="评标预约" key="1">
+
+
+            <ProTable
+              actionRef={checkRelationRef}
+              className="proSearch"
+              columns={columns}
+              params={{ }}
+              size='small'
+              request={async (params: any) =>
+                {}
+              }
+              search={{
+                filterType: "query",
+                optionRender: (searchConfig: any, { form }) => {
+                  return [
+                    <Button
+                      key="resetText"
+                      onClick={() => {
+                        form?.setFieldsValue({
+                          projectName: null,
+                          bidMethodDict: null,
+                          current: 1,
+                        })
+                        form?.submit();
+                      }}
+                    >
+                      {searchConfig?.resetText}
+                    </Button>,
+                    <Button
+                      key="searchText"
+                      type="primary"
+                      onClick={() => {
+                        form?.submit();
+                      }}
+                    >
+                      {searchConfig?.searchText}
+                    </Button>,
+                  ];
+                },
+              }}
+              pagination={{ defaultCurrent: isNotEmpty(current) ? Number(current) : 1, defaultPageSize: 10, showSizeChanger: false }}//默认显示条数
+              toolBarRender={false}
+            />
+
+            
+          </TabPane>
+          <TabPane tab="会议预约" key="2">
+            <ProTable
+              size='small'
+              className="proSearch"
+              columns={otherColumns}
+              params={{ "procurementMode": proTypeCode }}
+              request={async (params: any) =>
+                {}
+                }
+              pagination={{ defaultPageSize: 10, showSizeChanger: false }}//默认显示条数
+              toolBarRender={false}
+            />
+          </TabPane>
+        </Tabs>
+    </>
+  )
+}
+export default Index
+
+
diff --git a/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/service.ts b/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/service.ts
new file mode 100644
index 0000000..d26f053
--- /dev/null
+++ b/src/pages/Evaluation/ElecEvalRoom/ElecEvalReserve/service.ts
@@ -0,0 +1,8 @@
+import request from '@/utils/request';
+
+export async function reserveList(data: any) { // 查询会议室/评标室
+  return request('/api/biz-service-ebtp-evaluation/v1/eval/room/reserve/list', {
+    method: 'get',
+    data: data
+  });
+}