直播页开放互动区

public/manifest.json

@@ -6,16 +6,6 @@
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
     }
   ],
   "start_url": ".",

src/app-pages/DebugHomeRouterPage.jsx

@@ -7,11 +7,11 @@ import FPlatformEnum from '../utils/enum';
 const DebugHomeRouterPage = () => {
   const navigate = useNavigate();
 
-  const [token, setToken] = useSessionStorage('token');
-  const [username, setUsername] = useSessionStorage('username4Debug');
-  const [password, setPassword] = useSessionStorage('password4Debug');
-  const [courseCode, setCourseCode] = useSessionStorage('courseCode4Debug');
-  const [keyword, setKeyword] = useSessionStorage('keyword4Debug');
+  const [token, setToken] = useSessionStorage('token', '');
+  const [username, setUsername] = useSessionStorage('username4Debug', '');
+  const [password, setPassword] = useSessionStorage('password4Debug', '');
+  const [courseCode, setCourseCode] = useSessionStorage('courseCode4Debug', '');
+  const [keyword, setKeyword] = useSessionStorage('keyword4Debug', '');
   const [subsetTab, setSubsetTab] = useSessionStorage(
     'subsetTab4Debug',
     'course',
@@ -167,6 +167,7 @@ const DebugHomeRouterPage = () => {
       <div className='w-[80%] flex flex-col justify-start items-start'>
         {routes.map((route) => (
           <button
+            key={route.path}
             className='flex flex-row content-center items-center p-2 m-1 rounded border hover:bg-gray-100'
             onClick={() => handleRoute(realRoute(route.path))}>
             <div

src/app-pages/VideoCoursePlayerPage.jsx

@@ -472,7 +472,7 @@ const VideoCoursePlayerPage = () => {
   return (
     <main className='flex min-h-screen flex-col p-5 h-full'>
       {sessionStorage.getItem('token') !== 'null' && buildRouterBackIcon()}
-      <div className='flex-grow flex h-full'>
+      <div className='flex-grow flex h-full '>
         {/* 视频播放器与PDF显示器 */}
         <div className={`h-full ${isMobileDevice() ? 'w-full' : 'w-3/4'}`}>
           {(courseData === null || courseData.CourseType !== 1) && (
@@ -524,16 +524,20 @@ const VideoCoursePlayerPage = () => {
         </div>
 
         {/* 互动交流区 暂时屏蔽*/}
-        <div className='w-1/4 ml-5 flex flex-col'>
-          <div className='border rounded bg-gray-50 h-full text-xl flex flex-grow items-center justify-center'>
-            <div className='text-lg text-gray-400'>互动区暂未开放</div>
-          </div>
-        </div>
-        {/* {!isMobileDevice() && (
-          <div className='w-1/4 h-full'>
+
+        {!isMobileDevice() &&
+        courseData != null &&
+        courseData.CourseType === 1 ? (
+          <div className='w-1/4 ml-5 border rounded'>
             <InteractiveArea courseCode={courseCode} />
           </div>
-        )} */}
+        ) : (
+          <div className='w-1/4 ml-5 flex flex-col'>
+            <div className='border rounded bg-gray-50 h-full text-xl flex flex-grow items-center justify-center'>
+              <div className='text-lg text-gray-400'>互动区暂未开放</div>
+            </div>
+          </div>
+        )}
       </div>
     </main>
   );

src/components/public/InteractiveArea.jsx

@@ -146,7 +146,7 @@ const InteractiveArea = ({ h5courseCode }) => {
   };
 
   return (
-    <div className='w-full h-screen bg-gray-200 p-4 flex flex-col'>
+    <div className='w-full h-full bg-gray-200 p-4 flex flex-col'>
       {/* 聊天记录 */}
       <div className='flex-grow overflow-y-auto' id='chat-box' ref={chatRef}>
         {/* 接收到的消息 */}
@@ -198,18 +198,18 @@ const InteractiveArea = ({ h5courseCode }) => {
       </div>
 
       {/* 输入框及发送按钮 */}
-      <div className='pt-2 pb-4'>
-        <div className='relative flex items-center'>
+      <div className='pt-2'>
+        <div className='relative flex items-center shadow'>
           <input
             type='text'
             placeholder='发送信息'
-            className='flex-grow bg-white rounded-l-lg px-4 py-2 shadow-md focus:outline-none'
+            className='flex-grow bg-white rounded-l px-4 py-2 focus:outline-none'
             onChange={inputOnchange}
             style={{ width: '100px' }}
             value={inputValue}
           />
           <button
-            className='bg-blue-500 text-white font-bold py-2 px-5 rounded-r-lg focus:outline-none'
+            className='bg-blue-500 text-white font-bold py-2 px-5 rounded-r focus:outline-none'
             onClick={() => {
               if (inputValue.trim()) {
                 let lista = interactiveList;

src/js/login_crypt.js

@@ -116,7 +116,6 @@ export default function symmetryEncrypt(text) {
     }
 
     const finalStr = 'Symmetry_' + outmessage.join('');
-    console.log(finalStr);
     return finalStr;
   } catch (e) {
     throw e;