yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-28 05:33:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2 from PlayEdu/dev

Browse Source 
Dev
This commit is contained in:
Teng 2023-04-13 18:01:36 +08:00 committed by GitHub
commit 0fe75d745e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
20 changed files with 257 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,7 +7,7 @@
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>PlayEdu</title>
<title>管理后台</title>
</head>
<body>
<div id="root"></div>

4
src/api/system.ts
View File

@ -3,3 +3,7 @@ import client from "./internal/httpClient";
export function getImageCaptcha() {
return client.get("/backend/v1/system/image-captcha", {});
}
export function getSystemConfig() {
return client.get("/backend/v1/system/config", {});
}

2
src/compenents/footer/index.tsx
View File

@ -13,7 +13,7 @@ export const Footer: React.FC = () => {
textAlign: "center",
}}
>
<Link to="https://playedu.xyz/">
<Link to="https://playedu.xyz/" target="blank">
<i
style={{ fontSize: 30, color: "#cccccc" }}
className="iconfont icon-waterprint footer-icon"

17
src/compenents/tree-category/index.tsx
View File

@ -89,13 +89,16 @@ export const TreeCategory = (props: PropInterface) => {
<span>全部{props.text}</span>
</div>
</div>
<Tree
onSelect={onSelect}
selectedKeys={selectKey}
onExpand={onExpand}
treeData={treeData}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
{treeData.length > 0 && (
<Tree
onSelect={onSelect}
selectedKeys={selectKey}
onExpand={onExpand}
treeData={treeData}
defaultExpandAll={true}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
)}
</div>
);
};

17
src/compenents/tree-department/index.tsx
View File

@ -90,13 +90,16 @@ export const TreeDepartment = (props: PropInterface) => {
>
全部{props.text}
</div>
<Tree
selectedKeys={selectKey}
onSelect={onSelect}
onExpand={onExpand}
treeData={treeData}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
{treeData.length > 0 && (
<Tree
selectedKeys={selectKey}
onSelect={onSelect}
onExpand={onExpand}
treeData={treeData}
defaultExpandAll={true}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
)}
</div>
);
};

9
src/compenents/upload-image-button/index.tsx
View File

