feats

config/routes.js

@@ -27,23 +27,7 @@ export default [
             path: '/welcome',
             name: 'welcome',
             icon: 'smile',
-            component: './Welcome',
-          },
-          {
-            path: '/admin',
-            name: 'admin',
-            icon: 'crown',
-            component: './Admin',
-            authority: ['admin'],
-            routes: [
-              {
-                path: '/admin/sub-page',
-                name: 'sub-page',
-                icon: 'smile',
-                component: './Welcome',
-                authority: ['admin'],
-              },
-            ],
+            component: './welcome',
           },
           {
             path: '/building',

src/pages/Welcome.jsx

@@ -1,73 +0,0 @@
-import React, { useEffect } from 'react';
-import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { FormattedMessage } from 'umi-plugin-react/locale';
-import { Card, Typography, Alert } from 'antd';
-import styles from './Welcome.less';
-
-const CodePreview = ({ children }) => (
-  <pre className={styles.pre}>
-    <code>
-      <Typography.Text copyable>{children}</Typography.Text>
-    </code>
-  </pre>
-);
-
-export default (props) => {
-  // console.log('--------welcome-----', JSON.stringify(props))
-  // useEffect(() => {
-  //   console.log('------useEffect-------')
-  // }, [])
-  
-  return (
-    <PageHeaderWrapper>
-      <Card>
-        <Alert
-          message="umi ui 现已发布，点击右下角 umi 图标即可使用"
-          type="success"
-          showIcon
-          banner
-          style={{
-            margin: -12,
-            marginBottom: 24,
-          }}
-        />
-        <Typography.Text strong>
-          <a target="_blank" rel="noopener noreferrer" href="https://pro.ant.design/docs/block">
-            <FormattedMessage
-              id="app.welcome.link.block-list"
-              defaultMessage="基于 block 开发，快速构建标准页面"
-            />
-          </a>
-        </Typography.Text>
-        <CodePreview> npm run ui</CodePreview>
-        <Typography.Text
-          strong
-          style={{
-            marginBottom: 12,
-          }}
-        >
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://pro.ant.design/docs/available-script#npm-run-fetchblocks"
-          >
-            <FormattedMessage id="app.welcome.link.fetch-blocks" defaultMessage="获取全部区块" />
-          </a>
-        </Typography.Text>
-        <CodePreview> npm run fetch:blocks</CodePreview>
-      </Card>
-      <p
-        style={{
-          textAlign: 'center',
-          marginTop: 24,
-        }}
-      >
-        Want to add more pages? Please refer to{' '}
-        <a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
-          use block
-        </a>
-        。
-      </p>
-    </PageHeaderWrapper>
-  )
-};

src/pages/Welcome.less

@@ -1,8 +0,0 @@
-@import '~antd/lib/style/themes/default.less';
-
-.pre {
-  margin: 12px 0;
-  padding: 12px 20px;
-  background: @input-bg;
-  box-shadow: @card-shadow;
-}

src/pages/user/login/style.less

@@ -50,6 +50,7 @@
     background: #1548B6 !important;
     border-radius: 48px;
     border: none !important;
+    margin-top: 50px;
   }
 
   :global {

src/pages/welcome/components/IconText/index.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import styles from './style.less'
+
+const noop = x => x
+
+export default (props) => {
+  const { name, onClick = noop } = props
+  const file = require(`@/assets/welcome/icon-${name}.png`)
+
+  return (
+    <div className={styles['icon-text']} onClick={onClick}>
+      <img src={file} alt="" className={styles['icon-img']} />
+      <div>
+        {props.children}
+      </div>
+    </div>
+  )
+}

src/pages/welcome/components/IconText/style.less

@@ -0,0 +1,16 @@
+.icon-text {
+  color: #fff;
+  font-size: 25px;
+  line-height: 35px;
+  letter-spacing: 3px;
+  font-weight: bold;
+  display: inline-block;
+  box-sizing: border-box;
+
+  .icon-img {
+    width: 88px;
+    height: 88px;
+    display: block;
+    border: none;
+  }
+}

src/pages/welcome/index.jsx

@@ -0,0 +1,70 @@
+import React, { useCallback, useEffect, useState } from 'react';
+// import { Row, Col } from 'antd'
+import Link from 'umi/link'
+import IconText from './components/IconText'
+import styles from './style.less';
+
+export default (props) => {
+  const [containerStyle, setContainerStyle] = useState({})
+
+  const computeStyle = useCallback(() => {
+    const body = document.body
+    const header = document.getElementsByClassName('ant-pro-global-header')[0]
+
+    const style = {
+      width: header.offsetWidth,
+      height: body.offsetHeight - header.offsetHeight,
+    }
+
+    setContainerStyle(style)
+  }, [setContainerStyle])
+
+  useEffect(() => {
+    computeStyle()
+
+    window.addEventListener('resize', computeStyle)
+    return () => window.removeEventListener('resize', computeStyle)
+  }, [computeStyle])
+  
+  return (
+    <div className={styles.welcome} style={containerStyle}>
+      <div className={styles['action-list']}>
+        <div>
+          <Link to="/building/list">
+            <IconText name='building'>项目列表</IconText>
+          </Link>
+        </div>
+
+        <div>
+          <Link to="/statistical/consultant">
+            <IconText name='kpi'>置业顾问KPI</IconText>
+          </Link>
+        </div>
+        
+        <div>
+          <Link to="/statistical/activity">
+            <IconText name='activity'>活动统计</IconText>
+          </Link>
+        </div>
+        
+        <div>
+          <Link to="/customer/customer/list">
+            <IconText name='customer'>客户列表</IconText>
+          </Link>
+        </div>
+        
+        <div>
+          {/* <Link to="/customer/customer/list"> */}
+            <IconText name='report'>数据报表</IconText>
+          {/* </Link> */}
+        </div>
+        
+        <div>
+          {/* <Link to="/customer/customer/list"> */}
+            <IconText name='channel'>渠道统计</IconText>
+          {/* </Link> */}
+        </div>
+      </div>
+    </div>
+  )
+};

src/pages/welcome/style.less

@@ -0,0 +1,22 @@
+@import '~antd/lib/style/themes/default.less';
+
+.welcome {
+  background: url(https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/background.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: -24px;
+  top: -24px;
+
+  .action-list {
+    display: flex;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 200px;
+
+    & > div {
+      flex: auto;
+      text-align: center;
+    }
+  }
+}

src/utils/request.js

@@ -46,8 +46,8 @@ request.interceptors.request.use((url, options) => {
 
   return (
     {
-      url: 'https://xlk.njyz.tech' + apiURL,
-      // url: apiURL,
+      // url: 'https://xlk.njyz.tech' + apiURL,
+      url: apiURL,
       options: {
         ...opts,
         headers: {