2022-11-29

king

2022-11-29 1e6bb7fd8acd8110193e61593f38d374ca75604e

 src/tabviews/home/defaulthome/index.jsx

@@ -1,10 +1,8 @@
import React, {Component} from 'react'
import { Chart } from '@antv/g2'
import { Tabs, Progress } from 'antd'
import { Progress } from 'antd'
import { InfoCircleOutlined, CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons'
import './index.scss'

const { TabPane } = Tabs

class DefaultHome extends Component {
  componentDidMount () {
@@ -17,6 +15,8 @@
      { year: '2018 年', sales: 38 },
      { year: '2019 年', sales: 61 },
      { year: '2020 年', sales: 45 },
      { year: '2021 年', sales: 55 },
      { year: '2022 年', sales: 49 },
    ]
    const chart = new Chart({
      container: 'home_page_id',
@@ -222,12 +222,15 @@
            </div>
          </div>
        </div>
        <Tabs defaultActiveKey="1">
          <TabPane tab="维修总数" key="1">
            <div className="sale-trend ant-col ant-col-xs-16">
        <div className="home-board">
          <div className="mk-home-title">
            <span>维修总数</span>
          </div>
          <div className="mk-home-body">
            <div className="sale-trend ant-col-left">
              <div id="home_page_id"></div>
            </div>
            <div className="ant-col ant-col-xs-8">
            <div className="ant-col-right">
              <div className="antd-sales-rank">
                <h4 className="antd-ranking-title">产品排名</h4>
                <ul className="antd-ranking-list">
@@ -274,8 +277,8 @@
                </ul>
              </div>
            </div>
          </TabPane>
        </Tabs>
          </div>
        </div>
      </div>
    )
  }