save1

package.json

@@ -1,6 +1,6 @@
 {
  "name": "moneynote-pc",
- "version": "1.0.88",
+ "version": "1.0.89",
  "private": true,
  "scripts": {
  "analyze": "cross-env ANALYZE=1 max build",

src/locales/en-US/common.ts

@@ -1,4 +1,5 @@
 export default {
+ 'action.title': '{action} {title}',
  'operation': 'Actions',
  'add': 'New ',
  'update': 'Update ',

src/locales/zh-CN/common.ts

@@ -1,4 +1,5 @@
 export default {
+ 'action.title': '{action}{title}',
  'operation': '操作',
  'add': '新增',
  'update': '修改',

src/pages/Account/DataTable.jsx

@@ -18,6 +18,7 @@ import TrashButton from '@/components/TrashButton';
 import {selectSingleProp, tableProp} from '@/utils/prop';
 import { tableSortFormat } from '@/utils/util';
 import ActionForm from './ActionForm';
+import NotesForm from './NotesForm';
 import AdjustForm from './AdjustForm';
 import t from '@/utils/i18n';
 
@@ -49,6 +50,10 @@ export default ({ type, actionRef }) => {
  show(<ActionForm type={type} actionRef={actionRef} />, 2, record);
  };
 
+ const notesUpdateHandler = (record) => {
+ show(<NotesForm actionRef={actionRef} />, 2, record);
+ };
+
  const adjustHandler = (record) => {
  show(<AdjustForm actionRef={actionRef} />, 1, record);
  };
@@ -174,6 +179,9 @@ export default ({ type, actionRef }) => {
  <Button type="link" onClick={() => adjustHandler(record)}>
  {t('adjust.balance')}
  </Button>,
+ <Button type="link" onClick={() => notesUpdateHandler(record)}>
+ {t('label.notes')}
+ </Button>,
  ],
  },
  {

src/pages/Account/NotesForm.jsx

@@ -0,0 +1,47 @@
+import {useEffect, useState} from "react";
+import {useModel} from "@umijs/max";
+import { ProFormTextArea } from '@ant-design/pro-components';
+import MyModalForm from '@/components/MyModalForm';
+import { updateNotes } from '@/services/account';
+import t from '@/utils/i18n';
+
+export default ({ actionRef }) => {
+
+ const { currentRow } = useModel('modal');
+
+ const [initialValues, setInitialValues] = useState({});
+ useEffect(() => {
+ setInitialValues({
+ notes: currentRow.notes
+ });
+ }, [currentRow]);
+
+ const successHandler = () => {
+ actionRef.current?.reload();
+ }
+
+ const requestHandler = async (values) => {
+ await updateNotes(currentRow.id, values.notes)
+ }
+
+ return (
+ <>
+ <MyModalForm
+ title={ t('action.title', {'action': t('update'), 'title': t('label.notes')} ) }
+ width={700}
+ labelWidth={85}
+ request={requestHandler}
+ onSuccess={successHandler}
+ initialValues={initialValues}
+ >
+ <ProFormTextArea
+ name="notes"
+ label={t('label.notes')}
+ fieldProps={{
+ autoSize: { minRows: 20 }
+ }}
+ />
+ </MyModalForm>
+ </>
+ );
+}

src/services/account.js

@@ -63,3 +63,11 @@ export async function overview() {
  method: 'GET',
  });
 }
+
+export async function updateNotes(id, notes) {
+ return request(`${prefix}/${id}/updateNotes`, {
+ method: 'PUT',
+ data: {"notes": notes},
+ });
+
+}