71 lines
2.2 KiB
Vue
71 lines
2.2 KiB
Vue
|
<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>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
import {mapState} from 'vuex'
|
|||
|
|
export default{
|
|||
|
|
props:{
|
|||
|
|
info:{
|
|||
|
|
require:true,
|
|||
|
|
type:Object,
|
|||
|
|
default:()=>{
|
|||
|
|
return {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed:{
|
|||
|
|
...mapState({
|
|||
|
|
chargeStatusOptions: state => state?.ems?.chargeStatusOptions || {},
|
|||
|
|
}),
|
|||
|
|
},
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods:{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
|
|||
|
|
</style>
|