prettier all code

@@ -18,11 +18,7 @@ const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.description':
   'app.forms.basic.description':
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
-   
+
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.userName.required': 'Por favor insira nome de usuário!',
   'validation.userName.required': 'Por favor insira nome de usuário!',

@@ -20,7 +20,7 @@ export default {
   'validation.date.required': '请选择起止日期',
   'validation.date.required': '请选择起止日期',
   'validation.goal.required': '请输入目标描述',
   'validation.goal.required': '请输入目标描述',
   'validation.standard.required': '请输入衡量标准',
   'validation.standard.required': '请输入衡量标准',
-  
+
   'form.get-captcha': '获取验证码',
   'form.get-captcha': '获取验证码',
   'form.captcha.second': '秒',
   'form.captcha.second': '秒',
   'form.optional': '（选填）',
   'form.optional': '（选填）',

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.description':
   'app.forms.basic.description':
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
-    
+
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.userName.required': '請輸入賬戶!',
   'validation.userName.required': '請輸入賬戶!',

@@ -5,8 +5,7 @@ import { fakeSubmitForm } from './service';
 export default {
 export default {
   namespace: 'form',
   namespace: 'form',
 
 
-  state: {
-  },
+  state: {},
 
 
   effects: {
   effects: {
     *submitAdvancedForm({ payload }, { call }) {
     *submitAdvancedForm({ payload }, { call }) {

@@ -26,11 +26,7 @@ const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...r
         />
         />
       )}
       )}
     </MenuContext.Consumer>
     </MenuContext.Consumer>
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -22,7 +22,6 @@ import { DescriptionList } from 'ant-design-pro';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
 import PageHeaderWrapper from './components/PageHeaderWrapper';
 import styles from './style.less';
 import styles from './style.less';
 
 
-
 const { Step } = Steps;
 const { Step } = Steps;
 const { Description } = DescriptionList;
 const { Description } = DescriptionList;
 const ButtonGroup = Button.Group;
 const ButtonGroup = Button.Group;

@@ -63,7 +63,7 @@ const cachedSave = (response, hashcode) => {
  * @param  {object} [option] The options we want to pass to "fetch"
  * @param  {object} [option] The options we want to pass to "fetch"
  * @return {object}           An object containing either "data" or "err"
  * @return {object}           An object containing either "data" or "err"
  */
  */
-export default function (url, option) {
+export default function(url, option) {
   const options = {
   const options = {
     expirys: isAntdPro(),
     expirys: isAntdPro(),
     ...option,
     ...option,

@@ -18,11 +18,7 @@ const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.description':
   'app.forms.basic.description':
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
-   
+
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.userName.required': 'Por favor insira nome de usuário!',
   'validation.userName.required': 'Por favor insira nome de usuário!',

@@ -20,7 +20,7 @@ export default {
   'validation.date.required': '请选择起止日期',
   'validation.date.required': '请选择起止日期',
   'validation.goal.required': '请输入目标描述',
   'validation.goal.required': '请输入目标描述',
   'validation.standard.required': '请输入衡量标准',
   'validation.standard.required': '请输入衡量标准',
-  
+
   'form.get-captcha': '获取验证码',
   'form.get-captcha': '获取验证码',
   'form.captcha.second': '秒',
   'form.captcha.second': '秒',
   'form.optional': '（选填）',
   'form.optional': '（选填）',

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.description':
   'app.forms.basic.description':
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
-    
+
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.userName.required': '請輸入賬戶!',
   'validation.userName.required': '請輸入賬戶!',

@@ -5,8 +5,7 @@ import { fakeSubmitForm } from './service';
 export default {
 export default {
   namespace: 'form',
   namespace: 'form',
 
 
-  state: {
-  },
+  state: {},
 
 
   effects: {
   effects: {
     *submitRegularForm({ payload }, { call }) {
     *submitRegularForm({ payload }, { call }) {

@@ -26,11 +26,7 @@ const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...r
         />
         />
       )}
       )}
     </MenuContext.Consumer>
     </MenuContext.Consumer>
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -63,7 +63,7 @@ const cachedSave = (response, hashcode) => {
  * @param  {object} [option] The options we want to pass to "fetch"
  * @param  {object} [option] The options we want to pass to "fetch"
  * @return {object}           An object containing either "data" or "err"
  * @return {object}           An object containing either "data" or "err"
  */
  */
-export default function (url, option) {
+export default function(url, option) {
   const options = {
   const options = {
     expirys: isAntdPro(),
     expirys: isAntdPro(),
     ...option,
     ...option,

@@ -18,11 +18,7 @@ const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -18,11 +18,7 @@ const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -18,11 +18,7 @@ const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        {children}
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -41,13 +41,13 @@ export default class StepForm extends PureComponent {
               <Step title="确认转账信息" />
               <Step title="确认转账信息" />
               <Step title="完成" />
               <Step title="完成" />
             </Steps>
             </Steps>
-            {
-              /confirm\/?$/.test(pathname) ?
-                <Step2 /> : (
-                  /result\/?$/.test(pathname) ?
-                  <Step3 /> : <Step1 />
-                )
-            }
+            {/confirm\/?$/.test(pathname) ? (
+              <Step2 />
+            ) : /result\/?$/.test(pathname) ? (
+              <Step3 />
+            ) : (
+              <Step1 />
+            )}
           </Fragment>
           </Fragment>
         </Card>
         </Card>
       </PageHeaderWrapper>
       </PageHeaderWrapper>

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.title': 'Basic form',
   'app.forms.basic.description':
   'app.forms.basic.description':
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
     'Form pages are used to collect or verify information to users, and basic forms are common in scenarios where there are fewer data items.',
-   
+
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.required': 'Por favor insira seu email!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.email.wrong-format': 'O email está errado!',
   'validation.userName.required': 'Por favor insira nome de usuário!',
   'validation.userName.required': 'Por favor insira nome de usuário!',

@@ -20,7 +20,7 @@ export default {
   'validation.date.required': '请选择起止日期',
   'validation.date.required': '请选择起止日期',
   'validation.goal.required': '请输入目标描述',
   'validation.goal.required': '请输入目标描述',
   'validation.standard.required': '请输入衡量标准',
   'validation.standard.required': '请输入衡量标准',
-  
+
   'form.get-captcha': '获取验证码',
   'form.get-captcha': '获取验证码',
   'form.captcha.second': '秒',
   'form.captcha.second': '秒',
   'form.optional': '（选填）',
   'form.optional': '（选填）',

@@ -2,7 +2,7 @@ export default {
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.title': '基礎表單',
   'app.forms.basic.description':
   'app.forms.basic.description':
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
     '表單頁用於向用戶收集或驗證信息，基礎表單常見於數據項較少的表單場景。',
-    
+
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.required': '請輸入郵箱地址！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.email.wrong-format': '郵箱地址格式錯誤！',
   'validation.userName.required': '請輸入賬戶!',
   'validation.userName.required': '請輸入賬戶!',

-export default {
-  
-};
+export default {};

-export default {
-  
-};
+export default {};

-export default {
-  
-};
+export default {};

-export default {
-  
-};
+export default {};

@@ -33,4 +33,4 @@ export async function updateRule(params) {
       method: 'update',
       method: 'update',
     },
     },
   });
   });
-}
+}

@@ -69,100 +69,100 @@ class LoginPage extends Component {
     const { type, autoLogin } = this.state;
     const { type, autoLogin } = this.state;
     return (
     return (
       <UserLayout>
       <UserLayout>
-      <div className={styles.main}>
-        <Login
-          defaultActiveKey={type}
-          onTabChange={this.onTabChange}
-          onSubmit={this.handleSubmit}
-          ref={form => {
-            this.loginForm = form;
-          }}
-        >
-          <Tab key="account" tab={formatMessage({ id: 'app.login.tab-login-credentials' })}>
-            {login.status === 'error' &&
-              login.type === 'account' &&
-              !submitting &&
-              this.renderMessage(formatMessage({ id: 'app.login.message-invalid-credentials' }))}
-            <UserName
-              name="userName"
-              placeholder={`${formatMessage({ id: 'app.login.userName' })}: admin or user`}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.userName.required' }),
-                },
-              ]}
-            />
-            <Password
-              name="password"
-              placeholder={`${formatMessage({ id: 'app.login.password' })}: ant.design`}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.password.required' }),
-                },
-              ]}
-              onPressEnter={() => this.loginForm.validateFields(this.handleSubmit)}
-            />
-          </Tab>
-          <Tab key="mobile" tab={formatMessage({ id: 'app.login.tab-login-mobile' })}>
-            {login.status === 'error' &&
-              login.type === 'mobile' &&
-              !submitting &&
-              this.renderMessage(
-                formatMessage({ id: 'app.login.message-invalid-verification-code' })
-              )}
-            <Mobile
-              name="mobile"
-              placeholder={formatMessage({ id: 'form.phone-number.placeholder' })}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.phone-number.required' }),
-                },
-                {
-                  pattern: /^1\d{10}$/,
-                  message: formatMessage({ id: 'validation.phone-number.wrong-format' }),
-                },
-              ]}
-            />
-            <Captcha
-              name="captcha"
-              placeholder={formatMessage({ id: 'form.verification-code.placeholder' })}
-              countDown={120}
-              onGetCaptcha={this.onGetCaptcha}
-              getCaptchaButtonText={formatMessage({ id: 'form.get-captcha' })}
-              getCaptchaSecondText={formatMessage({ id: 'form.captcha.second' })}
-              rules={[
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.verification-code.required' }),
-                },
-              ]}
-            />
-          </Tab>
-          <div>
-            <Checkbox checked={autoLogin} onChange={this.changeAutoLogin}>
-              <FormattedMessage id="app.login.remember-me" />
-            </Checkbox>
-            <a style={{ float: 'right' }} href="">
-              <FormattedMessage id="app.login.forgot-password" />
-            </a>
-          </div>
-          <Submit loading={submitting}>
-            <FormattedMessage id="app.login.login" />
-          </Submit>
-          <div className={styles.other}>
-            <FormattedMessage id="app.login.sign-in-with" />
-            <Icon type="alipay-circle" className={styles.icon} theme="outlined" />
-            <Icon type="taobao-circle" className={styles.icon} theme="outlined" />
-            <Icon type="weibo-circle" className={styles.icon} theme="outlined" />
-            <Link className={styles.register} to="/user/register">
-              <FormattedMessage id="app.login.signup" />
-            </Link>
-          </div>
-        </Login>
-      </div>
+        <div className={styles.main}>
+          <Login
+            defaultActiveKey={type}
+            onTabChange={this.onTabChange}
+            onSubmit={this.handleSubmit}
+            ref={form => {
+              this.loginForm = form;
+            }}
+          >
+            <Tab key="account" tab={formatMessage({ id: 'app.login.tab-login-credentials' })}>
+              {login.status === 'error' &&
+                login.type === 'account' &&
+                !submitting &&
+                this.renderMessage(formatMessage({ id: 'app.login.message-invalid-credentials' }))}
+              <UserName
+                name="userName"
+                placeholder={`${formatMessage({ id: 'app.login.userName' })}: admin or user`}
+                rules={[
+                  {
+                    required: true,
+                    message: formatMessage({ id: 'validation.userName.required' }),
+                  },
+                ]}
+              />
+              <Password
+                name="password"
+                placeholder={`${formatMessage({ id: 'app.login.password' })}: ant.design`}
+                rules={[
+                  {
+                    required: true,
+                    message: formatMessage({ id: 'validation.password.required' }),
+                  },
+                ]}
+                onPressEnter={() => this.loginForm.validateFields(this.handleSubmit)}
+              />
+            </Tab>
+            <Tab key="mobile" tab={formatMessage({ id: 'app.login.tab-login-mobile' })}>
+              {login.status === 'error' &&
+                login.type === 'mobile' &&
+                !submitting &&
+                this.renderMessage(
+                  formatMessage({ id: 'app.login.message-invalid-verification-code' })
+                )}
+              <Mobile
+                name="mobile"
+                placeholder={formatMessage({ id: 'form.phone-number.placeholder' })}
+                rules={[
+                  {
+                    required: true,
+                    message: formatMessage({ id: 'validation.phone-number.required' }),
+                  },
+                  {
+                    pattern: /^1\d{10}$/,
+                    message: formatMessage({ id: 'validation.phone-number.wrong-format' }),
+                  },
+                ]}
+              />
+              <Captcha
+                name="captcha"
+                placeholder={formatMessage({ id: 'form.verification-code.placeholder' })}
+                countDown={120}
+                onGetCaptcha={this.onGetCaptcha}
+                getCaptchaButtonText={formatMessage({ id: 'form.get-captcha' })}
+                getCaptchaSecondText={formatMessage({ id: 'form.captcha.second' })}
+                rules={[
+                  {
+                    required: true,
+                    message: formatMessage({ id: 'validation.verification-code.required' }),
+                  },
+                ]}
+              />
+            </Tab>
+            <div>
+              <Checkbox checked={autoLogin} onChange={this.changeAutoLogin}>
+                <FormattedMessage id="app.login.remember-me" />
+              </Checkbox>
+              <a style={{ float: 'right' }} href="">
+                <FormattedMessage id="app.login.forgot-password" />
+              </a>
+            </div>
+            <Submit loading={submitting}>
+              <FormattedMessage id="app.login.login" />
+            </Submit>
+            <div className={styles.other}>
+              <FormattedMessage id="app.login.sign-in-with" />
+              <Icon type="alipay-circle" className={styles.icon} theme="outlined" />
+              <Icon type="taobao-circle" className={styles.icon} theme="outlined" />
+              <Icon type="weibo-circle" className={styles.icon} theme="outlined" />
+              <Link className={styles.register} to="/user/register">
+                <FormattedMessage id="app.login.signup" />
+              </Link>
+            </div>
+          </Login>
+        </div>
       </UserLayout>
       </UserLayout>
     );
     );
   }
   }

-
 export function getPageQuery() {
 export function getPageQuery() {
   return parse(window.location.href.split('?')[1]);
   return parse(window.location.href.split('?')[1]);
 }
 }
-

-
 export default {
 export default {
   'POST /api/register': (req, res) => {
   'POST /api/register': (req, res) => {
     res.send({ status: 'ok', currentAuthority: 'user' });
     res.send({ status: 'ok', currentAuthority: 'user' });

@@ -180,155 +180,155 @@ class Register extends Component {
     const { count, prefix, help, visible } = this.state;
     const { count, prefix, help, visible } = this.state;
     return (
     return (
       <UserLayout>
       <UserLayout>
-      <div className={styles.main}>
-        <h3>
-          <FormattedMessage id="app.register.register" />
-        </h3>
-        <Form onSubmit={this.handleSubmit}>
-          <FormItem>
-            {getFieldDecorator('mail', {
-              rules: [
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.email.required' }),
-                },
-                {
-                  type: 'email',
-                  message: formatMessage({ id: 'validation.email.wrong-format' }),
-                },
-              ],
-            })(
-              <Input size="large" placeholder={formatMessage({ id: 'form.email.placeholder' })} />
-            )}
-          </FormItem>
-          <FormItem help={help}>
-            <Popover
-              getPopupContainer={node => node.parentNode}
-              content={
-                <div style={{ padding: '4px 0' }}>
-                  {passwordStatusMap[this.getPasswordStatus()]}
-                  {this.renderPasswordProgress()}
-                  <div style={{ marginTop: 10 }}>
-                    <FormattedMessage id="validation.password.strength.msg" />
-                  </div>
-                </div>
-              }
-              overlayStyle={{ width: 240 }}
-              placement="right"
-              visible={visible}
-            >
-              {getFieldDecorator('password', {
+        <div className={styles.main}>
+          <h3>
+            <FormattedMessage id="app.register.register" />
+          </h3>
+          <Form onSubmit={this.handleSubmit}>
+            <FormItem>
+              {getFieldDecorator('mail', {
                 rules: [
                 rules: [
                   {
                   {
-                    validator: this.checkPassword,
+                    required: true,
+                    message: formatMessage({ id: 'validation.email.required' }),
+                  },
+                  {
+                    type: 'email',
+                    message: formatMessage({ id: 'validation.email.wrong-format' }),
                   },
                   },
                 ],
                 ],
               })(
               })(
-                <Input
-                  size="large"
-                  type="password"
-                  placeholder={formatMessage({ id: 'form.password.placeholder' })}
-                />
+                <Input size="large" placeholder={formatMessage({ id: 'form.email.placeholder' })} />
               )}
               )}
-            </Popover>
-          </FormItem>
-          <FormItem>
-            {getFieldDecorator('confirm', {
-              rules: [
-                {
-                  required: true,
-                  message: formatMessage({ id: 'validation.confirm-password.required' }),
-                },
-                {
-                  validator: this.checkConfirm,
-                },
-              ],
-            })(
-              <Input
-                size="large"
-                type="password"
-                placeholder={formatMessage({ id: 'form.confirm-password.placeholder' })}
-              />
-            )}
-          </FormItem>
-          <FormItem>
-            <InputGroup compact>
-              <Select
-                size="large"
-                value={prefix}
-                onChange={this.changePrefix}
-                style={{ width: '20%' }}
+            </FormItem>
+            <FormItem help={help}>
+              <Popover
+                getPopupContainer={node => node.parentNode}
+                content={
+                  <div style={{ padding: '4px 0' }}>
+                    {passwordStatusMap[this.getPasswordStatus()]}
+                    {this.renderPasswordProgress()}
+                    <div style={{ marginTop: 10 }}>
+                      <FormattedMessage id="validation.password.strength.msg" />
+                    </div>
+                  </div>
+                }
+                overlayStyle={{ width: 240 }}
+                placement="right"
+                visible={visible}
               >
               >
-                <Option value="86">+86</Option>
-                <Option value="87">+87</Option>
-              </Select>
-              {getFieldDecorator('mobile', {
+                {getFieldDecorator('password', {
+                  rules: [
+                    {
+                      validator: this.checkPassword,
+                    },
+                  ],
+                })(
+                  <Input
+                    size="large"
+                    type="password"
+                    placeholder={formatMessage({ id: 'form.password.placeholder' })}
+                  />
+                )}
+              </Popover>
+            </FormItem>
+            <FormItem>
+              {getFieldDecorator('confirm', {
                 rules: [
                 rules: [
                   {
                   {
                     required: true,
                     required: true,
-                    message: formatMessage({ id: 'validation.phone-number.required' }),
+                    message: formatMessage({ id: 'validation.confirm-password.required' }),
                   },
                   },
                   {
                   {
-                    pattern: /^\d{11}$/,
-                    message: formatMessage({ id: 'validation.phone-number.wrong-format' }),
+                    validator: this.checkConfirm,
                   },
                   },
                 ],
                 ],
               })(
               })(
                 <Input
                 <Input
                   size="large"
                   size="large"
-                  style={{ width: '80%' }}
-                  placeholder={formatMessage({ id: 'form.phone-number.placeholder' })}
+                  type="password"
+                  placeholder={formatMessage({ id: 'form.confirm-password.placeholder' })}
                 />
                 />
               )}
               )}
-            </InputGroup>
-          </FormItem>
-          <FormItem>
-            <Row gutter={8}>
-              <Col span={16}>
-                {getFieldDecorator('captcha', {
+            </FormItem>
+            <FormItem>
+              <InputGroup compact>
+                <Select
+                  size="large"
+                  value={prefix}
+                  onChange={this.changePrefix}
+                  style={{ width: '20%' }}
+                >
+                  <Option value="86">+86</Option>
+                  <Option value="87">+87</Option>
+                </Select>
+                {getFieldDecorator('mobile', {
                   rules: [
                   rules: [
                     {
                     {
                       required: true,
                       required: true,
-                      message: formatMessage({ id: 'validation.verification-code.required' }),
+                      message: formatMessage({ id: 'validation.phone-number.required' }),
+                    },
+                    {
+                      pattern: /^\d{11}$/,
+                      message: formatMessage({ id: 'validation.phone-number.wrong-format' }),
                     },
                     },
                   ],
                   ],
                 })(
                 })(
                   <Input
                   <Input
                     size="large"
                     size="large"
-                    placeholder={formatMessage({ id: 'form.verification-code.placeholder' })}
+                    style={{ width: '80%' }}
+                    placeholder={formatMessage({ id: 'form.phone-number.placeholder' })}
                   />
                   />
                 )}
                 )}
-              </Col>
-              <Col span={8}>
-                <Button
-                  size="large"
-                  disabled={count}
-                  className={styles.getCaptcha}
-                  onClick={this.onGetCaptcha}
-                >
-                  {count
-                    ? `${count} s`
-                    : formatMessage({ id: 'app.register.get-verification-code' })}
-                </Button>
-              </Col>
-            </Row>
-          </FormItem>
-          <FormItem>
-            <Button
-              size="large"
-              loading={submitting}
-              className={styles.submit}
-              type="primary"
-              htmlType="submit"
-            >
-              <FormattedMessage id="app.register.register" />
-            </Button>
-            <Link className={styles.login} to="/User/Login">
-              <FormattedMessage id="app.register.sign-in" />
-            </Link>
-          </FormItem>
-        </Form>
-      </div>
+              </InputGroup>
+            </FormItem>
+            <FormItem>
+              <Row gutter={8}>
+                <Col span={16}>
+                  {getFieldDecorator('captcha', {
+                    rules: [
+                      {
+                        required: true,
+                        message: formatMessage({ id: 'validation.verification-code.required' }),
+                      },
+                    ],
+                  })(
+                    <Input
+                      size="large"
+                      placeholder={formatMessage({ id: 'form.verification-code.placeholder' })}
+                    />
+                  )}
+                </Col>
+                <Col span={8}>
+                  <Button
+                    size="large"
+                    disabled={count}
+                    className={styles.getCaptcha}
+                    onClick={this.onGetCaptcha}
+                  >
+                    {count
+                      ? `${count} s`
+                      : formatMessage({ id: 'app.register.get-verification-code' })}
+                  </Button>
+                </Col>
+              </Row>
+            </FormItem>
+            <FormItem>
+              <Button
+                size="large"
+                loading={submitting}
+                className={styles.submit}
+                type="primary"
+                htmlType="submit"
+              >
+                <FormattedMessage id="app.register.register" />
+              </Button>
+              <Link className={styles.login} to="/User/Login">
+                <FormattedMessage id="app.register.sign-in" />
+              </Link>
+            </FormItem>
+          </Form>
+        </div>
       </UserLayout>
       </UserLayout>
     );
     );
   }
   }

@@ -20,11 +20,7 @@ const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...r
         return item.title;
         return item.title;
       }}
       }}
     />
     />
-    {children ? (
-      <div className={styles.content}>
-        { children }
-      </div>
-    ) : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
   </div>
 );
 );
 
 

@@ -113,4 +113,4 @@ export default {
       });
       });
     },
     },
   },
   },
-}
+};