autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-05-03 09:29:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

update 前端页面

Browse Source
This commit is contained in:
Lemon
2023-06-30 11:14:25 +08:00
parent 9f7d36aefe
commit 8baee9be64
2 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
jsowell-ui/src/views/homeIndex/homeIndex.vue
View File

@@ -1,9 +1,12 @@
<template>
<el-row :gutter="0" type="flex" style="flex-wrap:wrap">
<div>
<h1>概况</h1>
<hr />
<div style="display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px">
<div class="box" style="background-color: #ffba00;">
<el-col :span="4">
<div class="box" style="background-color: #ffba00;">
<el-image class="box-image"
:src="require('@/assets/images/lightning.png')"
/>
@@ -12,6 +15,8 @@
<div>总充电电量(度)</div>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="box" style="background-color: #c74542;">
<el-image class="box-image"
:src="require('@/assets/images/zongfeiyong.png')" />
@@ -20,6 +25,9 @@
<div>总充电费用(元)</div>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="box" style="background-color: #12ce65;">
<el-image
class="box-image"
@@ -27,8 +35,11 @@
<div class="flex1">
<b class="box-h1">{{ generalSituation.totalChargingQuantity}}</b>
<div>总充电订单数(笔)</div>
</div>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="box" style="background-color: #909399;">
<el-image
class="box-image"
@@ -38,6 +49,9 @@
<div>总充电设备数量(座)</div>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="box" v-hasRole="['admin', 'common']" style="background-color: #ff4949;">
<el-image
class="box-image"
@@ -46,8 +60,9 @@
<div class="flex1">
<b class="box-h1">{{ generalSituation.totalMemberAmount }}</b>
<div>总客户余额(元)</div>
</div>
</div>
</div>
</el-col>
<!-- <div class="box">-->
<!-- <div>总服务费金额</div>-->
<!-- <div class="box-text">-->
@@ -74,6 +89,7 @@
<!-- <hr /> -->
<!-- <h1>设备</h1> -->
</div>
</el-row>
</template>
<script>
import Echarts from "echarts";
@@ -387,4 +403,14 @@ export default {
border: 3px solid #fff;
margin-top: 5px;
}
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.el-col {
border-radius: 4px;
}
</style>