课程新建除课时列表部分

src/compenents/select-resource/index.tsx

@@ -0,0 +1,71 @@
+import { useEffect, useState } from "react";
+import { Button, Row, Col, Modal, message, Tabs } from "antd";
+import styles from "./index.module.less";
+import { UploadVideoSub } from "../../compenents";
+import type { TabsProps } from "antd";
+
+interface VideoItem {
+  id: number;
+  category_id: number;
+  name: string;
+  duration: number;
+}
+
+interface PropsInterface {
+  open: boolean;
+  onSelected: (arr: any[], label: any[]) => void;
+  onCancel: () => void;
+}
+
+export const SelectResource = (props: PropsInterface) => {
+  const [refresh, setRefresh] = useState(true);
+  const [tabKey, setTabKey] = useState(1);
+  const [selectKeys, setSelectKeys] = useState<any>([]);
+  const [selectLabel, setSelectLabel] = useState<any>([]);
+
+  const items: TabsProps["items"] = [
+    {
+      key: "1",
+      label: `视频`,
+      children: (
+        <div className="float-left">
+          <UploadVideoSub
+            label="视频"
+            defaultCheckedList={[]}
+            open={refresh}
+            onSelected={(arr: any[], label: any[]) => {
+              setSelectKeys(arr);
+              setSelectLabel(label);
+            }}
+          />
+        </div>
+      ),
+    },
+  ];
+
+  const onChange = (key: string) => {
+    setTabKey(Number(key));
+  };
+
+  return (
+    <>
+      <Modal
+        title="资源素材库"
+        centered
+        closable={false}
+        onCancel={() => {
+          setSelectKeys([]);
+          props.onCancel();
+        }}
+        open={props.open}
+        width={800}
+        maskClosable={false}
+        onOk={() => props.onSelected(selectKeys, selectLabel)}
+      >
+        <Row>
+          <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
+        </Row>
+      </Modal>
+    </>
+  );
+};