diff --git a/src/pages/index/index.less b/src/pages/index/index.less
index e69de29..ae83aea 100644
--- a/src/pages/index/index.less
+++ b/src/pages/index/index.less
@@ -0,0 +1,7 @@
+.flex{
+  display: flex;
+  justify-content: space-around;
+}
+.card{
+  margin-bottom: 30px;
+}
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 7016320..5453cdd 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -1,10 +1,108 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import styles from './index.less';
+import {
+  getNoticeCount,
+  getRegulationsCount,
+  getCustomerQandaCount,
+  getLinksCount,
+} from '@/servers/api';
+import { Row, Col, Card, Statistic, Space } from 'antd';
 const IndexPage: React.FC = () => {
+  // 通知中心数量
+  const [noticeCount, setNoticeCount] = useState({
+    publishCount: 0,
+    topCount: 0,
+    totalCount: 0,
+  });
+  // 政策法规数量
+  const [regulationsCount, setRegulationsCount] = useState({
+    publishCount: 0,
+    topCount: 0,
+    totalCount: 0,
+  });
+  // 用户提问数量
+  const [customerQandaCount, setCustomerQandaCount] = useState({
+    noticeCount: 0,
+    resolvedCount: 0,
+    totalCount: 0,
+  });
+  // 友情链接数量
+  const [linksCount, setLinksCount] = useState({
+    publishCount: 0,
+    totalCount: 0,
+  });
+
+  useEffect(() => {
+    // 政策法规数量
+    getRegulationsCount().then((res) => {
+      setRegulationsCount(res.data);
+    });
+    // 通知中心数量
+    getNoticeCount().then((res) => {
+      setNoticeCount(res.data);
+    });
+    // 用户提问数量
+    getCustomerQandaCount().then((res) => {
+      setCustomerQandaCount(res.data);
+    });
+    // 友情链接数量
+    getLinksCount().then((res) => {
+      setLinksCount(res.data);
+    });
+  }, []);
+
+  const valueStyleBySuccess = {
+    color: '#3f8600',
+    fontSize: 40,
+  };
+  const valueStyleByError = {
+    color: '#cf1322',
+    fontSize: 40,
+  };
+  const valueStyleByWarning = {
+    color: '#faad14',
+    fontSize: 40,
+  };
 
   return (
     <div className="common-container">
-      首页
+      <Row gutter={30}>
+        <Col span={12}>
+          <Card title="政策法规数量" className={styles.card}>
+            <div className={styles.flex}>
+              <Statistic title="发布" valueStyle={valueStyleBySuccess} value={regulationsCount.publishCount} />
+              <Statistic title="置顶" valueStyle={valueStyleByWarning} value={regulationsCount.topCount} />
+              <Statistic title="总数" valueStyle={valueStyleByError} value={regulationsCount.totalCount} />
+            </div>
+          </Card>
+        </Col>
+        <Col span={12}>
+          <Card title="通知中心数量" className={styles.card}>
+            <div className={styles.flex}>
+              <Statistic title="发布" valueStyle={valueStyleBySuccess} value={noticeCount.publishCount} />
+              <Statistic title="置顶" valueStyle={valueStyleByWarning} value={noticeCount.topCount} />
+              <Statistic title="总数" valueStyle={valueStyleByError} value={noticeCount.totalCount} />
+            </div>
+          </Card>
+        </Col>
+        <Col span={12}>
+          <Card title="用户提问数量" className={styles.card}>
+            <div className={styles.flex}>
+              <Statistic title="未解决" valueStyle={valueStyleByWarning} value={customerQandaCount.noticeCount} />
+              <Statistic title="已解决" valueStyle={valueStyleBySuccess} value={customerQandaCount.resolvedCount} />
+              <Statistic title="总数" valueStyle={valueStyleByError} value={customerQandaCount.totalCount} />
+            </div>
+          </Card>
+        </Col>
+        <Col span={12}>
+          <Card title="友情链接数量" className={styles.card}>
+            <div className={styles.flex}>
+              <Statistic title="发布" valueStyle={valueStyleBySuccess} value={linksCount.publishCount} />
+              <Statistic title="总数" valueStyle={valueStyleByError} value={linksCount.totalCount} />
+            </div>
+          </Card>
+        </Col>
+      </Row>
     </div>
   );
 };
diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index 8b6e3ae..86b3c7d 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -101,11 +101,11 @@ const LoginPage: React.FC<PageProps> = ({ user, dispatch }) => {
   return (
     <div className="login-page">
       <div className="login-container">
-        <div className="back-home">
+       {/*<div className="back-home">
           <a onClick={() => history.push('/index')}>
             <HomeOutlined /> {intl.formatMessage({ id: 'login.back.home' })}
           </a>
-        </div>
+        </div>*/}
 
         <div className="login-title">{intl.formatMessage({ id: 'login.title' })}</div>
 
diff --git a/src/servers/api/index.ts b/src/servers/api/index.ts
new file mode 100644
index 0000000..340f04b
--- /dev/null
+++ b/src/servers/api/index.ts
@@ -0,0 +1,39 @@
+// 首页接口
+import request from '@/utils/request';
+/*
+通知中心数量首页查询
+/backendHomepage/getNoticeCount get
+
+政策法规数量首页查询
+/backendHomepage/getRegulationsCount
+
+用户提问数量查询
+/backendHomepage/getCustomerQandaCount
+
+友情链接数量查询
+/backendHomepage/getLinksCount
+*/
+
+export async function getNoticeCount() {
+  return request(`/backendHomepage/getNoticeCount`, {
+    method: 'GET',
+  });
+}
+
+export async function getRegulationsCount() {
+  return request(`/backendHomepage/getRegulationsCount`, {
+    method: 'GET',
+  });
+}
+
+export async function getCustomerQandaCount() {
+  return request(`/backendHomepage/getCustomerQandaCount`, {
+    method: 'GET',
+  });
+}
+
+export async function getLinksCount() {
+  return request(`/backendHomepage/getLinksCount`, {
+    method: 'GET',
+  });
+}