diff --git a/src/compenents/left-menu/index.tsx b/src/compenents/left-menu/index.tsx
index 4b3a579..0903301 100644
--- a/src/compenents/left-menu/index.tsx
+++ b/src/compenents/left-menu/index.tsx
@@ -46,6 +46,7 @@ const items = [
     [
       getItem("视频", "/videos", null, null, null, null),
       getItem("图片", "/images", null, null, null, null),
+      getItem("课件", "/courseware", null, null, null, null),
     ],
     null,
     null
diff --git a/src/pages/resource/courseware/index.module.less b/src/pages/resource/courseware/index.module.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/resource/courseware/index.tsx b/src/pages/resource/courseware/index.tsx
new file mode 100644
index 0000000..7ea4ac2
--- /dev/null
+++ b/src/pages/resource/courseware/index.tsx
@@ -0,0 +1,370 @@
+import { useEffect, useState } from "react";
+import {
+  Modal,
+  Table,
+  message,
+  Space,
+  Typography,
+  Input,
+  Select,
+  Button,
+} from "antd";
+import type { MenuProps } from "antd";
+import { resource } from "../../../api";
+// import styles from "./index.module.less";
+import { useLocation } from "react-router-dom";
+import { DownOutlined, ExclamationCircleFilled } from "@ant-design/icons";
+import type { ColumnsType } from "antd/es/table";
+import { dateFormat } from "../../../utils/index";
+import { TreeCategory, DurationText, PerButton } from "../../../compenents";
+
+const { confirm } = Modal;
+
+interface DataType {
+  id: React.Key;
+  name: string;
+  created_at: string;
+  disk: string;
+  number: number;
+}
+
+const ResourceCoursewarePage = () => {
+  const result = new URLSearchParams(useLocation().search);
+  const [list, setList] = useState<any>([]);
+  const [adminUsers, setAdminUsers] = useState<any>({});
+  const [existingTypes, setExistingTypes] = useState<any>([]);
+  const [refresh, setRefresh] = useState(false);
+  const [page, setPage] = useState(1);
+  const [size, setSize] = useState(10);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [category_ids, setCategoryIds] = useState<any>([]);
+  const [selectedRowKeys, setSelectedRowKeys] = useState<any>([]);
+  const [type, setType] = useState("WORD,EXCE,PPT,PDF,TXT,RAR,ZIP");
+  const [title, setTitle] = useState<string>("");
+  const [multiConfig, setMultiConfig] = useState<boolean>(false);
+  const [selLabel, setLabel] = useState<string>(
+    result.get("label") ? String(result.get("label")) : "全部课件"
+  );
+  const [cateId, setCateId] = useState(Number(result.get("cid")));
+  const [updateId, setUpdateId] = useState(0);
+  const [updateVisible, setUpdateVisible] = useState<boolean>(false);
+  const types = [
+    { label: "全部", value: "WORD,EXCE,PPT,PDF,TXT,RAR,ZIP" },
+    { label: "WORD", value: "WORD" },
+    { label: "EXCEL", value: "EXCE" },
+    { label: "PPT", value: "PPT" },
+    { label: "PDF", value: "PDF" },
+    { label: "TXT", value: "TXT" },
+    { label: "RAR", value: "RAR" },
+    { label: "ZIP", value: "ZIP" },
+  ];
+
+  useEffect(() => {
+    setCateId(Number(result.get("cid")));
+    if (Number(result.get("cid"))) {
+      let arr = [];
+      arr.push(Number(result.get("cid")));
+      setCategoryIds(arr);
+    }
+  }, [result.get("cid")]);
+
+  // 加载课件列表
+  useEffect(() => {
+    getList();
+  }, [category_ids, refresh, page, size]);
+
+  const getList = () => {
+    setLoading(true);
+    let categoryIds = category_ids.join(",");
+    resource
+      .resourceList(page, size, "", "", title, type, categoryIds)
+      .then((res: any) => {
+        setTotal(res.data.result.total);
+        setList(res.data.result.data);
+        setExistingTypes(res.data.existing_types);
+        setAdminUsers(res.data.admin_users);
+        setLoading(false);
+      })
+      .catch((err: any) => {
+        console.log("错误,", err);
+      });
+  };
+
+  const columns: ColumnsType<DataType> = [
+    {
+      title: "课件名称",
+      dataIndex: "name",
+      render: (text: string) => (
+        <div className="d-flex">
+          <i
+            className="iconfont icon-icon-file"
+            style={{
+              fontSize: 16,
+              color: "rgba(0,0,0,0.3)",
+            }}
+          />
+          <span className="ml-8">{text}</span>
+        </div>
+      ),
+    },
+    {
+      title: "课件格式",
+      dataIndex: "id",
+      width: 204,
+      render: (id: string) => <span>{id}</span>,
+    },
+    {
+      title: "课件大小",
+      dataIndex: "size",
+      width: 204,
+      render: (size: number) => <span>{(size / 1024 / 1024).toFixed(2)}M</span>,
+    },
+    {
+      title: "创建人",
+      dataIndex: "admin_id",
+      width: 204,
+      render: (text: number) =>
+        JSON.stringify(adminUsers) !== "{}" && <span>{adminUsers[text]}</span>,
+    },
+    {
+      title: "创建时间",
+      dataIndex: "created_at",
+      width: 204,
+      render: (text: string) => <span>{dateFormat(text)}</span>,
+    },
+    {
+      title: "操作",
+      key: "action",
+      fixed: "right",
+      width: 180,
+      render: (_, record: any) => {
+        return (
+          <Space size="small">
+            <Button
+              type="link"
+              size="small"
+              className="b-n-link c-red"
+              onClick={() => {
+                downLoadFile(record.id);
+              }}
+            >
+              下载
+            </Button>
+            <div className="form-column"></div>
+            <Button
+              type="link"
+              className="b-link c-red"
+              onClick={() => {
+                setUpdateId(record.id);
+                setUpdateVisible(true);
+              }}
+            >
+              编辑
+            </Button>
+            <div className="form-column"></div>
+            <Button
+              type="link"
+              className="b-link c-red"
+              onClick={() => removeResource(record.id)}
+            >
+              删除
+            </Button>
+          </Space>
+        );
+      },
+    },
+  ];
+
+  const paginationProps = {
+    current: page, //当前页码
+    pageSize: size,
+    total: total, // 总条数
+    onChange: (page: number, pageSize: number) =>
+      handlePageChange(page, pageSize), //改变页码的函数
+    showSizeChanger: true,
+  };
+
+  const handlePageChange = (page: number, pageSize: number) => {
+    setPage(page);
+    setSize(pageSize);
+  };
+
+  const rowSelection = {
+    onChange: (selectedRowKeys: React.Key[], selectedRows: DataType[]) => {
+      setSelectedRowKeys(selectedRowKeys);
+    },
+  };
+
+  // 重置列表
+  const resetList = () => {
+    setPage(1);
+    setSize(10);
+    setList([]);
+    setSelectedRowKeys([]);
+    setType("WORD,EXCE,PPT,PDF,TXT,RAR,ZIP");
+    setRefresh(!refresh);
+  };
+
+  // 删除课件
+  const removeResource = (id: number) => {
+    if (id === 0) {
+      return;
+    }
+    confirm({
+      title: "操作确认",
+      icon: <ExclamationCircleFilled />,
+      content: "删除前请检查选中课件文件无关联课程，确认删除？",
+      centered: true,
+      okText: "确认",
+      cancelText: "取消",
+      onOk() {
+        resource.destroyResource(id).then(() => {
+          message.success("删除成功");
+          resetList();
+        });
+      },
+      onCancel() {
+        console.log("Cancel");
+      },
+    });
+  };
+
+  // 批量删除课件
+  const removeResourceMulti = () => {
+    if (selectedRowKeys.length === 0) {
+      return;
+    }
+    confirm({
+      title: "操作确认",
+      icon: <ExclamationCircleFilled />,
+      content: "删除前请检查选中课件文件无关联课程，确认删除？",
+      centered: true,
+      okText: "确认",
+      cancelText: "取消",
+      onOk() {
+        resource.destroyResourceMulti(selectedRowKeys).then(() => {
+          message.success("删除成功");
+          resetList();
+        });
+      },
+      onCancel() {
+        console.log("Cancel");
+      },
+    });
+  };
+
+  const downLoadFile = (id: number) => {};
+
+  return (
+    <>
+      <div className="tree-main-body">
+        <div className="left-box">
+          <TreeCategory
+            selected={category_ids}
+            type="no-cate"
+            text={"课件"}
+            onUpdate={(keys: any, title: any) => {
+              setPage(1);
+              setCategoryIds(keys);
+              if (typeof title === "string") {
+                setLabel(title);
+              } else {
+                setLabel(title.props.children[0]);
+              }
+            }}
+          />
+        </div>
+        <div className="right-box">
+          <div className="d-flex playedu-main-title float-left mb-24">
+            课件 | {selLabel}
+          </div>
+          <div className="float-left  j-b-flex  mb-24">
+            <div>
+              <Button
+                type="default"
+                className="mr-16"
+                onClick={() => {
+                  setSelectedRowKeys([]);
+                  setMultiConfig(!multiConfig);
+                }}
+              >
+                {multiConfig ? "取消操作" : "批量操作"}
+              </Button>
+              <Button
+                type="default"
+                onClick={() => removeResourceMulti()}
+                disabled={selectedRowKeys.length === 0}
+              >
+                删除
+              </Button>
+            </div>
+            <div className="d-flex">
+              <div className="d-flex">
+                <div className="d-flex mr-24">
+                  <Typography.Text>名称：</Typography.Text>
+                  <Input
+                    value={title}
+                    onChange={(e) => {
+                      setTitle(e.target.value);
+                    }}
+                    allowClear
+                    style={{ width: 160 }}
+                    placeholder="请输入名称关键字"
+                  />
+                </div>
+                <div className="d-flex mr-24">
+                  <Typography.Text>格式：</Typography.Text>
+                  <Select
+                    style={{ width: 160 }}
+                    placeholder="请选择格式"
+                    value={type}
+                    onChange={(value: string) => setType(value)}
+                    options={types}
+                  />
+                </div>
+                <Button className="mr-16" onClick={resetList}>
+                  重 置
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    setPage(1);
+                    setRefresh(!refresh);
+                  }}
+                >
+                  查 询
+                </Button>
+              </div>
+            </div>
+          </div>
+          <div className="float-left">
+            {multiConfig ? (
+              <Table
+                rowSelection={{
+                  type: "checkbox",
+                  ...rowSelection,
+                }}
+                columns={columns}
+                dataSource={list}
+                loading={loading}
+                pagination={paginationProps}
+                rowKey={(record) => record.id}
+              />
+            ) : (
+              <Table
+                columns={columns}
+                dataSource={list}
+                loading={loading}
+                pagination={paginationProps}
+                rowKey={(record) => record.id}
+              />
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default ResourceCoursewarePage;
diff --git a/src/pages/resource/videos/index.tsx b/src/pages/resource/videos/index.tsx
index 49bf25b..4d83e71 100644
--- a/src/pages/resource/videos/index.tsx
+++ b/src/pages/resource/videos/index.tsx
@@ -7,7 +7,7 @@ import { useLocation } from "react-router-dom";
 import { DownOutlined, ExclamationCircleFilled } from "@ant-design/icons";
 import type { ColumnsType } from "antd/es/table";
 import { dateFormat } from "../../../utils/index";
-import { TreeCategory, DurationText, PerButton } from "../../../compenents";
+import { TreeCategory, DurationText } from "../../../compenents";
 import { UploadVideoButton } from "../../../compenents/upload-video-button";
 import { VideoPlayDialog } from "./compenents/video-play-dialog";
 import { VideosUpdateDialog } from "./compenents/update-dialog";
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 742dcaf..e1e6fdb 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -20,6 +20,9 @@ const ResourceCategoryPage = lazy(
 );
 const ResourceImagesPage = lazy(() => import("../pages/resource/images"));
 const ResourceVideosPage = lazy(() => import("../pages/resource/videos"));
+const ResourceCoursewarePage = lazy(
+  () => import("../pages/resource/courseware")
+);
 //课程相关
 const CoursePage = lazy(() => import("../pages/course/index"));
 const CourseUserPage = lazy(() => import("../pages/course/user"));
@@ -101,6 +104,10 @@ const routes: RouteObject[] = [
             path: "/videos",
             element: <PrivateRoute Component={<ResourceVideosPage />} />,
           },
+          {
+            path: "/courseware",
+            element: <PrivateRoute Component={<ResourceCoursewarePage />} />,
+          },
           {
             path: "/course",
             element: <PrivateRoute Component={<CoursePage />} />,