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

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

View File

@@ -1,59 +1,58 @@
<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">
@@ -66,8 +65,6 @@
</div> </div>
<div class="progress"></div> <div class="progress"></div>
</div> </div>
</el-col>
<el-col :span="4" :xs="24">
<div class="box"> <div class="box">
<div>总充电费用</div> <div>总充电费用</div>
<div class="box-text"> <div class="box-text">
@@ -81,8 +78,6 @@
</div> </div>
<div class="progress"></div> <div class="progress"></div>
</div> </div>
</el-col>
<el-col :span="4" :xs="24">
<div class="box"> <div class="box">
<div>总充电订单数</div> <div>总充电订单数</div>
<div class="box-text"> <div class="box-text">
@@ -95,8 +90,6 @@
</div> </div>
<div class="progress"></div> <div class="progress"></div>
</div> </div>
</el-col>
<el-col :span="4" :xs="24">
<div class="box"> <div class="box">
<div>总充电设备数量</div> <div>总充电设备数量</div>
<div class="box-text"> <div class="box-text">
@@ -109,9 +102,7 @@
</div> </div>
<div class="progress"></div> <div class="progress"></div>
</div> </div>
</el-col> <div class="box" v-hasRole="['admin', 'common']">
<el-col :span="4" :xs="24" v-hasRole="['admin', 'common']">
<div class="box" >
<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>
@@ -123,8 +114,6 @@
</div> </div>
<div class="progress"></div></div <div class="progress"></div></div
> >
</el-col>
<el-col :span="4" :xs="24">
<div class="box"> <div class="box">
<div>总服务费金额</div> <div>总服务费金额</div>
<div class="box-text"> <div class="box-text">
@@ -137,8 +126,7 @@
</div> </div>
<div class="progress"></div> <div class="progress"></div>
</div> </div>
</el-col> </div>
</el-row>
<h1>订单</h1> <h1>订单</h1>
<hr /> <hr />
<el-button style="background-color: #1ab394; color: #ffffff" <el-button style="background-color: #1ab394; color: #ffffff"

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>

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>