Reinit project

src/pages/account/index.tsx

@@ -0,0 +1,77 @@
+/**
+ * Title: 地产详情
+ * Routes:
+ *   - ./src/pages/routes
+ */
+import React from 'react';
+import { connect, DispatchProp } from 'dva';
+import { formatMessage } from 'umi-plugin-locale';
+import { Button, Modal } from 'antd';
+import Header from '@/components/Header';
+import AccountItem from '@/components/AccountItem';
+import { UserModelState } from '@/models/user';
+
+import styles from './style.less';
+
+const AccountPage: React.FC<DispatchProp & UserModelState> = ({
+  dispatch,
+  user,
+}) => {
+
+  const onLogout = () => {
+    Modal.confirm({
+      title: formatMessage({ id: 'account.confirm' }),
+      onOk: () => dispatch({ type: 'user/logout' }),
+      okText: formatMessage({ id: 'common.ok' }),
+      cancelText: formatMessage({ id: 'common.cancel' }),
+      centered: true,
+    });
+  };
+
+  return (
+    <div className={styles.container}>
+      <Header
+        className={styles.header}
+        title={formatMessage({ id: 'account.title' })}
+      />
+      {user && <div className={styles.content}>
+        <AccountItem
+          className="group"
+          title="account.nickname"
+          message={user.nickname}
+          showGo={false}
+        />
+        <AccountItem
+          className="group"
+          title="account.phone"
+          message={user.phone}
+        />
+        <AccountItem
+          title="account.email"
+          message={user.email}
+        />
+        <AccountItem
+          className="group"
+          title="account.loginPwd"
+        />
+        <AccountItem
+          title="account.fundPwd"
+        />
+        <AccountItem
+          title="account.factor"
+        />
+        <Button
+          className={styles.logout}
+          size="large"
+          onClick={onLogout}
+        >
+          {formatMessage({ id: 'account.logout' })}
+        </Button>
+      </div>}
+    </div>
+  );
+};
+
+export default connect(
+  ({ user }: any) => ({ ...user }),
+)(AccountPage);

src/pages/account/style.less

@@ -0,0 +1,30 @@
+@import '../../global.less';
+
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  flex-shrink: 0;
+}
+
+.content {
+  background-color: @bg-color;
+  flex-grow: 1;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+
+  :global {
+    .group {
+      margin-top: 8px;
+    }
+  }
+}
+
+.logout {
+  margin: 16px 10px;
+}