| | |
| | | ], |
| | | series : [ |
| | | { |
| | | name:'销售额', |
| | | name:'月维修数', |
| | | type:'bar', |
| | | barWidth: '30', |
| | | data:[30, 52, 200, 334, 390, 330, 220, 170, 220, 290, 350, 410, 440, 530] |
| | |
| | | <div className="antd-meta-wrap"> |
| | | <div className="antd-meta"> |
| | | <span> |
| | | <span>总销售额</span> |
| | | <span>维修总数</span> |
| | | </span> |
| | | <span className="antd-action"> |
| | | <Icon type="info-circle-o" /> |
| | | </span> |
| | | </div> |
| | | <div className="antd-total"> |
| | | <span>¥ 126,560</span> |
| | | <span>100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-trend-item" style={{marginRight: '16px'}}> |
| | | <span> |
| | | <span>周同比</span> |
| | | <span className="antd-trend-text">12%</span> |
| | | <span className="antd-trend-text">10%</span> |
| | | </span> |
| | | <span className="antd-trend-up"> |
| | | <Icon type="caret-up" /> |
| | |
| | | <div className="antd-trend-item"> |
| | | <span> |
| | | <span>日同比</span> |
| | | <span className="antd-trend-text">11%</span> |
| | | <span className="antd-trend-text">10%</span> |
| | | </span> |
| | | <span className="antd-trend-down"> |
| | | <Icon type="caret-down" /> |
| | |
| | | <div className="antd-chart-footer"> |
| | | <div className="antd-field"> |
| | | <span className="antd-label"> |
| | | <span>日销售额</span> |
| | | <span>维修总数</span> |
| | | </span> |
| | | <span className="antd-number">¥12,423</span> |
| | | <span className="antd-number">100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-meta-wrap"> |
| | | <div className="antd-meta"> |
| | | <span> |
| | | <span>产量</span> |
| | | <span>超时工单</span> |
| | | </span> |
| | | <span className="antd-action"> |
| | | <Icon type="info-circle-o" /> |
| | | </span> |
| | | </div> |
| | | <div className="antd-total"> |
| | | <span>8,560</span> |
| | | <span>100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-chart-footer"> |
| | | <div className="antd-field"> |
| | | <span className="antd-label"> |
| | | <span>日产量</span> |
| | | <span>超时工单</span> |
| | | </span> |
| | | <span className="antd-number">1,423</span> |
| | | <span className="antd-number">100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-meta-wrap"> |
| | | <div className="antd-meta"> |
| | | <span> |
| | | <span>工单数</span> |
| | | <span>关单</span> |
| | | </span> |
| | | <span className="antd-action"> |
| | | <Icon type="info-circle-o" /> |
| | | </span> |
| | | </div> |
| | | <div className="antd-total"> |
| | | <span>6,560</span> |
| | | <span>100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-chart-footer"> |
| | | <div className="antd-field"> |
| | | <span className="antd-label"> |
| | | <span>日工单数</span> |
| | | <span>关单</span> |
| | | </span> |
| | | <span className="antd-number">120</span> |
| | | <span className="antd-number">100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-meta-wrap"> |
| | | <div className="antd-meta"> |
| | | <span> |
| | | <span>周转率</span> |
| | | <span>原件邮寄</span> |
| | | </span> |
| | | <span className="antd-action"> |
| | | <Icon type="info-circle-o" /> |
| | | </span> |
| | | </div> |
| | | <div className="antd-total"> |
| | | <span>87%</span> |
| | | <span>100</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div className="antd-trend-item" style={{marginRight: '16px'}}> |
| | | <span> |
| | | <span>周同比</span> |
| | | <span className="antd-trend-text">17%</span> |
| | | <span className="antd-trend-text">10%</span> |
| | | </span> |
| | | <span className="antd-trend-up"> |
| | | <Icon type="caret-up" /> |
| | |
| | | </div> |
| | | </div> |
| | | <Tabs defaultActiveKey="1"> |
| | | <TabPane tab="销售额" key="1"> |
| | | <TabPane tab="维修总数" key="1"> |
| | | <div id="home" className="sale-trend ant-col ant-col-xs-16"></div> |
| | | <div className="ant-col ant-col-xs-8"> |
| | | <div className="antd-sales-rank"> |
| | | <h4 className="antd-ranking-title">销量排名</h4> |
| | | <h4 className="antd-ranking-title">产品排名</h4> |
| | | <ul className="antd-ranking-list"> |
| | | <li> |
| | | <span className="antd-ranking-active">1</span> |
| | | <span className="antd-ranking-title">产品1</span> |
| | | <span className="antd-ranking-title">KU699</span> |
| | | <span>723,234</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-active">2</span> |
| | | <span className="antd-ranking-title">产品2</span> |
| | | <span className="antd-ranking-title">KU110</span> |
| | | <span>683,434</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-active">3</span> |
| | | <span className="antd-ranking-title">产品3</span> |
| | | <span className="antd-ranking-title">KU110K</span> |
| | | <span>527,264</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-number">4</span> |
| | | <span className="antd-ranking-title">产品4</span> |
| | | <span className="antd-ranking-title">KU066.9</span> |
| | | <span>493,233</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-number">5</span> |
| | | <span className="antd-ranking-title">产品5</span> |
| | | <span className="antd-ranking-title">KU079</span> |
| | | <span>323,734</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-number">6</span> |
| | | <span className="antd-ranking-title">产品6</span> |
| | | <span className="antd-ranking-title">KU153</span> |
| | | <span>303,934</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-number">7</span> |
| | | <span className="antd-ranking-title">产品7</span> |
| | | <span className="antd-ranking-title">KU151</span> |
| | | <span>227,244</span> |
| | | </li> |
| | | <li> |
| | | <span className="antd-ranking-number">8</span> |
| | | <span className="antd-ranking-title">产品8</span> |
| | | <span className="antd-ranking-title">KU720</span> |
| | | <span>223,734</span> |
| | | </li> |
| | | </ul> |