后台增加学员默认头像配置

This commit is contained in:
禺狨 2023-04-17 11:03:11 +08:00
parent a475e693dc
commit 9dadb9818d

View File

@ -23,6 +23,7 @@ const SystemConfigPage = () => {
const [loading, setLoading] = useState<boolean>(false);
const [logo, setLogo] = useState<string>("");
const [thumb, setThumb] = useState<string>("");
const [avatar, setAvatar] = useState<string>("");
const [tabKey, setTabKey] = useState(1);
const [nameChecked, setNameChecked] = useState(false);
const [emailChecked, setEmailChecked] = useState(false);
@ -103,6 +104,11 @@ const SystemConfigPage = () => {
form.setFieldsValue({
"system.pc_index_footer_msg": configData[i].key_value,
});
} else if (configData[i].key_name === "member.default_avatar") {
setAvatar(configData[i].key_value);
form.setFieldsValue({
"member.default_avatar": configData[i].key_value,
});
}
}
});
@ -411,6 +417,79 @@ const SystemConfigPage = () => {
</Form>
),
},
{
key: "3",
label: `学员设置`,
children: (
<Form
form={form}
name="m-basic"
labelCol={{ span: 3 }}
wrapperCol={{ span: 21 }}
style={{ width: 1000, paddingTop: 30 }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
{avatar && (
<Form.Item
style={{ marginBottom: 30 }}
label="学员默认头像"
name="member.default_avatar"
labelCol={{ style: { marginTop: 14, marginLeft: 42 } }}
>
<div className="d-flex">
<Image
preview={false}
width={60}
height={60}
src={avatar}
style={{ borderRadius: "50%" }}
/>
<div className="d-flex ml-24">
<UploadImageButton
text="更换头像"
onSelected={(url) => {
setAvatar(url);
form.setFieldsValue({ "member.default_avatar": url });
}}
></UploadImageButton>
<div className="helper-text ml-24"></div>
</div>
</div>
</Form.Item>
)}
{!avatar && (
<Form.Item
style={{ marginBottom: 30 }}
label="学员默认头像"
name="member.default_avatar"
>
<div className="d-flex">
<div className="d-flex">
<UploadImageButton
text="更换头像"
onSelected={(url) => {
setAvatar(url);
form.setFieldsValue({ "member.default_avatar": url });
}}
></UploadImageButton>
<div className="helper-text ml-24"></div>
</div>
</div>
</Form.Item>
)}
<Form.Item
style={{ marginBottom: 30 }}
wrapperCol={{ offset: 3, span: 21 }}
>
<Button type="primary" htmlType="submit" loading={loading}>
</Button>
</Form.Item>
</Form>
),
},
];
const onChange = (key: string) => {