From 9dadb9818ddb72ad5bc6e97aef8ded10c13cd555 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Mon, 17 Apr 2023 11:03:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E5=A2=9E=E5=8A=A0=E5=AD=A6?=
 =?UTF-8?q?=E5=91=98=E9=BB=98=E8=AE=A4=E5=A4=B4=E5=83=8F=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/system/config/index.tsx | 79 +++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)

diff --git a/src/pages/system/config/index.tsx b/src/pages/system/config/index.tsx
index 3c4447d..69d4568 100644
--- a/src/pages/system/config/index.tsx
+++ b/src/pages/system/config/index.tsx
@@ -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) => {