king
2023-07-23 1d1ef9c117f162f5ee48237b67d69fbd015b10d1
src/tabviews/home/defaulthome/index.jsx
@@ -1,9 +1,8 @@
import React, {Component} from 'react'
import { Chart } from '@antv/g2'
import { Icon, 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 () {
@@ -16,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',
@@ -58,7 +59,7 @@
                          <span>维修总数</span>
                        </span>
                        <span className="antd-action">
                          <Icon type="info-circle-o" />
                          <InfoCircleOutlined />
                        </span>
                      </div>
                      <div className="antd-total">
@@ -74,7 +75,7 @@
                          <span className="antd-trend-text">10%</span>
                        </span>
                        <span className="antd-trend-up">
                          <Icon type="caret-up" />
                          <CaretUpOutlined />
                        </span>
                      </div>
                      <div className="antd-trend-item">
@@ -83,7 +84,7 @@
                          <span className="antd-trend-text">10%</span>
                        </span>
                        <span className="antd-trend-down">
                          <Icon type="caret-down" />
                          <CaretDownOutlined />
                        </span>
                      </div>
                    </div>
@@ -111,7 +112,7 @@
                          <span>超时工单</span>
                        </span>
                        <span className="antd-action">
                          <Icon type="info-circle-o" />
                          <InfoCircleOutlined />
                        </span>
                      </div>
                      <div className="antd-total">
@@ -147,7 +148,7 @@
                          <span>关单</span>
                        </span>
                        <span className="antd-action">
                          <Icon type="info-circle-o" />
                          <InfoCircleOutlined />
                        </span>
                      </div>
                      <div className="antd-total">
@@ -183,7 +184,7 @@
                          <span>原件邮寄</span>
                        </span>
                        <span className="antd-action">
                          <Icon type="info-circle-o" />
                          <InfoCircleOutlined />
                        </span>
                      </div>
                      <div className="antd-total">
@@ -203,7 +204,7 @@
                        <span className="antd-trend-text">10%</span>
                      </span>
                      <span className="antd-trend-up">
                        <Icon type="caret-up" />
                        <CaretUpOutlined />
                      </span>
                    </div>
                    <div className="antd-trend-item">
@@ -212,7 +213,7 @@
                        <span className="antd-trend-text">10%</span>
                      </span>
                      <span className="antd-trend-down">
                        <Icon type="caret-down" />
                        <CaretDownOutlined />
                      </span>
                    </div>
                  </div>
@@ -221,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">
@@ -273,8 +277,8 @@
                </ul>
              </div>
            </div>
          </TabPane>
        </Tabs>
          </div>
        </div>
      </div>
    )
  }