#移库任务

zjj

2025-02-17 a4093814b51bba7eae9530cfa076f6242df3f5f8

 zy-asrs-flow/src/pages/account/setting/components/base.jsx

@@ -2,18 +2,42 @@
  ProForm,
  ProFormText,
  ProFormTextArea,
  ProFormSelect,
  ProFormDigit
} from '@ant-design/pro-components';
import { Button, Input, message, Upload } from 'antd';
import { Button, Input, message, Upload, Form } from 'antd';
import { FormattedMessage, useIntl } from '@umijs/max';
import React from 'react';
import useStyles from './index.style';
import Http from '@/utils/http';

import defaultAvat from '/public/img/defaultAva.png'
import defaultAvat from '/public/img/defaultAva.jpg'

const handleUpdate = async (val, intl) => {
  const hide = message.loading(intl.formatMessage({ id: 'page.updating', defaultMessage: '正在更新' }));
  try {
    const resp = await Http.doPost('api/user/update', val);
    if (resp.code === 200) {
      message.success(intl.formatMessage({ id: 'page.update.success', defaultMessage: '更新成功' }));
      return true;
    } else {
      message.error(resp.msg);
      return false;
    }
  } catch (error) {
    message.error(intl.formatMessage({ id: 'page.update.fail', defaultMessage: '更新失败请重试！' }));
    return false;
  } finally {
    hide();
  }
};

const BaseView = () => {
  const intl = useIntl();
  const { styles } = useStyles();
  const [loading, setLoading] = React.useState(false);
  const [currentUser, setCurrentUser] = React.useState({});
  const [form] = Form.useForm();

  const AvatarView = ({ avatar }) => (
    <>
@@ -47,21 +71,17 @@
    queryCurrent();
  }, []);

  console.log(1);
  
  const getAvatarURL = () => {
    if (currentUser) {
      if (currentUser.avatar) {
        return currentUser.avatar;
      }
      const url = { defaultAvat };
      return url;
    }
    return defaultAvat;
  };

  const handleFinish = async () => {
    message.success('更新基本信息成功');
  const handleFinish = async (values) => {
    handleUpdate(values, intl);
  };

  return (
@@ -70,62 +90,103 @@
        <>
          <div className={styles.left}>
            <ProForm
              form={form}
              layout="vertical"
              onFinish={handleFinish}
              submitter={{
                searchConfig: {
                  submitText: '更新基本信息',
                  submitText: intl.formatMessage({ id: 'personal.base.button.name', defaultMessage: '更新基本信息' }),
                },
                render: (_, dom) => dom[1],
              }}
              initialValues={{
                ...currentUser,
                // phone: currentUser?.phone.split('-'),
              }}
              hideRequiredMark
            >
              <ProFormDigit
                name="id"
                disabled
                hidden={true}
              />
              <ProFormText
                width="md"
                name="email"
                label="邮箱"
                name="username"
                label={intl.formatMessage({ id: 'common.username', defaultMessage: "账号" })}
                disabled
                rules={[
                  {
                    required: true,
                    message: '请输入您的邮箱!',
                  },
                ]}
              />
              <ProFormText
                width="md"
                name="name"
                label="昵称"
                name="nickname"
                label={intl.formatMessage({ id: 'common.nickname', defaultMessage: "名称" })}
                rules={[
                  {
                    required: true,
                    message: '请输入您的昵称!',
                  },
                ]}
              />
              <ProFormSelect
                width="md"
                name="sex"
                label={intl.formatMessage({ id: 'common.sex', defaultMessage: "性别" })}
                colProps={{ md: 12, xl: 12 }}
                options={[
                  { label: intl.formatMessage({ id: 'common.undefined', defaultMessage: "未知" }), value: 0 },
                  { label: intl.formatMessage({ id: 'common.male', defaultMessage: '男' }), value: 1 },
                  { label: intl.formatMessage({ id: 'common.female', defaultMessage: '女' }), value: 2 },
                ]}
              />
              <ProFormText
                width="md"
                name="phone"
                label={intl.formatMessage({ id: 'common.phone', defaultMessage: "手机号" })}
                rules={[
                  {
                    required: false,
                  },
                ]}
              />
              <ProFormText
                width="md"
                name="email"
                label={intl.formatMessage({ id: 'common.email', defaultMessage: "邮箱" })}
                rules={[
                  {
                    required: false,
                  },
                ]}
              />
              <ProFormText
                width="md"
                name="realName"
                label={intl.formatMessage({ id: 'common.realname', defaultMessage: "真实姓名" })}
                rules={[
                  {
                    required: false,
                  },
                ]}
              />
              <ProFormText
                width="md"
                name="idCard"
                label={intl.formatMessage({ id: 'common.idcard', defaultMessage: "身份证号" })}
                rules={[
                  {
                    required: false,
                  },
                ]}
              />
              <ProFormTextArea
                name="profile"
                label="个人简介"
                name="introduction"
                label={intl.formatMessage({ id: 'common.introduction', defaultMessage: "个人简介" })}
                rules={[
                  {
                    required: true,
                    message: '请输入个人简介!',
                  },
                ]}
                placeholder="个人简介"
              />

              <ProFormText
                width="md"
                name="address"
                label="地址"
                rules={[
                  {
                    required: true,
                    message: '请输入您的地址!',
                    required: false,
                  },
                ]}
              />