mirror of
https://github.com/PlayEdu/backend
synced 2025-06-18 18:06:59 +08:00
优化代码
This commit is contained in:
parent
f84f192d4b
commit
aa3115dca0
@ -1,6 +1,6 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import styles from "./index.module.less";
|
import styles from "./index.module.less";
|
||||||
import { Row, Col, message } from "antd";
|
import { Row, Col } from "antd";
|
||||||
import { Link, useNavigate } from "react-router-dom";
|
import { Link, useNavigate } from "react-router-dom";
|
||||||
import banner from "../../assets/images/dashboard/img-a1.png";
|
import banner from "../../assets/images/dashboard/img-a1.png";
|
||||||
import icon from "../../assets/images/dashboard/icon-more.png";
|
import icon from "../../assets/images/dashboard/icon-more.png";
|
||||||
@ -15,9 +15,6 @@ export const Dashboard: React.FC<any> = () => {
|
|||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [basicData, setBasicData] = useState<any>([]);
|
const [basicData, setBasicData] = useState<any>([]);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
getData();
|
|
||||||
}, []);
|
|
||||||
const getData = () => {
|
const getData = () => {
|
||||||
dashboard.dashboardList().then((res: any) => {
|
dashboard.dashboardList().then((res: any) => {
|
||||||
setBasicData(res.data);
|
setBasicData(res.data);
|
||||||
@ -31,6 +28,10 @@ export const Dashboard: React.FC<any> = () => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
const renderPieView = (params: any) => {
|
const renderPieView = (params: any) => {
|
||||||
let num = params.videos_count + params.images_count;
|
let num = params.videos_count + params.images_count;
|
||||||
let data = [
|
let data = [
|
||||||
@ -110,7 +111,7 @@ export const Dashboard: React.FC<any> = () => {
|
|||||||
normal: {
|
normal: {
|
||||||
show: true,
|
show: true,
|
||||||
color: "#4c4a4a",
|
color: "#4c4a4a",
|
||||||
formatter: "{active|{c}}" + "\n\r" + "{total| {b} }",
|
formatter: "{active|{c}}\n\r{total| {b} }",
|
||||||
rich: {
|
rich: {
|
||||||
total: {
|
total: {
|
||||||
fontSize: 15,
|
fontSize: 15,
|
||||||
@ -142,15 +143,13 @@ export const Dashboard: React.FC<any> = () => {
|
|||||||
{Math.abs(num)}
|
{Math.abs(num)}
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
} else {
|
|
||||||
return (
|
|
||||||
<span className="c-red">
|
|
||||||
<i className={styles["up"]}>▲</i>
|
|
||||||
{Math.abs(num)}
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
return 0;
|
return (
|
||||||
|
<span className="c-red">
|
||||||
|
<i className={styles["up"]}>▲</i>
|
||||||
|
{Math.abs(num)}
|
||||||
|
</span>
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -10,11 +10,11 @@ import {
|
|||||||
Image,
|
Image,
|
||||||
} from "antd";
|
} from "antd";
|
||||||
import type { ColumnsType } from "antd/es/table";
|
import type { ColumnsType } from "antd/es/table";
|
||||||
import styles from "./index.module.less";
|
// import styles from "./index.module.less";
|
||||||
import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
|
import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons";
|
||||||
import { user } from "../../api/index";
|
import { user } from "../../api/index";
|
||||||
import { dateFormat } from "../../utils/index";
|
import { dateFormat } from "../../utils/index";
|
||||||
import { Link, useNavigate } from "react-router-dom";
|
import { Link } from "react-router-dom";
|
||||||
import { TreeDepartment, PerButton } from "../../compenents";
|
import { TreeDepartment, PerButton } from "../../compenents";
|
||||||
import { MemberCreate } from "./compenents/create";
|
import { MemberCreate } from "./compenents/create";
|
||||||
import { MemberUpdate } from "./compenents/update";
|
import { MemberUpdate } from "./compenents/update";
|
||||||
@ -31,7 +31,6 @@ interface DataType {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const MemberPage: React.FC = () => {
|
export const MemberPage: React.FC = () => {
|
||||||
const navigate = useNavigate();
|
|
||||||
const [loading, setLoading] = useState<boolean>(true);
|
const [loading, setLoading] = useState<boolean>(true);
|
||||||
const [page, setPage] = useState(1);
|
const [page, setPage] = useState(1);
|
||||||
const [size, setSize] = useState(10);
|
const [size, setSize] = useState(10);
|
||||||
|
@ -1,7 +1,6 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import {
|
import {
|
||||||
Row,
|
Row,
|
||||||
Col,
|
|
||||||
Form,
|
Form,
|
||||||
Input,
|
Input,
|
||||||
Image,
|
Image,
|
||||||
@ -11,15 +10,13 @@ import {
|
|||||||
Switch,
|
Switch,
|
||||||
Checkbox,
|
Checkbox,
|
||||||
} from "antd";
|
} from "antd";
|
||||||
import styles from "./index.module.less";
|
|
||||||
import { appConfig } from "../../api/index";
|
import { appConfig } from "../../api/index";
|
||||||
import { useParams, useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import { UploadImageButton } from "../../compenents";
|
import { UploadImageButton } from "../../compenents";
|
||||||
import type { TabsProps } from "antd";
|
import type { TabsProps } from "antd";
|
||||||
// import { Colorpicker } from "antd-colorpicker";
|
// import { Colorpicker } from "antd-colorpicker";
|
||||||
|
|
||||||
export const SystemIndexPage: React.FC = () => {
|
export const SystemIndexPage: React.FC = () => {
|
||||||
const params = useParams();
|
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
const [loading, setLoading] = useState<boolean>(false);
|
const [loading, setLoading] = useState<boolean>(false);
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import { assert } from "console";
|
|
||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import { VideoParseInfo } from "../types";
|
import { VideoParseInfo } from "../types";
|
||||||
|
|
||||||
@ -31,7 +30,7 @@ export function timeFormat(dateStr: number) {
|
|||||||
"秒";
|
"秒";
|
||||||
|
|
||||||
if (Math.floor(d.asDays()) === 0) {
|
if (Math.floor(d.asDays()) === 0) {
|
||||||
if (d.hours() == 0) {
|
if (d.hours() === 0) {
|
||||||
value = d.minutes() + "分" + d.seconds() + "秒";
|
value = d.minutes() + "分" + d.seconds() + "秒";
|
||||||
} else {
|
} else {
|
||||||
value = d.hours() + "时" + d.minutes() + "分" + d.seconds() + "秒";
|
value = d.hours() + "时" + d.minutes() + "分" + d.seconds() + "秒";
|
||||||
|
Loading…
x
Reference in New Issue
Block a user