线上课学员携带课程标题

src/pages/course/index.tsx

@@ -232,7 +232,9 @@ const CoursePage = () => {
               p="course"
               onClick={() => {
                 setCid(Number(record.id));
-                navigate("/course/user/" + Number(record.id));
+                navigate(
+                  "/course/user/" + Number(record.id) + "?title=" + record.title
+                );
               }}
               disabled={null}
             />

src/pages/course/user.tsx

@@ -11,7 +11,7 @@ import {
   Image,
 } from "antd";
 import { course } from "../../api";
-import { useParams } from "react-router-dom";
+import { useParams, useLocation } from "react-router-dom";
 import type { ColumnsType } from "antd/es/table";
 import { BackBartment } from "../../compenents";
 import { ExclamationCircleFilled } from "@ant-design/icons";
@@ -31,6 +31,7 @@ interface DataType {
 
 const CourseUserPage = () => {
   const params = useParams();
+  const result = new URLSearchParams(useLocation().search);
   const [list, setList] = useState<any>([]);
   const [users, setUsers] = useState<any>([]);
   const [refresh, setRefresh] = useState(false);
@@ -42,10 +43,11 @@ const CourseUserPage = () => {
   const [email, setEmail] = useState<string>("");
   const [idCard, setIdCard] = useState<string>("");
   const [selectedRowKeys, setSelectedRowKeys] = useState<any>([]);
+  const [title, setTitle] = useState<string>(String(result.get("title")));
 
   const columns: ColumnsType<DataType> = [
     {
-      title: "学员名称",
+      title: "学员",
       render: (_, record: any) => (
         <div className="d-flex">
           <Image
@@ -178,7 +180,7 @@ const CourseUserPage = () => {
       <Row className="playedu-main-body">
         <Col span={24}>
           <div className="float-left mb-24">
-            <BackBartment title="线上课学员" />
+            <BackBartment title={title || "线上课学员"} />
           </div>
           <div className="float-left j-b-flex mb-24">
             <div className="d-flex">

src/pages/member/learn.tsx

@@ -269,16 +269,11 @@ const MemberLearnPage = () => {
       render: (_, record: any) => (
         <>
           <span>
-            已完成课时: {record.finished_count}/{record.hour_count}
+            已完成课时：{record.finished_count} / {record.hour_count}
           </span>
         </>
       ),
     },
-    {
-      title: "第一次学习时间",
-      dataIndex: "created_at",
-      render: (text: string) => <span>{dateFormat(text)}</span>,
-    },
     {
       title: "学习进度",
       dataIndex: "is_finished",
@@ -297,6 +292,16 @@ const MemberLearnPage = () => {
         </>
       ),
     },
+    {
+      title: "第一次学习时间",
+      dataIndex: "created_at",
+      render: (text: string) => <span>{dateFormat(text)}</span>,
+    },
+    {
+      title: "学习完成时间",
+      dataIndex: "finished_at",
+      render: (text: string) => <span>{dateFormat(text)}</span>,
+    },
   ];
 
   return (
@@ -315,6 +320,15 @@ const MemberLearnPage = () => {
             }}
           ></div>
         </div>
+        <div className="float-left mt-24">
+          <Table
+            columns={column2}
+            dataSource={list2}
+            loading={loading2}
+            pagination={paginationProps2}
+            rowKey={(record) => record.id}
+          />
+        </div>
       </Row>
       {/* <div className="playedu-main-top mb-24">
         <div className={styles["large-title"]}>课时学习记录</div>
@@ -328,18 +342,6 @@ const MemberLearnPage = () => {
           />
         </div>
       </div> */}
-      <div className="playedu-main-top">
-        <div className={styles["large-title"]}>线上课学习记录</div>
-        <div className="float-left mt-24">
-          <Table
-            columns={column2}
-            dataSource={list2}
-            loading={loading2}
-            pagination={paginationProps2}
-            rowKey={(record) => record.id}
-          />
-        </div>
-      </div>
     </>
   );
 };