Skip to content

M
Muse
Commit afe5c7db authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

1

parent 67247df6
Show whitespace changes
Inline Side-by-side
Showing with 37 additions and 57 deletions
src/components/viitto/saleDataLook.vue
View file @ afe5c7db
...@@ -231,6 +231,12 @@ ...@@ -231,6 +231,12 @@
.company-class .el-select-dropdown__item.hover,.company-class .el-select-dropdown__item:hover { .company-class .el-select-dropdown__item.hover,.company-class .el-select-dropdown__item:hover {
background-color: #252D48 !important; background-color: #252D48 !important;
} }
.my-drawer-sale{
width: 40% !important;
}
.my-drawer-sale .item{
flex: 1
}
</style> </style>
<template> <template>
<div class="dataLook" v-loading="!loding"> <div class="dataLook" v-loading="!loding">
...@@ -309,7 +315,7 @@ ...@@ -309,7 +315,7 @@
<div class="item"> <div class="item">
<div>月度</div> <div>月度</div>
<div> <div>
{{OutherData.MonthClient}}<span class="sub">%</span> {{OutherData.MonthClient}}
</div> </div>
</div> </div>
</div> </div>
...@@ -353,7 +359,7 @@ ...@@ -353,7 +359,7 @@
</div> </div>
</div> </div>
<el-drawer <el-drawer
custom-class="my-drawer" custom-class="my-drawer my-drawer-sale"
:show-close="false" :show-close="false"
:visible.sync="drawer" :visible.sync="drawer"
:direction="direction" :direction="direction"
......
src/components/viitto/saleLineChart.vue
View file @ afe5c7db
...@@ -21,10 +21,7 @@ ...@@ -21,10 +21,7 @@
font-family: "PINGFANG REGULAR"; font-family: "PINGFANG REGULAR";
} }
.myecharts-sale{ .myecharts-sale{
height: 100%; height: 950px;
}
.myecharts-sale{
height: 1480px;
} }
</style> </style>
<template> <template>
...@@ -131,32 +128,32 @@ export default { ...@@ -131,32 +128,32 @@ export default {
left: 80, left: 80,
right: 10, right: 10,
top: '40px', top: '40px',
height: '180px' height: '100px'
}, { }, {
left: 80, left: 80,
right: 10, right: 10,
top: '280px', top: '190px',
height: '180px' height: '100px'
}, { }, {
left: 80, left: 80,
right: 10, right: 10,
top: '520px', top: '340',
height: '180px' height: '100px'
}, { }, {
left: 80, left: 80,
right: 10, right: 10,
top: '760px', top: '490px',
height: '180px' height: '100px'
}, { }, {
left: 80, left: 80,
right: 10, right: 10,
top: '1000px', top: '630px',
height: '180px' height: '100px'
}, { }, {
left: 80, left: 80,
right: 10, right: 10,
top: '1240px', top: '780px',
height: '180px' height: '100px'
} }
], ],
xAxis : [ xAxis : [
...@@ -315,8 +312,8 @@ export default { ...@@ -315,8 +312,8 @@ export default {
}, },
{ {
gridIndex: 5, gridIndex: 5,
name : '售后服务', name: '售后服务',
type : 'value', type: 'value',
inverse: false, inverse: false,
splitLine: { splitLine: {
lineStyle: { lineStyle: {
...@@ -353,14 +350,12 @@ export default { ...@@ -353,14 +350,12 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "#F5AF19", color: "#F5AF19",
shadowBlur: 5, width: 1,
width: 3,
shadowColor: "#F5AF19"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(245,175,25,1)" }, { offset: 0, color: "rgba(245,175,25,.5)" },
{ offset: .8, color: "rgba(245,175,25,0)" } { offset: .8, color: "rgba(245,175,25,0)" }
]) ])
} }
...@@ -385,14 +380,14 @@ export default { ...@@ -385,14 +380,14 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "#9345F8", color: "#9345F8",
shadowBlur: 5, // shadowBlur: 5,
width: 3, width: 1,
shadowColor: "#3FD2F3" // shadowColor: "#3FD2F3"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(147,69,248,1)" }, { offset: 0, color: "rgba(147,69,248,.5)" },
{ offset: .8, color: "rgba(147,69,248,0)" } { offset: .8, color: "rgba(147,69,248,0)" }
]) ])
} }
...@@ -417,14 +412,12 @@ export default { ...@@ -417,14 +412,12 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "#32ff7e", color: "#32ff7e",
shadowBlur: 5, width: 1,
width: 3,
shadowColor: "#3ae374"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(50, 255, 126,1)" }, { offset: 0, color: "rgba(50, 255, 126,.5)" },
{ offset: .8, color: "rgba(50, 255, 126,0)" } { offset: .8, color: "rgba(50, 255, 126,0)" }
]) ])
} }
...@@ -448,14 +441,12 @@ export default { ...@@ -448,14 +441,12 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "rgb(103, 230, 220)", color: "rgb(103, 230, 220)",
shadowBlur: 5, width: 1,
width: 3,
shadowColor: "#3ae374"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(103, 230, 220,1)" }, { offset: 0, color: "rgba(103, 230, 220,.5)" },
{ offset: .8, color: "rgba(103, 230, 220,0)" } { offset: .8, color: "rgba(103, 230, 220,0)" }
]) ])
} }
...@@ -479,14 +470,12 @@ export default { ...@@ -479,14 +470,12 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "rgb(255, 184, 184)", color: "rgb(255, 184, 184)",
shadowBlur: 5, width: 1,
width: 3,
shadowColor: "rgb(255, 184, 184)"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(255, 184, 184,1)" }, { offset: 0, color: "rgba(255, 184, 184,.5)" },
{ offset: .8, color: "rgba(255, 184, 184,0)" } { offset: .8, color: "rgba(255, 184, 184,0)" }
]) ])
} }
...@@ -510,14 +499,12 @@ export default { ...@@ -510,14 +499,12 @@ export default {
}, },
lineStyle: { lineStyle: {
color: "#FFAA85", color: "#FFAA85",
width: 3, width: 1,
shadowBlur: 5,
shadowColor: "#EE4454"
}, },
areaStyle: { areaStyle: {
normal: { normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "rgba(239,71,86,1)" }, { offset: 0, color: "rgba(239,71,86,.5)" },
{ offset: .8, color: "rgba(239,71,86,0)" } { offset: .8, color: "rgba(239,71,86,0)" }
]) ])
} }
......
src/components/viitto/saleLineChartK.vue
View file @ afe5c7db
...@@ -97,7 +97,7 @@ export default { ...@@ -97,7 +97,7 @@ export default {
backgroundColor: '#21202D', backgroundColor: '#21202D',
color:['#2ecc71','#3498db','#9b59b6','#f1c40f','#e74c3c','#fffa65'], color:['#2ecc71','#3498db','#9b59b6','#f1c40f','#e74c3c','#fffa65'],
legend: { legend: {
data: ['成交单价', '订单数', '平均价格'], data: ['成交单价', '订单数'],
inactiveColor: '#777', inactiveColor: '#777',
textStyle: { textStyle: {
color: '#fff' color: '#fff'
...@@ -131,7 +131,6 @@ export default { ...@@ -131,7 +131,6 @@ export default {
res += '<br/> 最低值: ' + params[0].value[3] res += '<br/> 最低值: ' + params[0].value[3]
res += '<br/> 最高值: ' + params[0].value[4] res += '<br/> 最高值: ' + params[0].value[4]
res += '<br/> 订单数: ' + params[0].value[5] res += '<br/> 订单数: ' + params[0].value[5]
res += '<br/> 平均价格: ' + params[0].value[6]
return res return res
} }
...@@ -233,18 +232,6 @@ export default { ...@@ -233,18 +232,6 @@ export default {
width: 1, width: 1,
} }
}, },
{
name: '平均价格',
type: 'line',
yAxisIndex: 0,
data: calculateMA(5, _this.dataList),
smooth: true,
showSymbol: false,
z: 3,
lineStyle: {
width: 1,
}
},
] ]
} }
_this.myChart.setOption(option); _this.myChart.setOption(option);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment