From cd42d41344f0f780e0c0ac0a3625aeb78160f9dd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 19 六月 2020 19:58:52 +0800
Subject: [PATCH] 2020-06-19
---
src/tabviews/home/index.jsx | 92 ++++++++++++++++++---------------------------
1 files changed, 37 insertions(+), 55 deletions(-)
diff --git a/src/tabviews/home/index.jsx b/src/tabviews/home/index.jsx
index f02d215..b1ef4b1 100644
--- a/src/tabviews/home/index.jsx
+++ b/src/tabviews/home/index.jsx
@@ -1,18 +1,15 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import {connect} from 'react-redux'
import echarts from 'echarts/lib/echarts'
import 'echarts/lib/chart/bar'
-import 'echarts/lib/chart/line'
import 'echarts/lib/component/tooltip'
-import 'echarts/lib/component/title'
-import 'echarts/lib/component/legend'
-import 'echarts/lib/component/toolbox'
-import 'echarts/lib/component/markPoint'
-import 'echarts/lib/component/markLine'
+// import 'echarts/lib/chart/line'
+// import 'echarts/lib/component/title'
+// import 'echarts/lib/component/legend'
+// import 'echarts/lib/component/toolbox'
+// import 'echarts/lib/component/markPoint'
+// import 'echarts/lib/component/markLine'
import { Icon, Tabs, Slider } from 'antd'
-// import {refreshTabView, modifyTabview} from '@/store/action'
-// import Api from '@/api'
import './index.scss'
const { TabPane } = Tabs
@@ -24,9 +21,7 @@
param: PropTypes.object // 鑿滃崟鍙傛暟
}
- state = {
-
- }
+ state = {}
componentDidMount () {
let myChart = echarts.init(document.getElementById('home'))
@@ -35,7 +30,7 @@
color: ['#1890ff'],
tooltip : {
trigger: 'axis',
- axisPointer : { // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
+ axisPointer : { // 鍧愭爣杞存寚绀哄櫒锛屽潗鏍囪酱瑙﹀彂鏈夋晥
type : '' // 榛樿涓虹洿绾匡紝鍙�変负锛�'line' | 'shadow'
}
},
@@ -68,7 +63,7 @@
],
series : [
{
- name:'閿�鍞',
+ name:'鏈堢淮淇暟',
type:'bar',
barWidth: '30',
data:[30, 52, 200, 334, 390, 330, 220, 170, 220, 290, 350, 410, 440, 530]
@@ -89,14 +84,14 @@
<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>
@@ -105,7 +100,7 @@
<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" />
@@ -114,7 +109,7 @@
<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" />
@@ -125,9 +120,9 @@
<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>
@@ -142,14 +137,14 @@
<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>
@@ -162,9 +157,9 @@
<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>
@@ -179,14 +174,14 @@
<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>
@@ -199,9 +194,9 @@
<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>
@@ -216,14 +211,14 @@
<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>
@@ -237,7 +232,7 @@
<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" />
@@ -259,50 +254,50 @@
</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>
@@ -315,17 +310,4 @@
}
}
-const mapStateToProps = (state) => {
- return {
- // tabviews: state.tabviews
- }
-}
-
-const mapDispatchToProps = (dispatch) => {
- return {
- // refreshTabView: (refreshTab) => dispatch(refreshTabView(refreshTab)),
- // modifyTabview: (tabviews) => dispatch(modifyTabview(tabviews))
- }
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(Home)
\ No newline at end of file
+export default Home
\ No newline at end of file
--
Gitblit v1.8.0