@ -36,6 +36,7 @@ interface ImageItem {
}
interface PropsInterface {
text: any;
onSelected: (url: string) => void;
}
@ -71,8 +72,10 @@ export const UploadImageButton = (props: PropsInterface) => {
// 加载图片列表
useEffect(() => {
getImageList();
}, [category_ids, refresh, page, size]);
if (showModal) {
getImageList();
}
}, [category_ids, refresh, page, size, showModal]);
return (
<>
@ -81,7 +84,7 @@ export const UploadImageButton = (props: PropsInterface) => {
setShowModal(true);
}}
>
上传图片
{props.text ? props.text : "上传图片"}
</Button>
{showModal && (

48
src/pages/course/compenents/create.tsx
View File

@ -12,10 +12,10 @@ import {
TreeSelect,
} from "antd";
import styles from "./create.module.less";
import { useSelector } from "react-redux";
import { course, department } from "../../../api/index";
import { UploadImageButton, SelectResource } from "../../../compenents";
import { ExclamationCircleFilled } from "@ant-design/icons";
import { getHost } from "../../../utils/index";
import { TreeHours } from "./hours";
const { confirm } = Modal;
@ -40,9 +40,12 @@ export const CourseCreate: React.FC<PropInterface> = ({
onCancel,
}) => {
const [form] = Form.useForm();
const defaultThumb1 = getHost() + "thumb/thumb1.png";
const defaultThumb2 = getHost() + "thumb/thumb2.png";
const defaultThumb3 = getHost() + "thumb/thumb3.png";
const courseDefaultThumbs = useSelector(
(state: any) => state.systemConfig.value.courseDefaultThumbs
);
const defaultThumb1 = courseDefaultThumbs[0];
const defaultThumb2 = courseDefaultThumbs[1];
const defaultThumb3 = courseDefaultThumbs[2];
const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]);
const [categories, setCategories] = useState<any>([]);
@ -82,8 +85,9 @@ export const CourseCreate: React.FC<PropInterface> = ({
const getParams = () => {
department.departmentList().then((res: any) => {
const departments = res.data.departments;
const departCount = res.data.dep_user_count;
if (JSON.stringify(departments) !== "{}") {
const new_arr: Option[] = checkArr(departments, 0);
const new_arr: any = checkArr(departments, 0, departCount);
setDepartments(new_arr);
}
let type = "open";
@ -131,7 +135,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
course.createCourse().then((res: any) => {
const categories = res.data.categories;
if (JSON.stringify(categories) !== "{}") {
const new_arr: Option[] = checkArr(categories, 0);
const new_arr: any = checkArr(categories, 0, null);
setCategories(new_arr);
}
@ -160,18 +164,39 @@ export const CourseCreate: React.FC<PropInterface> = ({
});
};
const checkArr = (departments: any[], id: number) => {
const getNewTitle = (title: any, id: number, counts: any) => {
if (counts) {
let value = counts[id] || 0;
return title + "(" + value + ")";
} else {
return title;
}
};
const checkArr = (departments: any[], id: number, counts: any) => {
const arr = [];
for (let i = 0; i < departments[id].length; i++) {
if (!departments[departments[id][i].id]) {
arr.push({
title: departments[id][i].name,
title: getNewTitle(
departments[id][i].name,
departments[id][i].id,
counts
),
value: departments[id][i].id,
});
} else {
const new_arr: Option[] = checkArr(departments, departments[id][i].id);
const new_arr: any = checkArr(
departments,
departments[id][i].id,
counts
);
arr.push({
title: departments[id][i].name,
title: getNewTitle(
departments[id][i].name,
departments[id][i].id,
counts
),
value: departments[id][i].id,
children: new_arr,
});
@ -434,6 +459,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
style={{ width: 424 }}
treeData={categories}
placeholder="请选择课程分类"
treeDefaultExpandAll
/>
</Form.Item>
<Form.Item
@ -486,6 +512,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
treeData={departments}
multiple
allowClear
treeDefaultExpandAll
placeholder="请选择部门"
/>
</Form.Item>
@ -572,6 +599,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
</div>
<div className="d-flex">
<UploadImageButton
text="更换封面"
onSelected={(url) => {
setThumb(url);
form.setFieldsValue({ thumb: url });

48
src/pages/course/compenents/update.tsx
View File

@ -12,9 +12,9 @@ import {
Image,
} from "antd";
import styles from "./update.module.less";
import { useSelector } from "react-redux";
import { course, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents";
import { getHost } from "../../../utils/index";
const { confirm } = Modal;
@ -36,9 +36,12 @@ export const CourseUpdate: React.FC<PropInterface> = ({
onCancel,
}) => {
const [form] = Form.useForm();
const defaultThumb1 = getHost() + "thumb/thumb1.png";
const defaultThumb2 = getHost() + "thumb/thumb2.png";
const defaultThumb3 = getHost() + "thumb/thumb3.png";
const courseDefaultThumbs = useSelector(
(state: any) => state.systemConfig.value.courseDefaultThumbs
);
const defaultThumb1 = courseDefaultThumbs[0];
const defaultThumb2 = courseDefaultThumbs[1];
const defaultThumb3 = courseDefaultThumbs[2];
const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]);
const [categories, setCategories] = useState<any>([]);
@ -63,7 +66,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
course.createCourse().then((res: any) => {
const categories = res.data.categories;
if (JSON.stringify(categories) !== "{}") {
const new_arr: Option[] = checkArr(categories, 0);
const new_arr: any = checkArr(categories, 0, null);
setCategories(new_arr);
}
});
@ -71,8 +74,9 @@ export const CourseUpdate: React.FC<PropInterface> = ({
const getParams = () => {
department.departmentList().then((res: any) => {
const departments = res.data.departments;
const departCount = res.data.dep_user_count;
if (JSON.stringify(departments) !== "{}") {
const new_arr: Option[] = checkArr(departments, 0);
const new_arr: any = checkArr(departments, 0, departCount);
setDepartments(new_arr);
}
});
@ -98,18 +102,39 @@ export const CourseUpdate: React.FC<PropInterface> = ({
});
};
const checkArr = (departments: any[], id: number) => {
const getNewTitle = (title: any, id: number, counts: any) => {
if (counts) {
let value = counts[id] || 0;
return title + "(" + value + ")";
} else {
return title;
}
};
const checkArr = (departments: any[], id: number, counts: any) => {
const arr = [];
for (let i = 0; i < departments[id].length; i++) {
if (!departments[departments[id][i].id]) {
arr.push({
title: departments[id][i].name,
title: getNewTitle(
departments[id][i].name,
departments[id][i].id,
counts
),
value: departments[id][i].id,
});
} else {
const new_arr: Option[] = checkArr(departments, departments[id][i].id);
const new_arr: any = checkArr(
departments,
departments[id][i].id,
counts
);
arr.push({
title: departments[id][i].name,
title: getNewTitle(
departments[id][i].name,
departments[id][i].id,
counts
),
value: departments[id][i].id,
children: new_arr,
});
@ -190,6 +215,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
style={{ width: 424 }}
treeData={categories}
placeholder="请选择课程分类"
treeDefaultExpandAll
/>
</Form.Item>
<Form.Item
@ -242,6 +268,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
treeData={departments}
multiple
allowClear
treeDefaultExpandAll
placeholder="请选择部门"
/>
</Form.Item>
@ -328,6 +355,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
</div>
<div className="d-flex">
<UploadImageButton
text="更换封面"
onSelected={(url) => {
setThumb(url);
form.setFieldsValue({ thumb: url });

8
src/pages/dashboard/index.tsx
View File

@ -181,7 +181,7 @@ const DashboardPage = () => {
<div className={styles["num"]}>{basicData.user_total}</div>
<div className={styles["compare"]}>
<span className="mr-5">较昨日</span>
{compareNum(basicData.user_today, basicData.user_yesterday)}
{compareNum(basicData.user_today, 0)}
</div>
</div>
</div>
@ -515,7 +515,11 @@ const DashboardPage = () => {
<div className={styles["large-title"]}>产品文档</div>
<div className={styles["usage-guide"]}>
<img className={styles["banner"]} src={banner} alt="" />
<Link to="https://www.playedu.xyz/" className={styles["link"]}>
<Link
to="https://www.playedu.xyz/docs/docs/intro/"
target="blank"
className={styles["link"]}
>
点击查看产品文档，快速玩转Playedu！
<img className={styles["icon"]} src={icon} alt="" />
</Link>

21
src/pages/department/index.tsx
View File

@ -364,15 +364,18 @@ const DepartmentPage = () => {
</div>
<div className="playedu-main-body">
<div style={{ width: 366 }}>
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
blockNode
onDragEnter={onDragEnter}
onDrop={onDrop}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
{treeData.length > 0 && (
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
blockNode
onDragEnter={onDragEnter}
onDrop={onDrop}
defaultExpandAll={true}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
)}
</div>
<DepartmentCreate
open={createVisible}

20
src/pages/init/index.tsx
View File

@ -1,9 +1,14 @@
import { useDispatch } from "react-redux";
import { Outlet } from "react-router-dom";
import { loginAction } from "../../store/user/loginUserSlice";
import {
SystemConfigStoreInterface,
saveConfigAction,
} from "../../store/system/systemConfigSlice";
interface Props {
loginData: any | null;
loginData?: any;
configData?: any;
}
const InitPage = (props: Props) => {
@ -12,6 +17,19 @@ const InitPage = (props: Props) => {
dispatch(loginAction(props.loginData));
}
if (props.configData) {
let config: SystemConfigStoreInterface = {
systemName: props.configData["system.name"],
systemLogo: props.configData["system.logo"],
systemApiUrl: props.configData["system.api_url"],
systemPcUrl: props.configData["system.pc_url"],
systemH5Url: props.configData["system.h5_url"],
memberDefaultAvatar: props.configData["member.default_avatar"],
courseDefaultThumbs: props.configData["default.course_thumbs"],
};
dispatch(saveConfigAction(config));
}
return (
<>
<Outlet />

74
src/pages/login/index.tsx
View File

@ -1,7 +1,7 @@
import React, { useState, useEffect } from "react";
import { useState, useEffect } from "react";
import styles from "./index.module.less";
import { Spin, Input, Button, message } from "antd";
import { login, system } from "../../api/index";
import { login as loginApi, system } from "../../api/index";
import { setToken } from "../../utils/index";
import { useDispatch } from "react-redux";
import { useNavigate } from "react-router-dom";
@ -9,6 +9,10 @@ import banner from "../../assets/images/login/banner.png";
import icon from "../../assets/images/login/icon.png";
import "./login.less";
import { loginAction } from "../../store/user/loginUserSlice";
import {
SystemConfigStoreInterface,
saveConfigAction,
} from "../../store/system/systemConfigSlice";
const LoginPage = () => {
const dispatch = useDispatch();
@ -22,6 +26,7 @@ const LoginPage = () => {
const [captchaLoading, setCaptchaLoading] = useState(true);
const fetchImageCaptcha = () => {
setCaptchaVal("");
setCaptchaLoading(true);
system.getImageCaptcha().then((res: any) => {
setImage(res.data.image);
@ -30,7 +35,7 @@ const LoginPage = () => {
});
};
const loginSubmit = (e: any) => {
const loginSubmit = async () => {
if (!email) {
message.error("请输入管理员邮箱账号");
return;
@ -43,43 +48,60 @@ const LoginPage = () => {
message.error("请输入图形验证码");
return;
}
if (loading) {
if (captchaVal.length !== 4) {
message.error("图形验证码错误");
return;
}
handleSubmit();
await handleSubmit();
};
const handleSubmit = () => {
const handleSubmit = async () => {
if (loading) {
return;
}
setLoading(true);
login
.login(email, password, captchaKey, captchaVal)
.then((res: any) => {
const token = res.data.token;
setToken(token);
getUser();
})
.catch((e) => {
setLoading(false);
setCaptchaVal("");
fetchImageCaptcha();
});
try {
let res: any = await loginApi.login(
email,
password,
captchaKey,
captchaVal
);
setToken(res.data.token); //将token写入本地
await getSystemConfig(); //获取系统配置并写入store
await getUser(); //获取登录用户的信息并写入store
navigate("/");
} catch (e) {
message.error("登录出现错误");
console.error("错误信息", e);
setLoading(false);
fetchImageCaptcha(); //刷新图形验证码
}
};
const getUser = () => {
login.getUser().then((res: any) => {
const data = res.data;
dispatch(loginAction(data));
setLoading(false);
navigate("/");
});
const getUser = async () => {
let res: any = await loginApi.getUser();
dispatch(loginAction(res.data));
};
const getSystemConfig = async () => {
let res: any = await system.getSystemConfig();
let data: SystemConfigStoreInterface = {
systemName: res.data["system.name"],
systemLogo: res.data["system.logo"],
systemApiUrl: res.data["system.api_url"],
systemPcUrl: res.data["system.pc_url"],
systemH5Url: res.data["system.h5_url"],
memberDefaultAvatar: res.data["member.default_avatar"],
courseDefaultThumbs: res.data["default.course_thumbs"],
};
dispatch(saveConfigAction(data));
};
const keyUp = (e: any) => {
if (e.keyCode === 13) {
loginSubmit(e);
loginSubmit();
}
};

14
src/pages/member/compenents/create.tsx
View File

@ -1,9 +1,10 @@
import React, { useState, useEffect } from "react";
import { Modal, Form, TreeSelect, Input, message } from "antd";
import styles from "./create.module.less";
import { useSelector } from "react-redux";
import { user, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents";
import { ValidataCredentials, getHost } from "../../../utils/index";
import { ValidataCredentials } from "../../../utils/index";
interface PropInterface {
open: boolean;
@ -20,7 +21,10 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]);
const [avatar, setAvatar] = useState<string>(getHost() + "avatar/avatar.png");
const memberDefaultAvatar = useSelector(
(state: any) => state.systemConfig.value.memberDefaultAvatar
);
const [avatar, setAvatar] = useState<string>(memberDefaultAvatar);
useEffect(() => {
if (open) {
@ -33,11 +37,11 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
email: "",
name: "",
password: "",
avatar: getHost() + "avatar/avatar.png",
avatar: memberDefaultAvatar,
idCard: "",
dep_ids: [],
});
setAvatar(getHost() + "avatar/avatar.png");
setAvatar(memberDefaultAvatar);
}, [form, open]);
const getParams = () => {
@ -129,6 +133,7 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
)}
<div className="d-flex">
<UploadImageButton
text="更换头像"
onSelected={(url) => {
setAvatar(url);
form.setFieldsValue({ avatar: url });
@ -172,6 +177,7 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
treeData={departments}
multiple
allowClear
treeDefaultExpandAll
placeholder="请选择学员所属部门"
/>
</Form.Item>

12
src/pages/member/compenents/update.tsx
View File

@ -1,9 +1,10 @@
import React, { useState, useEffect } from "react";
import { Modal, Form, TreeSelect, Input, message } from "antd";
import styles from "./create.module.less";
import styles from "./update.module.less";
import { useSelector } from "react-redux";
import { user, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents";
import { ValidataCredentials, getHost } from "../../../utils/index";
import { ValidataCredentials } from "../../../utils/index";
interface PropInterface {
id: number;
@ -25,7 +26,10 @@ export const MemberUpdate: React.FC<PropInterface> = ({
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]);
const [avatar, setAvatar] = useState<string>(getHost() + "avatar/avatar.png");
const memberDefaultAvatar = useSelector(
(state: any) => state.systemConfig.value.memberDefaultAvatar
);
const [avatar, setAvatar] = useState<string>(memberDefaultAvatar);
useEffect(() => {
if (id == 0) {
@ -163,6 +167,7 @@ export const MemberUpdate: React.FC<PropInterface> = ({
)}
<div className="d-flex">
<UploadImageButton
text="更换头像"
onSelected={(url) => {
setAvatar(url);
form.setFieldsValue({ avatar: url });
@ -202,6 +207,7 @@ export const MemberUpdate: React.FC<PropInterface> = ({
treeData={departments}
multiple
allowClear
treeDefaultExpandAll
placeholder="请选择学员所属部门"
/>
</Form.Item>

21
src/pages/resource/resource-category/index.tsx
View File

@ -372,15 +372,18 @@ const ResourceCategoryPage = () => {
</div>
<div className="playedu-main-body">
<div style={{ width: 366 }}>
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
blockNode
onDragEnter={onDragEnter}
onDrop={onDrop}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
{treeData.length > 0 && (
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
blockNode
onDragEnter={onDragEnter}
onDrop={onDrop}
defaultExpandAll={true}
switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
/>
)}
</div>
<ResourceCategoryCreate
open={createVisible}

4
src/pages/system/administrator/compenents/update.tsx
View File

@ -30,7 +30,9 @@ export const SystemAdministratorUpdate: React.FC<PropInterface> = ({
if (id === 0) {
return;
}
getDetail();
if (open) {
getDetail();
}
}, [id, open]);
const getParams = () => {

4
src/pages/system/adminroles/compenents/update.tsx
View File

@ -35,7 +35,9 @@ export const SystemAdminrolesUpdate: React.FC<PropInterface> = ({
if (id === undefined) {
return;
}
getDetail();
if (open) {
getDetail();
}
}, [id, open]);
const getParams = () => {

4
src/pages/system/config/index.tsx
View File

@ -198,6 +198,7 @@ const SystemConfigPage = () => {
<Image preview={false} height={40} src={logo} />
<div className="d-flex ml-24">
<UploadImageButton
text="更换Logo"
onSelected={(url) => {
setLogo(url);
form.setFieldsValue({ "system.logo": url });
@ -219,6 +220,7 @@ const SystemConfigPage = () => {
<div className="d-flex">
<div className="d-flex ml-24">
<UploadImageButton
text="更换Logo"
onSelected={(url) => {
setLogo(url);
form.setFieldsValue({ "system.logo": url });
@ -363,6 +365,7 @@ const SystemConfigPage = () => {
/>
<div className="d-flex ml-24">
<UploadImageButton
text="更换封面"
onSelected={(url) => {
setThumb(url);
form.setFieldsValue({ "player.poster": url });
@ -384,6 +387,7 @@ const SystemConfigPage = () => {
<div className="d-flex">
<div className="d-flex">
<UploadImageButton
text="更换封面"
onSelected={(url) => {
setThumb(url);
form.setFieldsValue({ "player.poster": url });

48
src/routes/index.tsx
View File

@ -1,6 +1,6 @@
import { lazy } from "react";
import { RouteObject } from "react-router-dom";
import { login } from "../api";
import { login, system } from "../api";
import InitPage from "../pages/init";
import { getToken } from "../utils";
@ -23,52 +23,34 @@ import DepartmentPage from "../pages/department";
import TestPage from "../pages/test";
import ErrorPage from "../pages/error";
// 异步加载页面
// const LoginPage = lazy(() => import("../pages/login"));
// const HomePage = lazy(() => import("../pages/home"));
// const DashboardPage = lazy(() => import("../pages/dashboard"));
// const ErrorPage = lazy(() => import("../pages/error"));
// const CoursePage = lazy(() => import("../pages/course"));
// const TestPage = lazy(() => import("../pages/test"));
// const MemberPage = lazy(() => import("../pages/member"));
// const MemberImportPage = lazy(() => import("../pages/member/import"));
// const SystemAdministratorPage = lazy(
// () => import("../pages/system/administrator")
// );
// const SystemAdminrolesPage = lazy(() => import("../pages/system/adminroles"));
// const DepartmentPage = lazy(() => import("../pages/department"));
// const ChangePasswordPage = lazy(() => import("../pages/change-password"));
// const ResourceImagesPage = lazy(() => import("../pages/resource/images"));
// const ResourceCategoryPage = lazy(
// () => import("../pages/resource/resource-category")
// );
// const ResourceVideosPage = lazy(() => import("../pages/resource/videos"));
// const SystemConfigPage = lazy(() => import("../pages/system/config"));
let RootPage: any = null;
if (getToken()) {
RootPage = lazy(async () => {
return new Promise<any>((resolve) => {
let userLoginToken = getToken();
if (!userLoginToken) {
return new Promise<any>(async (resolve) => {
try {
let configRes: any = await system.getSystemConfig();
let userRes: any = await login.getUser();
resolve({
default: InitPage,
default: (
<InitPage configData={configRes.data} loginData={userRes.data} />
),
});
} catch (e) {
console.error("系统初始化失败", e);
resolve({
default: <ErrorPage />,
});
return;
}
login.getUser().then((res: any) => {
resolve({
default: <InitPage loginData={res.data} />,
});
});
// todo token过期处理
});
});
} else {
if (window.location.pathname !== "/login") {
window.location.href = "/login";
}
RootPage = <InitPage loginData={null} />;
RootPage = <InitPage />;
}
const routes: RouteObject[] = [

22
src/store/system/systemConfigSlice.ts
View File

@ -1,25 +1,19 @@
import { createSlice } from "@reduxjs/toolkit";
type SystemConfigStoreInterface = {
systemApiUrl: string;
systemPcUrl: string;
systemH5Url: string;
systemLogo: string;
systemName: string;
};
let defaultValue: SystemConfigStoreInterface = {
systemApiUrl: "",
systemPcUrl: "",
systemH5Url: "",
systemLogo: "",
systemName: "",
systemApiUrl?: string;
systemPcUrl?: string;
systemH5Url?: string;
systemLogo?: string;
systemName?: string;
memberDefaultAvatar?: string;
courseDefaultThumbs?: string[];
};
const systemConfigSlice = createSlice({
name: "systemConfig",
initialState: {
value: defaultValue,
value: {},
},
reducers: {
saveConfigAction(stage, e) {