|
@@ -9,30 +9,29 @@ import { Table, Select, Row, Col, Menu, Dropdown, Button, Icon, message } from '
|
9
|
9
|
|
10
|
10
|
import styles from '../styles.less'
|
11
|
11
|
|
12
|
|
-
|
13
|
12
|
const UserSource = (props) => {
|
14
|
13
|
|
15
|
14
|
const [data, setData] = useState({ records: [] })
|
16
|
15
|
const [theStatis, settheStatis] = useState({ records: [] })
|
17
|
|
- const [theCurrent, settheCurrent] = useState({ records: [] })
|
|
16
|
+ const [Current, setTheCurrent] = useState({ records: [] })
|
|
17
|
+
|
18
|
18
|
|
19
|
19
|
useEffect(() => {
|
20
|
|
- UserConversionRate({conversion: 'authorization_phone'})
|
|
20
|
+ UserConversionRate({ conversion: 'authorization_phone' })
|
21
|
21
|
}, [])
|
22
|
22
|
|
23
|
|
- function UserConversionRate(params) {
|
24
|
|
- request({
|
25
|
|
- ...apis.indexEcharts.userConversion,
|
26
|
|
- params,
|
27
|
|
- }).then((data) => {
|
28
|
|
- console.log(data,"data")
|
29
|
|
- setData(data)
|
30
|
|
- })
|
|
23
|
+ function UserConversionRate(params) {
|
|
24
|
+ request({
|
|
25
|
+ ...apis.indexEcharts.userConversion,
|
|
26
|
+ params,
|
|
27
|
+ }).then((data) => {
|
|
28
|
+ console.log(data, "data")
|
|
29
|
+ setData(data)
|
|
30
|
+ })
|
31
|
31
|
}
|
32
|
32
|
|
|
33
|
+ function setDataset(data) {
|
33
|
34
|
|
34
|
|
- function setDataset(data) {
|
35
|
|
-
|
36
|
35
|
const { pvNum, ...other } = data['data_count']
|
37
|
36
|
|
38
|
37
|
// 获取第一个值
|
|
@@ -43,32 +42,33 @@ const UserSource = (props) => {
|
43
|
42
|
}
|
44
|
43
|
|
45
|
44
|
if (pvNum < num) {
|
46
|
|
- theCurrent = []
|
|
45
|
+ Current = []
|
47
|
46
|
} else {
|
48
|
|
- theCurrent = [
|
49
|
|
- { name: this.getStatisName(), value: num },
|
|
47
|
+ Current = [
|
|
48
|
+ { name: getStatisName(), value: num },
|
50
|
49
|
{ name: '其余', value: pvNum - num },
|
51
|
50
|
]
|
52
|
51
|
}
|
53
|
|
-
|
54
|
|
- dataset[theStatis] = theCurrent
|
55
|
|
- }
|
|
52
|
+ console.log(Current, "Current")
|
56
|
53
|
|
|
54
|
+ // this.dataset[theStatis] = theCurrent
|
|
55
|
+
|
|
56
|
+ }
|
57
|
57
|
function getStatisName() {
|
58
|
|
- const statisTypes=[
|
59
|
|
- { label: '授权手机', value: 'authorization_phone' },
|
60
|
|
- { label: '项目收藏', value: 'building_save' },
|
61
|
|
- { label: '项目转发', value: 'building_share' },
|
62
|
|
- { label: '活动收藏', value: 'activity_save' },
|
63
|
|
- { label: '活动转发', value: 'activity_share' },
|
64
|
|
- { label: '资讯收藏', value: 'news_save' },
|
65
|
|
- { label: '资讯转发', value: 'news_share' },
|
66
|
|
- { label: '活动报名', value: 'activity_sign' },
|
67
|
|
-
|
68
|
|
- ]
|
|
58
|
+ const statisTypes = [
|
|
59
|
+ { label: '授权手机', value: 'authorization_phone' },
|
|
60
|
+ { label: '项目收藏', value: 'building_save' },
|
|
61
|
+ { label: '项目转发', value: 'building_share' },
|
|
62
|
+ { label: '活动收藏', value: 'activity_save' },
|
|
63
|
+ { label: '活动转发', value: 'activity_share' },
|
|
64
|
+ { label: '资讯收藏', value: 'news_save' },
|
|
65
|
+ { label: '资讯转发', value: 'news_share' },
|
|
66
|
+ { label: '活动报名', value: 'activity_sign' },
|
|
67
|
+
|
|
68
|
+ ]
|
69
|
69
|
return statisTypes.filter(x => x.value == theStatis)[0].label
|
70
|
70
|
}
|
71
|
|
-
|
|
71
|
+
|
72
|
72
|
const options = {
|
73
|
73
|
legend: {},
|
74
|
74
|
color: ['#8B7FE2', '#DDDDDD'],
|
|
@@ -77,28 +77,27 @@ const UserSource = (props) => {
|
77
|
77
|
type: 'pie',
|
78
|
78
|
name: '转化率',
|
79
|
79
|
radius: ['34%', '52%'],
|
80
|
|
- data:[ { name: '授权手机', value: 6 },
|
81
|
|
- { name: '其余', value: 5 },]
|
82
|
|
- }
|
83
|
|
-
|
84
|
|
- }
|
85
|
|
-
|
86
|
|
- function onChange (e) {
|
87
|
|
- UserConversionRate({conversion: e})
|
|
80
|
+ data: Current,
|
88
|
81
|
|
|
82
|
+ }
|
89
|
83
|
}
|
90
|
84
|
|
|
85
|
+ function onChange(e) {
|
|
86
|
+ settheStatis(e)
|
|
87
|
+ UserConversionRate({ conversion: e }).then(res => {
|
|
88
|
+ console.log(data, "this")
|
|
89
|
+ setDataset(res)
|
|
90
|
+ })
|
|
91
|
+ }
|
91
|
92
|
const piestyles = {
|
92
|
93
|
width: '100%',
|
93
|
94
|
height: '400px',
|
94
|
|
-
|
95
|
95
|
}
|
96
|
96
|
|
97
|
|
-
|
98
|
97
|
return (
|
99
|
98
|
<>
|
100
|
99
|
<div>
|
101
|
|
- <p style={{fontSize:'0.12rem',fontWeight:'600'}}>转化率</p>
|
|
100
|
+ <p style={{ fontSize: '0.12rem', fontWeight: '600' }}>转化率</p>
|
102
|
101
|
|
103
|
102
|
<Select
|
104
|
103
|
style={{ width: 200 }}
|