autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-13 11:49:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

未使用以及恢复首页原有样式

Browse Source
This commit is contained in:
JS-LM
2023-05-16 09:21:39 +08:00
parent 27003fb208
commit 7cf38df2a3
3 changed files with 125 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,144 +1,132 @@
<template> <template>
<div> <div>
<h1>电桩</h1> <!-- <h1>电桩</h1>-->
<hr /> <!-- <hr />-->
<el-table <!-- <el-table-->
stripe <!-- stripe-->
border <!-- border-->
:data="tableData" <!-- :data="tableData"-->
style="width: 100%"> <!-- style="width: 100%">-->
<el-table-column <!-- <el-table-column-->
label="序号" <!-- label="序号"-->
type="index" <!-- type="index"-->
> <!-- >-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="pileSn" <!-- prop="pileSn"-->
label="编号"> <!-- label="编号">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="stationName" <!-- prop="stationName"-->
label="名称" <!-- label="名称"-->
> <!-- >-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="stationAddress" <!-- prop="stationAddress"-->
label="电站"> <!-- label="电站">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="type" <!-- prop="type"-->
label="接口"> <!-- label="接口">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="power" <!-- prop="power"-->
label="功率"> <!-- label="功率">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="degree" <!-- prop="degree"-->
label="度数"> <!-- label="度数">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="electricityPrice" <!-- prop="electricityPrice"-->
label="电费"> <!-- label="电费">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="servicePrice" <!-- prop="servicePrice"-->
label="服务费"> <!-- label="服务费">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
prop="chargingNumber" <!-- prop="chargingNumber"-->
label="充电次数"> <!-- label="充电次数">-->
</el-table-column> <!-- </el-table-column>-->
</el-table> <!-- </el-table>-->
<h1>概况</h1> <h1>概况</h1>
<hr /> <hr />
<el-row :gutter="24"> <div style="display: flex;justify-content: space-between">
<el-col :span="4" :xs="24"> <div class="box">
<div class="box"> <div>总充电电量</div>
<div>总充电电量</div> <div class="box-text">
<div class="box-text"> <b class="box-h1">{{ generalSituation.totalChargingDegree }}</b>
<b class="box-h1">{{ generalSituation.totalChargingDegree }}</b> <i>度</i>
<i>度</i> <el-image
<el-image style="width: 80px; height: 80px"
style="width: 80px; height: 80px" :src="require('@/assets/images/lightning.png')"
:src="require('@/assets/images/lightning.png')" ></el-image>
></el-image>
</div>
<div class="progress"></div>
</div> </div>
</el-col> <div class="progress"></div>
<el-col :span="4" :xs="24"> </div>
<div class="box"> <div class="box">
<div>总充电费用</div> <div>总充电费用</div>
<div class="box-text"> <div class="box-text">
<b class="box-h1">{{ generalSituation.totalChargingAmount }}</b> <b class="box-h1">{{ generalSituation.totalChargingAmount }}</b>
<i>元</i> <i>元</i>
<!-- <image src="/assets/images/login-background.jpg"></image> --> <!-- <image src="/assets/images/login-background.jpg"></image> -->
<el-image <el-image
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
:src="require('@/assets/images/zongfeiyong.png')" :src="require('@/assets/images/zongfeiyong.png')"
></el-image> ></el-image>
</div>
<div class="progress"></div>
</div> </div>
</el-col> <div class="progress"></div>
<el-col :span="4" :xs="24"> </div>
<div class="box"> <div class="box">
<div>总充电订单数</div> <div>总充电订单数</div>
<div class="box-text"> <div class="box-text">
<b class="box-h1">{{ generalSituation.totalChargingQuantity }}</b> <b class="box-h1">{{ generalSituation.totalChargingQuantity }}</b>
<i>笔</i> <i>笔</i>
<el-image <el-image
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
:src="require('@/assets/images/dingdan.png')" :src="require('@/assets/images/dingdan.png')"
></el-image> ></el-image>
</div>
<div class="progress"></div>
</div> </div>
</el-col> <div class="progress"></div>
<el-col :span="4" :xs="24"> </div>
<div class="box"> <div class="box">
<div>总充电设备数量</div> <div>总充电设备数量</div>
<div class="box-text"> <div class="box-text">
<b class="box-h1">{{ generalSituation.totalPileQuantity }}</b> <b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
<i>座</i> <i>座</i>
<el-image <el-image
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
:src="require('@/assets/images/shebei.png')" :src="require('@/assets/images/shebei.png')"
></el-image> ></el-image>
</div>
<div class="progress"></div>
</div> </div>
</el-col> <div class="progress"></div>
<el-col :span="4" :xs="24" v-hasRole="['admin', 'common']"> </div>
<div class="box" > <div class="box" v-hasRole="['admin', 'common']">
<div>总客户余额</div> <div>总客户余额</div>
<div class="box-text"> <div class="box-text">
<b class="box-h1">{{ generalSituation.totalMemberAmount }}</b> <b class="box-h1">{{ generalSituation.totalMemberAmount }}</b>
<i>元</i> <i>元</i>
<el-image <el-image
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
:src="require('@/assets/images/yue.png')" :src="require('@/assets/images/yue.png')"
></el-image> ></el-image>
</div>
<div class="progress"></div></div
>
</el-col>
<el-col :span="4" :xs="24">
<div class="box">
<div>总服务费金额</div>
<div class="box-text">
<b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
<i>元</i>
<el-image
style="width: 80px; height: 80px"
:src="require('@/assets/images/shebei.png')"
></el-image>
</div>
<div class="progress"></div>
</div> </div>
</el-col> <div class="progress"></div></div
</el-row> >
<div class="box">
<div>总服务费金额</div>
<div class="box-text">
<b class="box-h1">{{ generalSituation.totalPileQuantity }}</b>
<i>元</i>
<el-image
style="width: 80px; height: 80px"
:src="require('@/assets/images/shebei.png')"
></el-image>
</div>
<div class="progress"></div>
</div>
</div>
<h1>订单</h1> <h1>订单</h1>
<hr /> <hr />
<el-button style="background-color: #1ab394; color: #ffffff" <el-button style="background-color: #1ab394; color: #ffffff"

4
jsowell-ui/src/views/index.vue
View File

@@ -4,8 +4,8 @@
<el-tab-pane label="全部"> <el-tab-pane label="全部">
<home-index></home-index> <home-index></home-index>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="今日">今日</el-tab-pane> <!-- <el-tab-pane label="今日">今日</el-tab-pane>-->
<el-tab-pane label="运营数据大屏">运营数据大屏</el-tab-pane> <!-- <el-tab-pane label="运营数据大屏">运营数据大屏</el-tab-pane>-->
</el-tabs> </el-tabs>
</div> </div>
</template> </template>

6
jsowell-ui/src/views/pile/station/detail.vue
View File

@@ -31,9 +31,9 @@
<billing ref="billing" :stationId="stationId"/> <billing ref="billing" :stationId="stationId"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="客户管理" name="member"> <!-- <el-tab-pane label="客户管理" name="member">-->
角色管理 <!-- 角色管理-->
</el-tab-pane> <!-- </el-tab-pane>-->
<el-tab-pane label="运营管理" name="operation"> <el-tab-pane label="运营管理" name="operation">
<el-form> <el-form>