引入默认头像、封面

This commit is contained in:
禺狨 2023-04-13 10:12:13 +08:00
parent 060d686cee
commit 9b4e53176c
4 changed files with 29 additions and 15 deletions

View File

@ -12,10 +12,10 @@ import {
TreeSelect, TreeSelect,
} from "antd"; } from "antd";
import styles from "./create.module.less"; import styles from "./create.module.less";
import { useSelector } from "react-redux";
import { course, department } from "../../../api/index"; import { course, department } from "../../../api/index";
import { UploadImageButton, SelectResource } from "../../../compenents"; import { UploadImageButton, SelectResource } from "../../../compenents";
import { ExclamationCircleFilled } from "@ant-design/icons"; import { ExclamationCircleFilled } from "@ant-design/icons";
import { getHost } from "../../../utils/index";
import { TreeHours } from "./hours"; import { TreeHours } from "./hours";
const { confirm } = Modal; const { confirm } = Modal;
@ -40,9 +40,12 @@ export const CourseCreate: React.FC<PropInterface> = ({
onCancel, onCancel,
}) => { }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const defaultThumb1 = getHost() + "thumb/thumb1.png"; const courseDefaultThumbs = useSelector(
const defaultThumb2 = getHost() + "thumb/thumb2.png"; (state: any) => state.systemConfig.value.courseDefaultThumbs
const defaultThumb3 = getHost() + "thumb/thumb3.png"; );
const defaultThumb1 = courseDefaultThumbs[0];
const defaultThumb2 = courseDefaultThumbs[1];
const defaultThumb3 = courseDefaultThumbs[2];
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]); const [departments, setDepartments] = useState<any>([]);
const [categories, setCategories] = useState<any>([]); const [categories, setCategories] = useState<any>([]);

View File

@ -12,9 +12,9 @@ import {
Image, Image,
} from "antd"; } from "antd";
import styles from "./update.module.less"; import styles from "./update.module.less";
import { useSelector } from "react-redux";
import { course, department } from "../../../api/index"; import { course, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents"; import { UploadImageButton } from "../../../compenents";
import { getHost } from "../../../utils/index";
const { confirm } = Modal; const { confirm } = Modal;
@ -36,9 +36,12 @@ export const CourseUpdate: React.FC<PropInterface> = ({
onCancel, onCancel,
}) => { }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const defaultThumb1 = getHost() + "thumb/thumb1.png"; const courseDefaultThumbs = useSelector(
const defaultThumb2 = getHost() + "thumb/thumb2.png"; (state: any) => state.systemConfig.value.courseDefaultThumbs
const defaultThumb3 = getHost() + "thumb/thumb3.png"; );
const defaultThumb1 = courseDefaultThumbs[0];
const defaultThumb2 = courseDefaultThumbs[1];
const defaultThumb3 = courseDefaultThumbs[2];
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]); const [departments, setDepartments] = useState<any>([]);
const [categories, setCategories] = useState<any>([]); const [categories, setCategories] = useState<any>([]);

View File

@ -1,9 +1,10 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Modal, Form, TreeSelect, Input, message } from "antd"; import { Modal, Form, TreeSelect, Input, message } from "antd";
import styles from "./create.module.less"; import styles from "./create.module.less";
import { useSelector } from "react-redux";
import { user, department } from "../../../api/index"; import { user, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents"; import { UploadImageButton } from "../../../compenents";
import { ValidataCredentials, getHost } from "../../../utils/index"; import { ValidataCredentials } from "../../../utils/index";
interface PropInterface { interface PropInterface {
open: boolean; open: boolean;
@ -20,7 +21,10 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]); 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(() => { useEffect(() => {
if (open) { if (open) {
@ -33,11 +37,11 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
email: "", email: "",
name: "", name: "",
password: "", password: "",
avatar: getHost() + "avatar/avatar.png", avatar: memberDefaultAvatar,
idCard: "", idCard: "",
dep_ids: [], dep_ids: [],
}); });
setAvatar(getHost() + "avatar/avatar.png"); setAvatar(memberDefaultAvatar);
}, [form, open]); }, [form, open]);
const getParams = () => { const getParams = () => {

View File

@ -1,9 +1,10 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Modal, Form, TreeSelect, Input, message } from "antd"; 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 { user, department } from "../../../api/index";
import { UploadImageButton } from "../../../compenents"; import { UploadImageButton } from "../../../compenents";
import { ValidataCredentials, getHost } from "../../../utils/index"; import { ValidataCredentials } from "../../../utils/index";
interface PropInterface { interface PropInterface {
id: number; id: number;
@ -25,7 +26,10 @@ export const MemberUpdate: React.FC<PropInterface> = ({
const [form] = Form.useForm(); const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
const [departments, setDepartments] = useState<any>([]); 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(() => { useEffect(() => {
if (id == 0) { if (id == 0) {