xinyilu/NurseStationOperateUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单数量

Browse Source
This commit is contained in:
闫晓茹 2022-12-09 11:34:22 +08:00
parent 5f413ed0d9
commit 8d3b15bea2
1 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/index.vue
View File

@ -40,12 +40,10 @@
<div class="totals">{{ summaryTodayList.orderCount }}</div> <div class="totals">{{ summaryTodayList.orderCount }}</div>
</div> </div>
<div class="todayitem"> <div class="todayitem">
<div class="el-icon-money icon"></div> <div class="el-icon-money icon"></div>
<div class="goodsinfo">今日交易额</div> <div class="goodsinfo">今日交易额</div>
<div class="totals">{{ summaryTodayList.totalPrice }}</div> <div class="totals">{{ summaryTodayList.totalPrice }}</div>
</div> </div>
</div> </div>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -123,7 +121,7 @@ export default {
res.data.forEach((e) => { res.data.forEach((e) => {
totalPricedata.push(e.totalPrice); totalPricedata.push(e.totalPrice);
}); });
var numberdata = []; var numberdata = [];
res.data.forEach((e) => { res.data.forEach((e) => {
numberdata.push(e.count); numberdata.push(e.count);
}); });
@ -143,6 +141,7 @@ export default {
color: "#ddd", color: "#ddd",
}, },
}, },
backgroundColor: "rgba(255,255,255,1)", backgroundColor: "rgba(255,255,255,1)",
padding: [5, 10], padding: [5, 10],
textStyle: { textStyle: {
@ -150,6 +149,11 @@ export default {
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)", extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)",
}, },
legend: {
right: 20,
orient: "vertical",
data: ["订单数量", "订单金额"],
},
xAxis: { xAxis: {
type: "category", type: "category",
data: timedata, data: timedata,
@ -230,7 +234,7 @@ export default {
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: "#6194f9", color: "#87B1F7",
}, },
}, },
lineStyle: { lineStyle: {
@ -257,11 +261,11 @@ export default {
[ [
{ {
offset: 0, offset: 0,
color: "#d6e3fd", color: "#D6F5E9",
}, },
{ {
offset: 1, offset: 1,
color: "#d6e3fd", color: "#D6F5E9",
}, },
], ],
false false
@ -270,7 +274,7 @@ export default {
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: "#6194f9", color: "#57D1A0",
}, },
}, },
lineStyle: { lineStyle: {
@ -285,7 +289,7 @@ export default {
} else { } else {
} }
}); });
getWeekGoodsTradeTrend ().then((res) => { getWeekGoodsTradeTrend().then((res) => {
if (res.code == 200) { if (res.code == 200) {
var timedata = []; var timedata = [];
res.data.forEach((e) => { res.data.forEach((e) => {
@ -295,10 +299,14 @@ export default {
res.data.forEach((e) => { res.data.forEach((e) => {
numberdata.push(e.count); numberdata.push(e.count);
}); });
var totalPricedata = []; var totalPricedata = [];
res.data.forEach((e) => { res.data.forEach((e) => {
totalPricedata.push(e.totalPrice); totalPricedata.push(e.totalPrice);
}); });
var moneydata = [];
res.data.forEach((e) => {
numberdata.push(e.count);
});
var chartDom = document.getElementById("main"); var chartDom = document.getElementById("main");
var myChart = echarts.init(chartDom); var myChart = echarts.init(chartDom);
var option; var option;
@ -315,6 +323,7 @@ export default {
color: "#ddd", color: "#ddd",
}, },
}, },
backgroundColor: "rgba(255,255,255,1)", backgroundColor: "rgba(255,255,255,1)",
padding: [5, 10], padding: [5, 10],
textStyle: { textStyle: {
@ -322,6 +331,11 @@ export default {
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)", extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)",
}, },
legend: {
right: 20,
orient: "vertical",
data: ["订单数量", "订单金额"],
},
xAxis: { xAxis: {
type: "category", type: "category",
data: timedata, data: timedata,
@ -389,11 +403,11 @@ export default {
[ [
{ {
offset: 0, offset: 0,
color: "rgba(216, 244, 247,1)", color: "#d6e3fd",
}, },
{ {
offset: 1, offset: 1,
color: "rgba(216, 244, 247,1)", color: "#d6e3fd",
}, },
], ],
false false
@ -402,7 +416,7 @@ export default {
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: "#58c8da", color: "#87B1F7",
}, },
}, },
lineStyle: { lineStyle: {
@ -429,11 +443,11 @@ export default {
[ [
{ {
offset: 0, offset: 0,
color: "rgba(216, 244, 247,1)", color: "#D6F5E9",
}, },
{ {
offset: 1, offset: 1,
color: "rgba(216, 244, 247,1)", color: "#D6F5E9",
}, },
], ],
false false
@ -442,7 +456,7 @@ export default {
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: "#58c8da", color: "#57D1A0",
}, },
}, },
lineStyle: { lineStyle: {
@ -580,7 +594,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 0.4em; border-radius: 0.4em;
font-weight: 700; font-weight: 700;
background: hsla(0,0%,92.2%,.5333333333333333); background: hsla(0, 0%, 92.2%, 0.5333333333333333);
padding: 20px; padding: 20px;
.goodsinfo { .goodsinfo {
margin-top: 5px; margin-top: 5px;