提交 25f81b5b 作者: 龚洪江

修复:数据看板样式调整

上级 4b1679c2
...@@ -61,7 +61,7 @@ $design_height:856; ...@@ -61,7 +61,7 @@ $design_height:856;
} }
.card-progress{ .card-progress{
padding: 0 40px 0 39px; padding-left: 39px;
margin-bottom: 19px; margin-bottom: 19px;
.progress-item{ .progress-item{
display: flex; display: flex;
...@@ -73,7 +73,7 @@ $design_height:856; ...@@ -73,7 +73,7 @@ $design_height:856;
} }
&-info{ &-info{
flex: 1; flex: 1;
margin: 0 36px 0 24px; margin: 0 10px 0 24px;
} }
} }
} }
...@@ -92,7 +92,7 @@ $design_height:856; ...@@ -92,7 +92,7 @@ $design_height:856;
font-size: 1.67rem; font-size: 1.67rem;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
margin-bottom: 5px; line-height: 24px;
text-align: center; text-align: center;
} }
} }
......
...@@ -15,7 +15,7 @@ const TradeInfo = () => { ...@@ -15,7 +15,7 @@ const TradeInfo = () => {
[], [],
); );
// 初始化柱状图 // 初始化柱状图
const initEchartsBar = (totalOrderCount: number[], totalPriceCount: number[]) => { const initEchartsBar = (totalPriceCount: number[]) => {
const myChart = echarts.init(document.getElementById('histogram')); const myChart = echarts.init(document.getElementById('histogram'));
myChart.setOption({ myChart.setOption({
legend: { legend: {
...@@ -23,10 +23,6 @@ const TradeInfo = () => { ...@@ -23,10 +23,6 @@ const TradeInfo = () => {
top: 0, top: 0,
data: [ data: [
{ {
name: '总订单数',
icon: 'pin',
},
{
name: '总交易额', name: '总交易额',
icon: 'pin', icon: 'pin',
}, },
...@@ -42,19 +38,6 @@ const TradeInfo = () => { ...@@ -42,19 +38,6 @@ const TradeInfo = () => {
yAxis: {}, yAxis: {},
series: [ series: [
{ {
name: '总订单数',
type: 'bar',
data: totalOrderCount,
barWidth: '13',
itemStyle: {
barBorderRadius: [7, 7, 0, 0],
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#0B7CFE' },
{ offset: 1, color: '#FFFFFF' },
]),
},
},
{
name: '总交易额', name: '总交易额',
type: 'bar', type: 'bar',
data: totalPriceCount, data: totalPriceCount,
...@@ -78,10 +61,7 @@ const TradeInfo = () => { ...@@ -78,10 +61,7 @@ const TradeInfo = () => {
DataDashboardsAPI.getOrderReportData().then(({ result }) => { DataDashboardsAPI.getOrderReportData().then(({ result }) => {
if (result) { if (result) {
setOrderData(result); setOrderData(result);
initEchartsBar( initEchartsBar([result.saleOrderCount, result.leaseOrderCount, result.serviceOrderCount]);
[result.saleOrderCount, result.leaseOrderCount, result.serviceOrderCount],
[result.saleGMV, result.leaseGMV, result.serviceGMV],
);
setTableData([ setTableData([
{ {
label: '商城售卖', label: '商城售卖',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论