|
|
|
@ -1,21 +1,30 @@
|
|
|
|
|
import styles from './index.less';
|
|
|
|
|
import { Fragment, useEffect, FC } from 'react';
|
|
|
|
|
import Fetch from '@/utils/fetch';
|
|
|
|
|
import { connect, ConnectProps, Dispatch, history, useLocation } from 'umi';
|
|
|
|
|
import {
|
|
|
|
|
connect,
|
|
|
|
|
ConnectProps,
|
|
|
|
|
Dispatch,
|
|
|
|
|
history,
|
|
|
|
|
useLocation,
|
|
|
|
|
BasicInfoModelState,
|
|
|
|
|
} from 'umi';
|
|
|
|
|
import ReactEcharts from 'echarts-for-react';
|
|
|
|
|
|
|
|
|
|
interface PageProps {
|
|
|
|
|
dispatch: Dispatch;
|
|
|
|
|
basic: BasicInfoModelState;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const Nav: FC<PageProps> = ({ dispatch }) => {
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
getData();
|
|
|
|
|
}, []);
|
|
|
|
|
const Nav: FC<PageProps> = ({ dispatch, basic }) => {
|
|
|
|
|
const {
|
|
|
|
|
echartsData: { resourceData },
|
|
|
|
|
} = basic;
|
|
|
|
|
|
|
|
|
|
const location: any = useLocation();
|
|
|
|
|
|
|
|
|
|
const getData = async () => {};
|
|
|
|
|
console.log(resourceData, 'resourceData');
|
|
|
|
|
const option1 = {
|
|
|
|
|
grid: {
|
|
|
|
|
left: '3%',
|
|
|
|
@ -26,7 +35,15 @@ const Nav: FC<PageProps> = ({ dispatch }) => {
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: 'category',
|
|
|
|
|
data: ['15', '20', '64', '91', '128', 'ECC2', 'ECC3'],
|
|
|
|
|
data: resourceData?.xData || [
|
|
|
|
|
'15',
|
|
|
|
|
'20',
|
|
|
|
|
'64',
|
|
|
|
|
'91',
|
|
|
|
|
'128',
|
|
|
|
|
'ECC2',
|
|
|
|
|
'ECC3',
|
|
|
|
|
],
|
|
|
|
|
axisLabel: {
|
|
|
|
|
rotate: 45,
|
|
|
|
|
},
|
|
|
|
@ -39,7 +56,7 @@ const Nav: FC<PageProps> = ({ dispatch }) => {
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
data: [15, 8, 20, 91, 20, 15, 128],
|
|
|
|
|
data: resourceData?.yData || [15, 8, 20, 91, 20, 15, 128],
|
|
|
|
|
type: 'bar',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
@ -186,4 +203,6 @@ const Nav: FC<PageProps> = ({ dispatch }) => {
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
export default connect(({}: {}) => ({}))(Nav);
|
|
|
|
|
export default connect(({ basic }: { basic: BasicInfoModelState }) => ({
|
|
|
|
|
basic,
|
|
|
|
|
}))(Nav);
|
|
|
|
|