From 0a98ea71ac4a3d61bc3fd3f81aed75ff82e2a786 Mon Sep 17 00:00:00 2001
From: Dawn_Ocean <1785590531@qq.com>
Date: Thu, 7 Mar 2024 14:49:54 +0800
Subject: [PATCH] add partial localization for inform page

---
 src/pages/user/inform/inform.tsx | 15 ++++++++-------
 src/plain-text/InformPage.ts     | 29 +++++++++++++++++++++++++++++
 src/plain-text/index.ts          |  4 ++++
 3 files changed, 41 insertions(+), 7 deletions(-)
 create mode 100644 src/plain-text/InformPage.ts

diff --git a/src/pages/user/inform/inform.tsx b/src/pages/user/inform/inform.tsx
index 12c6244..12476f2 100644
--- a/src/pages/user/inform/inform.tsx
+++ b/src/pages/user/inform/inform.tsx
@@ -2,6 +2,7 @@ import { Component, ReactNode } from 'react';
 import { AtForm, AtInput, AtButton, AtMessage } from 'taro-ui';
 import './inform.scss';
 import Taro from '@tarojs/taro';
+import pt from '@/plain-text';
 
 export default class InformPage extends Component {
   state = {
@@ -32,7 +33,7 @@ export default class InformPage extends Component {
       isLoading: false,
     });
     Taro.atMessage({
-      message: '提交成功',
+      message: pt.get().informPage.submitSuccessText,
       type: 'success',
     });
     setTimeout(() => {
@@ -57,18 +58,18 @@ export default class InformPage extends Component {
         <AtMessage />
         <AtInput
           name='phone'
-          title='手机号码'
+          title={pt.get().informPage.phoneTitleText}
           type='text'
-          placeholder='便于查询工单'
+          placeholder={pt.get().informPage.phonePlaceholderText}
           value={this.state.phone}
           onChange={this.handleChangePhone.bind(this)}
         />
         <AtInput
           required
           name='name'
-          title='真实姓名'
+          title={pt.get().informPage.nameTitleText}
           type='text'
-          placeholder='必填，与工单绑定'
+          placeholder={pt.get().informPage.namePlaceholderText}
           value={this.state.name}
           onChange={this.handleChangeName.bind(this)}
         />
@@ -78,10 +79,10 @@ export default class InformPage extends Component {
           type='primary'
           disabled={this.state.isDisable}
         >
-          提交
+          {pt.get().informPage.submitText}
         </AtButton>
         <AtButton formType='reset' type='secondary'>
-          清空
+          {pt.get().informPage.resetText}
         </AtButton>
       </AtForm>
     );
diff --git a/src/plain-text/InformPage.ts b/src/plain-text/InformPage.ts
new file mode 100644
index 0000000..02e6958
--- /dev/null
+++ b/src/plain-text/InformPage.ts
@@ -0,0 +1,29 @@
+export interface InformPageText {
+  submitSuccessText: string;
+  phoneTitleText: string;
+  phonePlaceholderText: string;
+  nameTitleText: string;
+  namePlaceholderText: string;
+  submitText: string;
+  resetText: string;
+}
+
+export const informPageZhCn: InformPageText = {
+  submitSuccessText: '提交成功',
+  phoneTitleText: '手机号码',
+  phonePlaceholderText: '便于查询工单',
+  nameTitleText: '真实姓名',
+  namePlaceholderText: '必填，与工单绑定',
+  submitText: '提交',
+  resetText: '清空',
+};
+
+export const informtPageEnUs: InformPageText = {
+  submitSuccessText: 'Success',
+  phoneTitleText: 'Phone',
+  phonePlaceholderText: '便于查询工单',
+  nameTitleText: 'Real Name',
+  namePlaceholderText: '必填，与工单绑定',
+  submitText: 'Submit',
+  resetText: 'Reset',
+};
diff --git a/src/plain-text/index.ts b/src/plain-text/index.ts
index 371c0f2..fb0d3b3 100644
--- a/src/plain-text/index.ts
+++ b/src/plain-text/index.ts
@@ -8,6 +8,7 @@ import {
   settingsPageZhCn,
 } from './SettingsPage';
 import { ReportPageText, reportPageEnUs, reportPageZhCn } from './ReportPage';
+import { InformPageText, informPageZhCn, informtPageEnUs } from './InformPage';
 
 interface TextRecord {
   pageFooter: PageFooterText;
@@ -16,6 +17,7 @@ interface TextRecord {
   tabBar: TabBarText;
   settingsPage: SettingsPageText;
   reportPage: ReportPageText;
+  informPage: InformPageText;
 }
 
 const textZhCn: TextRecord = {
@@ -25,6 +27,7 @@ const textZhCn: TextRecord = {
   tabBar: tabBarZhCn,
   settingsPage: settingsPageZhCn,
   reportPage: reportPageZhCn,
+  informPage: informPageZhCn,
 };
 
 const textEnUs: TextRecord = {
@@ -34,6 +37,7 @@ const textEnUs: TextRecord = {
   tabBar: tabBarEnUs,
   settingsPage: settingsPageEnUs,
   reportPage: reportPageEnUs,
+  informPage: informtPageEnUs,
 };
 
 // type Lang = 'zh_CN' | 'en_US' | ...;