:sparkles: CourseMemberTimeLine

dashboard/src/pages/studio/course/edit.tsx

@@ -6,12 +6,14 @@ import { Card, Tabs } from "antd";
 import GoBack from "../../../components/studio/GoBack";
 import CourseInfoEdit from "../../../components/course/CourseInfoEdit";
 import CourseMemberList from "../../../components/course/CourseMemberList";
+import CourseMemberTimeLine from "../../../components/course/CourseMemberTimeLine";
+import { ICourseMember } from "../../../components/course/CourseMember";
 
 const Widget = () => {
   const intl = useIntl();
   const { studioname, courseId } = useParams(); //url 参数
   const [title, setTitle] = useState("loading");
-
+  const [selected, setSelected] = useState<string>();
   return (
     <>
       <Card
@@ -40,7 +42,35 @@ const Widget = () => {
               key: "member",
               label: `成员`,
               children: (
-                <CourseMemberList studioName={studioname} courseId={courseId} />
+                <div style={{ display: "flex" }}>
+                  <div style={{ flex: 1 }}>
+                    <CourseMemberList
+                      courseId={courseId}
+                      onSelect={(value: ICourseMember) => {
+                        setSelected(value.user?.id);
+                      }}
+                    />
+                  </div>
+                  <div style={{ flex: 1 }}>
+                    <Tabs
+                      items={[
+                        {
+                          key: "timeline",
+                          label: "timeline",
+                          children:
+                            courseId && selected ? (
+                              <CourseMemberTimeLine
+                                courseId={courseId}
+                                userId={selected}
+                              />
+                            ) : (
+                              <>{"未选择"}</>
+                            ),
+                        },
+                      ]}
+                    />
+                  </div>
+                </div>
               ),
             },
           ]}