refactor: ResultSuccess

@@ -8,21 +8,4 @@ export default {
   'app.result.error.hint-text2': 'Your account is not yet eligible to apply',
   'app.result.error.hint-btn2': 'Upgrade immediately',
   'app.result.error.btn-text': 'Return to modify',
-  'app.result.success.title': 'Submission Success',
-  'app.result.success.description':
-    'The submission results page is used to feed back the results of a series of operational tasks. If it is a simple operation, use the Message global prompt feedback. This text area can show a simple supplementary explanation. If there is a similar requirement for displaying “documents”, the following gray area can present more complicated content.',
-  'app.result.success.operate-title': 'Project Name',
-  'app.result.success.operate-id': 'Project ID：',
-  'app.result.success.principal': 'Principal：',
-  'app.result.success.operate-time': 'Effective time：',
-  'app.result.success.step1-title': 'Create project',
-  'app.result.success.step1-operator': 'Qu Lili',
-  'app.result.success.step2-title': 'Departmental preliminary review',
-  'app.result.success.step2-operator': 'Zhou Maomao',
-  'app.result.success.step2-extra': 'Urge',
-  'app.result.success.step3-title': 'Financial review',
-  'app.result.success.step4-title': 'Finish',
-  'app.result.success.btn-return': 'Back to list',
-  'app.result.success.btn-project': 'View project',
-  'app.result.success.btn-print': 'Print',
 };

@@ -7,21 +7,4 @@ export default {
   'app.result.error.hint-text2': '您的账户还不具备申请资格',
   'app.result.error.hint-btn2': '立即升级',
   'app.result.error.btn-text': '返回修改',
-  'app.result.success.title': '提交成功',
-  'app.result.success.description':
-    '提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。',
-  'app.result.success.operate-title': '项目名称',
-  'app.result.success.operate-id': '项目 ID：',
-  'app.result.success.principal': '负责人：',
-  'app.result.success.operate-time': '生效时间：',
-  'app.result.success.step1-title': '创建项目',
-  'app.result.success.step1-operator': '曲丽丽',
-  'app.result.success.step2-title': '部门初审',
-  'app.result.success.step2-operator': '周毛毛',
-  'app.result.success.step2-extra': '催一下',
-  'app.result.success.step3-title': '财务复核',
-  'app.result.success.step4-title': '完成',
-  'app.result.success.btn-return': '返回列表',
-  'app.result.success.btn-project': '查看项目',
-  'app.result.success.btn-print': '打印',
 };

