11

src/pages/Welcome.jsx

@@ -1,56 +1,66 @@
-import React from 'react';
+import React, { Component, useState, useEffect } from 'react';
 import { Card, Typography, Alert, Row, Col } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import EchartsTest from '../components/EchartsTest';
 import IndexEcharts from './indexEcharts/index';
 import router from 'umi/router';
+import request from '../utils/request';
+import apis from '../services/apis';
 
-const option = {
-  xAxis: {
-    type: 'category',
-    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-  },
-  yAxis: {
-    type: 'value'
-  },
-  series: [{
-    data: [820, 932, 901, 934, 1290, 1330, 1320],
-    type: 'line'
-  }]
-};
+const header = props => {
 
-export default () => (
-  <>
-    <div style={{ display: 'flex',marginBottom:'28px' }}>
-      <div style={{
-        textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(241,43,62,1) 0%,rgba(254,144,155,1) 100%)', height: '100px',
-        boxShadow: '0px  0.11rem 14px -15px rgba(241,43,62,1)',
-        borderRadius: '12px', width: '32%', marginRight: '2%'
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>133</span>
-      </div>
-      <div style={{
-        textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(255,126,74,1) 0%,rgba(255,196,168,1) 100%)', height: '100px',
-        boxShadow: '0px  0.11rem 14px -15px rgba(255,126,74,1)',
-        borderRadius: '12px', width: '32%', marginRight: '2%'
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>12</span>
-      </div>
-      <div onClick={()=>router.push('/indexEcharts/newUsers')} style={{
-        textAlign: 'center', display: 'flex', justifyContent: 'center', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
-        boxShadow: '0px  0.11rem 14px -15px rgba(107,130,230,1)',
-        borderRadius: '12px', width: '32%',
-      }}>
-        <span style={{ fontSize: '24px', color: '#fff',borderBottom:'1px solid #fff',margin:'30px 0' }}>最近7天新增 </span>
-        <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy', lineHeight: '100px' }}>91</span>
-      </div>
-    </div>
-    <IndexEcharts style={{ width: '100%'}}></IndexEcharts>
+ const [data, setData] = useState([])
 
-    {/* <EchartsTest style={{ width: 500, height: 500 }}></EchartsTest> */}
+useEffect(() => {
+  getIndexEcharts()
+}, [])
 
-  </>
-);
+function getIndexEcharts (params) {
+  request({
+    ...apis.indexEcharts.list,
+    params
+  }).then((data) => {
+   setData(data)
+    console.log(data, '11111')
+  })
+}
+  
 
+  return (
+    <>
+       <div style={{ display: 'flex',marginBottom:'28px' }}>
+           <div style={{
+            textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(241,43,62,1) 0%,rgba(254,144,155,1) 100%)', height: '100px',
+            boxShadow: '0px  0.11rem 14px -15px rgba(241,43,62,1)',
+            borderRadius: '12px', width: '32%', marginRight: '2%'
+          }}>
+            <span style={{ fontSize: '24px', color: '#fff' }}>总用户 </span>
+            <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectUserCount}</span>
+          </div>
+          <div style={{
+            textAlign: 'center', display: 'flex', justifyContent: 'center', lineHeight: '100px', background: 'linear-gradient(144deg,rgba(255,126,74,1) 0%,rgba(255,196,168,1) 100%)', height: '100px',
+            boxShadow: '0px  0.11rem 14px -15px rgba(255,126,74,1)',
+            borderRadius: '12px', width: '32%', marginRight: '2%'
+          }}>
+            <span style={{ fontSize: '24px', color: '#fff' }}>总注册用户 </span>
+            <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy' }}>{data.selectRegisteredCount}</span>
+          </div>
+          <div onClick={()=>router.push('/indexEcharts/newUsers')} style={{
+            textAlign: 'center', display: 'flex', justifyContent: 'center', background: 'linear-gradient(137deg,rgba(107,130,230,1) 0%,rgba(152,175,251,1) 100%)', height: '100px',
+            boxShadow: '0px  0.11rem 14px -15px rgba(107,130,230,1)',
+            borderRadius: '12px', width: '32%',
+          }}>
+            <span style={{ fontSize: '24px', color: '#fff',borderBottom:'1px solid #fff',margin:'30px 0' }}>最近7天新增 </span>
+            <span style={{ fontSize: '52px', color: '#fff', marginLeft: '26px', fontFamily: 'fantasy', lineHeight: '100px' }}>{data.selectRecentlyCount}</span>
+          </div>
+        </div>
+        <IndexEcharts style={{ width: '100%'}} onReData={(e) => redata(e)} ></IndexEcharts>
+    
+        {/* <EchartsTest style={{ width: 500, height: 500 }}></EchartsTest> */}
+    
+      </>
+  )
+
+}
+
+export default  header

src/services/apis.js

@@ -263,6 +263,11 @@ export default {
     },
   },
   indexEcharts: {
+    list:{
+      method:'GET',
+      url: `${prefix}/indexStatistical`,
+      action: 'userStatistics',
+    },
     userResource: {
       method: 'GET',
       url: `${prefix}/selectUserResource`,