登录路由守卫组件一级学习进度整数化

src/compenents/private-route/index.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import { getToken } from "../../utils/index";
+import { Navigate } from "react-router-dom";
+
+interface PropInterface {
+  Component: any;
+}
+
+const PrivateRoute: React.FC<PropInterface> = ({ Component }) => {
+  return getToken() ? Component : <Navigate to="/login" replace={true} />;
+};
+export default PrivateRoute;

src/pages/course/user.tsx

@@ -87,7 +87,7 @@ const CourseUserPage = () => {
       dataIndex: "progress",
       render: (progress: number) => (
         <span className={progress >= 10000 ? "c-green" : "c-red"}>
-          {progress / 100}%
+          {Math.floor(progress / 100)}%
         </span>
       ),
     },

src/routes/index.tsx

@@ -25,6 +25,7 @@ import SystemAdminrolesPage from "../pages/system/adminroles";
 import DepartmentPage from "../pages/department";
 import TestPage from "../pages/test";
 import ErrorPage from "../pages/error";
+import PrivateRoute from "../compenents/private-route";
 
 // const LoginPage = lazy(() => import("../pages/login"));
 
@@ -63,70 +64,75 @@ const routes: RouteObject[] = [
     children: [
       {
         path: "/",
-        element: <HomePage />,
+        element: <PrivateRoute Component={<HomePage />} />,
         children: [
           {
             path: "/",
-            element: <DashboardPage />,
+            element: <PrivateRoute Component={<DashboardPage />} />,
           },
           {
             path: "/change-password",
-            element: <ChangePasswordPage />,
+            element: <PrivateRoute Component={<ChangePasswordPage />} />,
           },
           {
             path: "/resource-category",
-            element: <ResourceCategoryPage />,
+            element: <PrivateRoute Component={<ResourceCategoryPage />} />,
           },
           {
             path: "/images",
-            element: <ResourceImagesPage />,
+            element: <PrivateRoute Component={<ResourceImagesPage />} />,
           },
           {
             path: "/videos",
-            element: <ResourceVideosPage />,
+            element: <PrivateRoute Component={<ResourceVideosPage />} />,
           },
           {
             path: "/course",
-            element: <CoursePage />,
+            element: <PrivateRoute Component={<CoursePage />} />,
           },
           {
             path: "/course/user/:courseId",
-            element: <CourseUserPage />,
+            element: <PrivateRoute Component={<CourseUserPage />} />,
           },
           {
             path: "/member",
             element: <KeepAlive />,
             children: [
-              { path: "/member/index", element: <MemberPage /> },
+              {
+                path: "/member/index",
+                element: <PrivateRoute Component={<MemberPage />} />,
+              },
               {
                 path: "/member/import",
-                element: <MemberImportPage />,
+                element: <PrivateRoute Component={<MemberImportPage />} />,
               },
               {
                 path: "/member/learn",
-                element: <MemberLearnPage />,
+                element: <PrivateRoute Component={<MemberLearnPage />} />,
               },
               {
                 path: "/member/departmentUser",
-                element: <MemberDepartmentProgressPage />,
+                element: (
+                  <PrivateRoute Component={<MemberDepartmentProgressPage />} />
+                ),
               },
             ],
           },
           {
             path: "/system/config/index",
-            element: <SystemConfigPage />,
+            element: <PrivateRoute Component={<SystemConfigPage />} />,
           },
           {
             path: "/system/administrator",
-            element: <SystemAdministratorPage />,
+            element: <PrivateRoute Component={<SystemAdministratorPage />} />,
           },
           {
             path: "/system/adminroles",
-            element: <SystemAdminrolesPage />,
+            element: <PrivateRoute Component={<SystemAdminrolesPage />} />,
           },
           {
             path: "/department",
-            element: <DepartmentPage />,
+            element: <PrivateRoute Component={<DepartmentPage />} />,
           },
         ],
       },