Haina
/
dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/feature/2.0' into feature/2.0

Browse Source
feature/2.0-sales-trade
Lei OT 2 years ago
parent 36ce786c6c 2c7ae26e4a
commit 8507eb89f3
1 changed files with 121 additions and 91 deletions
Show Stats Download Patch File Download Diff File

212
src/views/Sale.jsx
Unescape Escape View File

@ -53,56 +53,86 @@ const Sale = () => {
// };
const column_config_create = (tab_name) => {
let config_data = {
//seriesField: "OPI_Name",
label: {
position: 'top',
},
xAxis: {
label: {
autoHide: false,
autoRotate: true,
},
},
// legend: {
// itemValue: {
// formatter: (text, item) => {
// const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
// return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
// },
// },
// },
// tooltip: {
// customContent: (title, items) => {
// const data = items[0].data || {};console.log(data);
// return `<div>${title}</div>wwwwwww<div></div>`;
// },
// title: (title, datum) => {
// return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
// },
// },};
};
let average_value = 0; //平均线的值
let config_data = [];
switch (tab_name) {
case 'All':
config_data.data = type_data.dataSource;
config_data.xField = 'OPI_Name';
config_data.yField = 'COLI_ML2';
average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ML2, 0) / config_data.data.length);
break;
case 'ResponseRateWhatsApp':
config_data.data = type_data.dataSource;
config_data.xField = 'OPI_Name';
config_data.yField = 'COLI_ConfirmTimeAVG';
average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ConfirmTimeAVG, 0) / config_data.data.length);
break;
case 'ResponseRateByWL':
config_data.data = type_data.dataSource;
config_data.xField = 'OPI_Name';
config_data.yField = 'PriceTime';
average_value = Math.round(config_data.data.reduce((a, b) => a + b.PriceTime, 0) / config_data.data.length);
break;
default:
config_data.data = [];
break;
}
return config_data;
return {
...config_data,
...{
//seriesField: "OPI_Name",//分组
label: {
position: 'top',
},
xAxis: {
label: {
autoHide: false,
autoRotate: true,
},
},
// legend: {
// itemValue: {
// formatter: (text, item) => {
// const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
// return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
// },
// },
// },
// tooltip: {
// customContent: (title, items) => {
// const data = items[0].data || {};console.log(data);
// return `<div>${title}</div>wwwwwww<div></div>`;
// },
// title: (title, datum) => {
// return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
// },
// },};
annotations: average_value
? [
{
type: 'text',
position: ['start', average_value],
content: average_value,
offsetX: -15,
style: {
fill: '#F4664A',
textBaseline: 'bottom',
},
},
{
type: 'line',
start: [-10, average_value],
end: ['max', average_value],
style: {
stroke: '#F4664A',
lineDash: [2, 2],
},
},
]
: [],
},
};
};
const column_config = column_config_create(sale_store.active_tab_key);
@ -146,6 +176,65 @@ const Sale = () => {
],
};
const tab_items = [
{
key: 'All',
label: (
<span>
<ContainerOutlined /> 总览
</span>
),
},
{
key: 'ResponseRateWhatsApp',
label: (
<span>
<UserSwitchOutlined /> 回复率
</span>
),
},
{
key: 'ResponseRateByWL',
label: (
<span>
<UserSwitchOutlined /> 沟通数据
</span>
),
},
{
key: 'Country',
label: (
<span>
<ContainerOutlined /> 国籍
</span>
),
},
{
key: 'Product',
label: (
<span>
<ContainerOutlined /> 产品类型
</span>
),
},
{
key: 'TravelMotivation',
label: (
<span>
<ContainerOutlined /> 出行目的
</span>
),
},
{
key: 'GuestGroupType',
label: (
<span>
<ContainerOutlined /> 成员关系
</span>
),
},
];
return (
<div>
<Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
@ -240,67 +329,8 @@ const Sale = () => {
sale_store.onChange_Tabs(active_key);
sale_store.get_department_order_ml_by_type(date_picker_store);
}}
>
<Tabs.TabPane
tab={
<span>
<ContainerOutlined /> 总览
</span>
}
key="All"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<UserSwitchOutlined /> 回复率
</span>
}
key="ResponseRateWhatsApp"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<UserSwitchOutlined /> 沟通数据
</span>
}
key="ResponseRateByWL"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<ContainerOutlined /> 国籍
</span>
}
key="Country"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<ContainerOutlined />
产品类型
</span>
}
key="Product"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<ContainerOutlined />
出行目的
</span>
}
key="TravelMotivation"
></Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<ContainerOutlined />
成员关系
</span>
}
key="GuestGroupType"
></Tabs.TabPane>
</Tabs>
items={tab_items}
></Tabs>
<Row>
<Col span={24}>
<Table

Write Preview
Loading…
Cancel
Save