xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

单体电池、策略

Browse Source
This commit is contained in:
baicai
2025-08-14 17:59:58 +08:00
parent 10033348d6
commit 2cd60ea105
6 changed files with 575 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/views/ems/dzjk/home/ClInfo.vue
View File

@ -1,71 +1,82 @@
<template>
<el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
<div slot="header">
<span class="card-title">策略信息</span>
</div>
<!-- <el-empty :image-size="100" ></el-empty> -->
<div style="box-sizing: border-box; height: 250px;padding:20px 15px;" >
<el-descriptions class="home-normal-info" :column="2" >
<el-descriptions-item size="mini" label="模板名称">模板1</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC限制">开/关</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC下限">0%</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC上限">100%</el-descriptions-item>
</el-descriptions>
<el-table
:data="info.tableData || []"
border
style="width: 100%;margin-top:15px;">
<el-table-column
prop="startTime"
label="开始时间">
</el-table-column>
<el-table-column
prop="endTime"
label="结束时间">
</el-table-column>
<el-table-column
prop="chargeDischargePower"
label="充放功率（kW）">
</el-table-column>
<el-table-column
prop="chargeStatus"
label="充电状态">
<template slot-scope="scope">
{{chargeStatusOptions[scope.row.chargeStatus]}}
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<el-card
shadow="always"
class="common-card-container common-card-container-body-no-padding"
>
<div slot="header">
<span class="card-title">策略信息</span>
</div>
<!-- <el-empty :image-size="100" ></el-empty> -->
<div
style="
box-sizing: border-box;
height: 250px;
padding: 20px 15px;
overflow-y: auto;
"
>
<el-descriptions class="home-normal-info" :column="2">
<el-descriptions-item size="mini" label="模板名称">{{
info.mainStrategyName || "-"
}}</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC限制">{{
mainInfo.sdcLimit === 1 ? "开" : mainInfo.sdcLimit === 0 ? "关" : "-"
}}</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC下限（%）">{{
formatNumber(mainInfo.sdcDown)
}}</el-descriptions-item>
<el-descriptions-item size="mini" label="SOC上限（%）">{{
formatNumber(mainInfo.sdcUp)
}}</el-descriptions-item>
</el-descriptions>
<el-table
:data="info.siteMonitorDataVo || []"
border
size="mini"
style="width: 100%; margin-top: 15px"
>
<el-table-column prop="startTime" label="开始时间"> </el-table-column>
<el-table-column prop="endTime" label="结束时间"> </el-table-column>
<el-table-column prop="chargeDischargePower" label="充放功率（kW）">
</el-table-column>
<el-table-column prop="chargeStatus" label="充电状态">
<template slot-scope="scope">
{{ chargeStatusOptions[scope.row.chargeStatus] }}
</template>
</el-table-column>
</el-table>
</div>
</el-card>
</template>
<script>
import {mapState} from 'vuex'
export default{
props:{
info:{
require:true,
type:Object,
default:()=>{
return {}
}
}
import { mapState } from "vuex";
import { formatNumber } from "@/filters/ems";
export default {
props: {
info: {
require: true,
type: Object,
default: () => {
return {};
},
},
computed:{
...mapState({
chargeStatusOptions: state => state?.ems?.chargeStatusOptions || {},
}),
},
data(){
return {
}
computed: {
...mapState({
chargeStatusOptions: (state) => state?.ems?.chargeStatusOptions || {},
}),
mainInfo() {
return this.info.siteMonitorDataVo.length > 0
? this.info.siteMonitorDataVo[0]
: {};
},
methods:{
}
}
},
data() {
return {};
},
methods: {
formatNumber,
},
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>