save

package.json

@@ -1,6 +1,6 @@
 {
   "name": "moneywhere-user-fe",
-  "version": "1.0.58",
+  "version": "1.0.59",
   "private": true,
   "scripts": {
     "analyze": "cross-env ANALYZE=1 max build",

src/locales/en-US/user.ts

@@ -12,4 +12,5 @@ export default {
   'register.account': 'Register',
   'has.account.login': 'Has account, Login',
   'wechat.login': 'Wechat Login',
+  'register.template': 'Book Template',
 };

src/locales/zh-CN/user.ts

@@ -13,4 +13,5 @@ export default {
   'has.account.login': '已有账户，登录',
   'register.success': '注册成功！',
   'wechat.login': '微信扫码登录',
+  'register.template': '账本模板',
 };

src/pages/User/Register/index.jsx

@@ -1,18 +1,38 @@
+import {useEffect, useRef, useState} from "react";
 import { LockOutlined, UserOutlined, VerifiedOutlined } from '@ant-design/icons';
-import { LoginForm, ProFormText } from '@ant-design/pro-components';
-import { SelectLang } from '@umijs/max';
-import { register } from '@/services/user';
+import { LoginForm, ProFormText, ProFormSelect } from '@ant-design/pro-components';
+import {SelectLang, useRequest, getLocale} from '@umijs/max';
+import {register} from '@/services/user';
+import { allBookTemplates } from "@/services/book";
 import { requiredRules } from '@/utils/rules';
 import Footer from '@/components/Footer';
+import {selectSingleProp} from "@/utils/prop";
 import t from '@/utils/i18n';
 import styles from '../index.less';
 
+
 export default () => {
 
+  const formRef = useRef();
+
   const handleSubmit = async (values) => {
-    await register({ ...values });
+    let form = JSON.parse(JSON.stringify(values));
+    form.templateId = form.templateId?.id;
+    await register(form);
   };
 
+  const { data : bookTemplates = [], loading : bookTemplatesLoading} = useRequest(() => allBookTemplates(getLocale()), { manual: false });
+
+  const [defaultTemplate, setDefaultTemplate] = useState();
+
+  useEffect(() => {
+    formRef.current?.setFieldsValue({
+      templateId: bookTemplates[0]
+    });
+  }, [bookTemplates]);
+
+
+
   return (
     <div className={styles.container}>
       <div className={styles.lang}>
@@ -31,9 +51,11 @@ export default () => {
               submitText: t('register.account'),
             },
           }}
+          formRef={formRef}
         >
           <ProFormText
             name="username"
+            label={t('username.placeholder')}
             fieldProps={{
               size: 'large',
               autoComplete: 'off',
@@ -44,6 +66,7 @@ export default () => {
           />
           <ProFormText.Password
             name="password"
+            label={t('password.placeholder')}
             fieldProps={{
               size: 'large',
               autoComplete: 'new-password',
@@ -54,13 +77,25 @@ export default () => {
           />
           <ProFormText
             name="inviteCode"
+            label={t('invite.code.placeholder')}
             fieldProps={{
               size: 'large',
               prefix: <VerifiedOutlined className={styles.prefixIcon} />,
             }}
             rules={requiredRules()}
             placeholder={t('invite.code.placeholder')}
           />
+          <ProFormSelect
+            name="templateId"
+            label={t('register.template')}
+            fieldProps={{
+              ...selectSingleProp,
+              allowClear: false,
+              loading: bookTemplatesLoading,
+              options: bookTemplates,
+            }}
+            rules={requiredRules()}
+          />
         </LoginForm>
         <div style={{ textAlign: 'center' }}>
           <a href="/user/login">{t('has.account.login')}</a>

src/services/book.js

@@ -31,3 +31,19 @@ export async function queryBookTemplates(lang) {
     },
   });
 }
+
+export async function allBookTemplates(lang) {
+  return request('book-templates/all', {
+    method: 'GET',
+    params: {
+      lang: lang
+    },
+  });
+}
+
+
+
+
+
+
+