|
@@ -49,39 +49,51 @@
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span>用电统计</span>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
<el-table :data="[numElecMeterHData]" border style="width: 100%">
|
|
|
<!-- 第一行:用电量 -->
|
|
|
- <el-table-column label="低谷-用量(千瓦时)" align="center">
|
|
|
+ <el-table-column label="" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.lowElec.quantity ? scope.row.lowElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ '电量(千瓦时)' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="合计" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.total.quantity ? scope.row.total.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="平峰-用量(千瓦时)" align="center">
|
|
|
+ <el-table-column label="平段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.normalElec.quantity ? scope.row.normalElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="高峰-用量(千瓦时)" align="center">
|
|
|
+ <el-table-column label="谷段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.highElec.quantity ? scope.row.highElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.lowElec.quantity ? scope.row.lowElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="尖峰-用量(千瓦时)" align="center">
|
|
|
+ <el-table-column label="峰段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.peakElec.quantity ? scope.row.peakElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.highElec.quantity ? scope.row.highElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="合计电量(千瓦时)" align="center">
|
|
|
+ <el-table-column label="尖峰段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.total.quantity ? scope.row.total.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.peakElec.quantity ? scope.row.peakElec.quantity.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 第二行:总金额 -->
|
|
|
- <el-table :data="[numElecMeterHData]" border style="width: 100%; margin-top: 10px">
|
|
|
- <el-table-column label="低谷-金额(元)" align="center">
|
|
|
+ <el-table :data="[numElecMeterHData]" border style="width: 100%; margin-top: 10px" :show-header="false">
|
|
|
+ <el-table-column label="" align="center" >
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.lowElec.useCost ? scope.row.lowElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ '金额(元)' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="合计" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.total.useCost ? scope.row.total.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="平峰-金额(元)" align="center">
|
|
@@ -89,26 +101,25 @@
|
|
|
<span>{{ scope.row.normalElec.useCost ? scope.row.normalElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="高峰-金额(元)" align="center">
|
|
|
+ <el-table-column label="低谷段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.highElec.useCost ? scope.row.highElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.lowElec.useCost ? scope.row.lowElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="尖峰-金额(元)" align="center">
|
|
|
+ <el-table-column label="高峰段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.peakElec.useCost ? scope.row.peakElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.highElec.useCost ? scope.row.highElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="合计金额(元)" align="center">
|
|
|
+ <el-table-column label="尖峰段" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.total.useCost ? scope.row.total.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
+ <span>{{ scope.row.peakElec.useCost ? scope.row.peakElec.useCost.toFixed(2) : '0.00' }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
|
|
|
<el-table v-if="activeTab === 'first'" v-loading="loading" :data="elecMeterHList">
|
|
|
- <el-table-column type="selection" width="55" align="center"/>
|
|
|
<el-table-column label="表计名称" align="left" prop="deviceName" width="250px"/>
|
|
|
<el-table-column label="表计编号" align="left" prop="deviceCode"/>
|
|
|
<el-table-column label="抄表时间" align="center" prop="recordTime" width="180">
|
|
@@ -116,9 +127,9 @@
|
|
|
<span>{{ formatDateTime(scope.row.recordTime) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="计量类型" align="center" prop="meterType">
|
|
|
+ <el-table-column label="计量时段" align="center" prop="meterType">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ getElecMeterType(scope.row.meterType) + "( "+scope.row.meterUnitPrice + " )"}}</span>
|
|
|
+ <span>{{ getElecMeterType(scope.row.meterType) + "( " + scope.row.meterUnitPrice + " )"}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
@@ -481,10 +492,10 @@ export default {
|
|
|
},
|
|
|
getElecMeterType(meterType) {
|
|
|
const meterTypeMap = {
|
|
|
- '-1': '低谷电',
|
|
|
- '0': '平峰电',
|
|
|
- '1': '高峰电',
|
|
|
- '2': '尖峰电'
|
|
|
+ '-1': '谷段',
|
|
|
+ '0': '平段',
|
|
|
+ '1': '峰段',
|
|
|
+ '2': '尖峰段'
|
|
|
}
|
|
|
return meterTypeMap[meterType] || '未知'
|
|
|
}
|