add partial localization for inform page

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>
     );

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',
+};

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' | ...;