@@ -7,21 +7,4 @@ export default {
   'app.result.error.hint-text2': '您的賬戶還不具備申請資格',
   'app.result.error.hint-btn2': '立即升級',
   'app.result.error.btn-text': '返回修改',
-  'app.result.success.title': '提交成功',
-  'app.result.success.description':
-    '提交結果頁用於反饋壹系列操作任務的處理結果， 如果僅是簡單操作，使用 Message 全局提示反饋即可。 本文字區域可以展示簡單的補充說明，如果有類似展示 “單據”的需求，下面這個灰色區域可以呈現比較復雜的內容。',
-  'app.result.success.operate-title': '項目名稱',
-  'app.result.success.operate-id': '項目 ID：',
-  'app.result.success.principal': '負責人：',
-  'app.result.success.operate-time': '生效時間：',
-  'app.result.success.step1-title': '創建項目',
-  'app.result.success.step1-operator': '曲麗麗',
-  'app.result.success.step2-title': '部門初審',
-  'app.result.success.step2-operator': '周毛毛',
-  'app.result.success.step2-extra': '催壹下',
-  'app.result.success.step3-title': '財務復核',
-  'app.result.success.step4-title': '完成',
-  'app.result.success.btn-return': '返回列表',
-  'app.result.success.btn-project': '查看項目',
-  'app.result.success.btn-print': '打印',
 };

 export default {
   plugins: [
-    ['umi-plugin-block-dev', {}],
+    ['umi-plugin-block-dev', {
+      layout: 'ant-design-pro',
+    }],
     ['umi-plugin-react', {
       dva: true,
       locale: true,

-import React, { PureComponent } from 'react';
-import { connect } from 'dva';
-import styles from './GridContent.less';
-
-class GridContent extends PureComponent {
-  render() {
-    const { contentWidth, children } = this.props;
-    let className = `${styles.main}`;
-    if (contentWidth === 'Fixed') {
-      className = `${styles.main} ${styles.wide}`;
-    }
-    return <div className={className}>{children}</div>;
-  }
-}
-
-export default connect(({ setting }) => ({
-  contentWidth: setting.contentWidth,
-}))(GridContent);

-.main {
-  width: 100%;
-  height: 100%;
-  min-height: 100%;
-  transition: 0.3s;
-  &.wide {
-    max-width: 1200px;
-    margin: 0 auto;
-  }
-}

-import { createContext } from 'react';
-
-export default createContext();

 import React from 'react';
 import { FormattedMessage } from 'umi/locale';
 import Link from 'umi/link';
-import PageHeader from 'ant-design-pro/lib/PageHeader';
-import { connect } from 'dva';
-import GridContent from './GridContent';
+import { PageHeader } from 'ant-design-pro';
 import styles from './index.less';
-import MenuContext from '@/layouts/MenuContext';
 
-const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...restProps }) => (
+const PageHeaderWrapper = ({ children, wrapperClassName, ...restProps }) => (
   <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
-    {top}
-    <MenuContext.Consumer>
-      {value => (
-        <PageHeader
-          wide={contentWidth === 'Fixed'}
-          home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
-          {...value}
-          key="pageheader"
-          {...restProps}
-          linkElement={Link}
-          itemRender={item => {
-            if (item.locale) {
-              return <FormattedMessage id={item.locale} defaultMessage={item.title} />;
-            }
-            return item.title;
-          }}
-        />
-      )}
-    </MenuContext.Consumer>
-    {children ? (
-      <div className={styles.content}>
-        <GridContent>{children}</GridContent>
-      </div>
-    ) : null}
+    <PageHeader
+      home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
+      key="pageheader"
+      {...restProps}
+      linkElement={Link}
+      itemRender={item => {
+        if (item.locale) {
+          return <FormattedMessage id={item.locale} defaultMessage={item.title} />;
+        }
+        return item.title;
+      }}
+    />
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
 );
 
-export default connect(({ setting }) => ({
-  contentWidth: setting.contentWidth,
-}))(PageHeaderWrapper);
+export default PageHeaderWrapper;

-module.exports = {
-  navTheme: 'dark', // theme for nav menu
-  primaryColor: '#1890FF', // primary color of ant design
-  layout: 'sidemenu', // nav menu position: sidemenu or topmenu
-  contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
-  fixedHeader: false, // sticky header
-  autoHideHeader: false, // auto hide header
-  fixSiderbar: false, // sticky siderbar
-};

 import React, { Fragment } from 'react';
 import { formatMessage, FormattedMessage } from 'umi/locale';
 import { Button, Row, Col, Icon, Steps, Card } from 'antd';
-import Result from 'ant-design-pro/lib/Result';
-import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+import { Result } from 'ant-design-pro';
+import PageHeaderWrapper from './components/PageHeaderWrapper';
 
 const { Step } = Steps;
 

+export default {
+  'app.result.success.title': 'Submission Success',
+  'app.result.success.description':
+    'The submission results page is used to feed back the results of a series of operational tasks. If it is a simple operation, use the Message global prompt feedback. This text area can show a simple supplementary explanation. If there is a similar requirement for displaying “documents”, the following gray area can present more complicated content.',
+  'app.result.success.operate-title': 'Project Name',
+  'app.result.success.operate-id': 'Project ID：',
+  'app.result.success.principal': 'Principal：',
+  'app.result.success.operate-time': 'Effective time：',
+  'app.result.success.step1-title': 'Create project',
+  'app.result.success.step1-operator': 'Qu Lili',
+  'app.result.success.step2-title': 'Departmental preliminary review',
+  'app.result.success.step2-operator': 'Zhou Maomao',
+  'app.result.success.step2-extra': 'Urge',
+  'app.result.success.step3-title': 'Financial review',
+  'app.result.success.step4-title': 'Finish',
+  'app.result.success.btn-return': 'Back to list',
+  'app.result.success.btn-project': 'View project',
+  'app.result.success.btn-print': 'Print',
+};

+export default {
+  'app.result.success.title': '提交成功',
+  'app.result.success.description':
+    '提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。',
+  'app.result.success.operate-title': '项目名称',
+  'app.result.success.operate-id': '项目 ID：',
+  'app.result.success.principal': '负责人：',
+  'app.result.success.operate-time': '生效时间：',
+  'app.result.success.step1-title': '创建项目',
+  'app.result.success.step1-operator': '曲丽丽',
+  'app.result.success.step2-title': '部门初审',
+  'app.result.success.step2-operator': '周毛毛',
+  'app.result.success.step2-extra': '催一下',
+  'app.result.success.step3-title': '财务复核',
+  'app.result.success.step4-title': '完成',
+  'app.result.success.btn-return': '返回列表',
+  'app.result.success.btn-project': '查看项目',
+  'app.result.success.btn-print': '打印',
+};

+export default {
+  'app.result.success.title': '提交成功',
+  'app.result.success.description':
+    '提交結果頁用於反饋壹系列操作任務的處理結果， 如果僅是簡單操作，使用 Message 全局提示反饋即可。 本文字區域可以展示簡單的補充說明，如果有類似展示 “單據”的需求，下面這個灰色區域可以呈現比較復雜的內容。',
+  'app.result.success.operate-title': '項目名稱',
+  'app.result.success.operate-id': '項目 ID：',
+  'app.result.success.principal': '負責人：',
+  'app.result.success.operate-time': '生效時間：',
+  'app.result.success.step1-title': '創建項目',
+  'app.result.success.step1-operator': '曲麗麗',
+  'app.result.success.step2-title': '部門初審',
+  'app.result.success.step2-operator': '周毛毛',
+  'app.result.success.step2-extra': '催壹下',
+  'app.result.success.step3-title': '財務復核',
+  'app.result.success.step4-title': '完成',
+  'app.result.success.btn-return': '返回列表',
+  'app.result.success.btn-project': '查看項目',
+  'app.result.success.btn-print': '打印',
+};

-import { message } from 'antd';
-import defaultSettings from '../defaultSettings';
-
-let lessNodesAppended;
-const updateTheme = primaryColor => {
-  // Don't compile less in production!
-  if (APP_TYPE !== 'site') {
-    return;
-  }
-  // Determine if the component is remounted
-  if (!primaryColor) {
-    return;
-  }
-  const hideMessage = message.loading('正在编译主题！', 0);
-  function buildIt() {
-    if (!window.less) {
-      return;
-    }
-    setTimeout(() => {
-      window.less
-        .modifyVars({
-          '@primary-color': primaryColor,
-        })
-        .then(() => {
-          hideMessage();
-        })
-        .catch(() => {
-          message.error('Failed to update theme');
-          hideMessage();
-        });
-    }, 200);
-  }
-  if (!lessNodesAppended) {
-    // insert less.js and color.less
-    const lessStyleNode = document.createElement('link');
-    const lessConfigNode = document.createElement('script');
-    const lessScriptNode = document.createElement('script');
-    lessStyleNode.setAttribute('rel', 'stylesheet/less');
-    lessStyleNode.setAttribute('href', '/color.less');
-    lessConfigNode.innerHTML = `
-      window.less = {
-        async: true,
-        env: 'production',
-        javascriptEnabled: true
-      };
-    `;
-    lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js';
-    lessScriptNode.async = true;
-    lessScriptNode.onload = () => {
-      buildIt();
-      lessScriptNode.onload = null;
-    };
-    document.body.appendChild(lessStyleNode);
-    document.body.appendChild(lessConfigNode);
-    document.body.appendChild(lessScriptNode);
-    lessNodesAppended = true;
-  } else {
-    buildIt();
-  }
-};
-
-const updateColorWeak = colorWeak => {
-  document.body.className = colorWeak ? 'colorWeak' : '';
-};
-
-export default {
-  namespace: 'setting',
-  state: defaultSettings,
-  reducers: {
-    getSetting(state) {
-      const setting = {};
-      const urlParams = new URL(window.location.href);
-      Object.keys(state).forEach(key => {
-        if (urlParams.searchParams.has(key)) {
-          const value = urlParams.searchParams.get(key);
-          setting[key] = value === '1' ? true : value;
-        }
-      });
-      const { primaryColor, colorWeak } = setting;
-      if (state.primaryColor !== primaryColor) {
-        updateTheme(primaryColor);
-      }
-      updateColorWeak(colorWeak);
-      return {
-        ...state,
-        ...setting,
-      };
-    },
-    changeSetting(state, { payload }) {
-      const urlParams = new URL(window.location.href);
-      Object.keys(defaultSettings).forEach(key => {
-        if (urlParams.searchParams.has(key)) {
-          urlParams.searchParams.delete(key);
-        }
-      });
-      Object.keys(payload).forEach(key => {
-        if (key === 'collapse') {
-          return;
-        }
-        let value = payload[key];
-        if (value === true) {
-          value = 1;
-        }
-        if (defaultSettings[key] !== value) {
-          urlParams.searchParams.set(key, value);
-        }
-      });
-      const { primaryColor, colorWeak, contentWidth } = payload;
-      if (state.primaryColor !== primaryColor) {
-        updateTheme(primaryColor);
-      }
-      if (state.contentWidth !== contentWidth && window.dispatchEvent) {
-        window.dispatchEvent(new Event('resize'));
-      }
-      updateColorWeak(colorWeak);
-      window.history.replaceState(null, 'setting', urlParams.href);
-      return {
-        ...state,
-        ...payload,
-      };
-    },
-  },
-};