This commit is contained in:
曹辉 2022-12-27 16:10:48 +08:00
parent 3f79f791a0
commit fcdebbd779

View File

@ -45,14 +45,8 @@
<div class="totals">{{ summaryTodayList.totalPrice }}</div> <div class="totals">{{ summaryTodayList.totalPrice }}</div>
</div> </div>
</div> </div>
<el-row> <div class="main2" id="main2" style="width: 1200px; height: 500px"></div>
<el-col :span="12"> <div class="main" id="main" style="width: 1200px; height: 500px"></div>
<div class="main2" id="main2" style="width: 100%; height: 500px"></div>
</el-col>
<el-col :span="12">
<div class="main" id="main" style="width: 100%; height: 500px"></div>
</el-col>
</el-row>
<el-row> <el-row>
<div class="title">热卖商品TOP10</div> <div class="title">热卖商品TOP10</div>
<el-table :data="list" style="width: 96%; margin: 0 auto"> <el-table :data="list" style="width: 96%; margin: 0 auto">
@ -141,7 +135,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,10 +144,10 @@ 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: { legend: {
right: 20, right: 20,
orient: "vertical", orient: "vertical",
data: ["订单数量", "订单金额"], data: ["订单数量", "订单金额"],
}, },
xAxis: { xAxis: {
type: "category", type: "category",
data: timedata, data: timedata,
@ -323,7 +317,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: {
@ -332,10 +326,10 @@ 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: { legend: {
right: 20, right: 20,
orient: "vertical", orient: "vertical",
data: ["订单数量", "订单金额"], data: ["订单数量", "订单金额"],
}, },
xAxis: { xAxis: {
type: "category", type: "category",
data: timedata, data: timedata,
@ -504,6 +498,12 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.main2{
margin: 0 auto;
}
.main{
margin: 0 auto;
}
.title { .title {
margin: 20px 0 20px 2%; margin: 20px 0 20px 2%;
font-size: 18px; font-size: 18px;