feat: 页面完善

src/layouts/SideMenu.tsx

@@ -98,16 +98,13 @@ function SideMenu  ({
           isLessionPage ?
             (
               <div>
-                <div
-                  style={{
-                    color: 'black',
-                    fontSize: 16,
-                    fontWeight: 'bold',
-                    margin: '20px 0 20px 10px',
-                    textAlign: 'left',
-                  }}
-                >
-                  张三
+                <div style={{  display: 'flex', justifyContent: 'space-between', padding: '20px 10px' }}>
+                  <div style={{ color: 'black', fontSize: 16, fontWeight: 'bold', }} >
+                    张三
+                  </div>
+                  <div style={{ color: 'black', fontSize: 12 }}>
+                    杭州市滨江区市一中
+                  </div>
                 </div>
                 <Space direction="horizontal" style={{ padding: '0 10px' }}>
                   <Input placeholder="输入课时名称搜索" />
@@ -139,6 +136,7 @@ function SideMenu  ({
         {
           isLessionPage ? (
             <ProList<any>
+              className={'list-box'}
               pagination={false}
               showActions="hover"
               onItem={(record) => {
@@ -155,7 +153,7 @@ function SideMenu  ({
                 <div
                   style={{ backgroundColor: '#F8FAFC', cursor: 'pointer', margin: '0 10px' }}
                   onClick={() => {
-                    history.push('/play?id=' + item.lessonId);
+                    history.push('/play?courseId=1&lessonId=' + item.lessonId);
                   }}
                 >
                   <Image

src/layouts/styles/side-menu.less

@@ -53,6 +53,14 @@
             margin-bottom: 5px;
         }
     }
+    .list-box {
+        .ant-pro-card-body {
+            .ant-spin-container {
+                height: calc(100vh - 170px);
+                overflow: auto;
+            }
+        }
+    }
 }
 .ant-menu-item-selected::before {
     content: ' ';

src/pages/Record/index.tsx

@@ -22,7 +22,7 @@ const TableList: React.FC<unknown> = () => {
 
   const data = [
     {
-      lessonId: '1',
+      courseId: '1',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -32,7 +32,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '2',
+      courseId: '2',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -42,7 +42,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '3',
+      courseId: '3',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -52,7 +52,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '4',
+      courseId: '4',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -62,7 +62,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '5',
+      courseId: '5',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -72,7 +72,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '6',
+      courseId: '6',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -82,7 +82,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '7',
+      courseId: '7',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -92,7 +92,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '1',
+      courseId: '1',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -102,7 +102,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '9',
+      courseId: '9',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -112,7 +112,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '10',
+      courseId: '10',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -122,7 +122,7 @@ const TableList: React.FC<unknown> = () => {
       classRoom: '高一4班'
     },
     {
-      lessonId: '11',
+      courseId: '11',
       image: 'https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg',
       courseName: '这是课程名称',
       gradeSubjectName: '高中数学',
@@ -159,7 +159,7 @@ const TableList: React.FC<unknown> = () => {
           <div
             style={{ backgroundColor: '#F8FAFC', cursor: 'pointer' }}
             onClick={() => {
-              history.push('/play?id=' + item.lessonId);
+              history.push('/play?courseId=' + item.courseId);
             }}
           >
             <Image