mirror of
https://gitee.com/js-yhsec/energy_storage.git
synced 2026-05-27 18:59:26 +08:00
修改图标的y坐标轴标签,修改运行监控页面的设置下发按钮和操作
This commit is contained in:
@@ -250,14 +250,10 @@ export const columnList = [
|
|||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
fixed: 'left'
|
fixed: 'left'
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '设备编号',
|
|
||||||
dataIndex: 'code'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '所属场站',
|
title: '所属场站',
|
||||||
dataIndex: 'station_id',
|
dataIndex: 'station_name',
|
||||||
key: 'station_id'
|
key: 'station_name'
|
||||||
// filterable: true
|
// filterable: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -271,7 +267,10 @@ export const columnList = [
|
|||||||
title: '设备名称',
|
title: '设备名称',
|
||||||
dataIndex: 'name'
|
dataIndex: 'name'
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '设备编号',
|
||||||
|
dataIndex: 'code'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '厂家信息',
|
title: '厂家信息',
|
||||||
dataIndex: 'factory'
|
dataIndex: 'factory'
|
||||||
|
|||||||
@@ -170,6 +170,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
|
name: '次数',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
type: 'value',
|
type: 'value',
|
||||||
splitLine: {
|
splitLine: {
|
||||||
lineStyle: { type: 'dashed', color: '#435463' }
|
lineStyle: { type: 'dashed', color: '#435463' }
|
||||||
|
|||||||
@@ -161,6 +161,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
|
name: '电量(kW·h)',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
type: 'value',
|
type: 'value',
|
||||||
splitLine: {
|
splitLine: {
|
||||||
lineStyle: { type: 'dashed', color: '#435463' }
|
lineStyle: { type: 'dashed', color: '#435463' }
|
||||||
|
|||||||
@@ -161,6 +161,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
|
name: '电量(kW·h)',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
type: 'value',
|
type: 'value',
|
||||||
splitLine: {
|
splitLine: {
|
||||||
lineStyle: { type: 'dashed', color: '#435463' }
|
lineStyle: { type: 'dashed', color: '#435463' }
|
||||||
|
|||||||
@@ -9,12 +9,12 @@
|
|||||||
>{{ station.name }}
|
>{{ station.name }}
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
<a-button type="primary" @click="handleMessage" style="margin-left: 20px"
|
<a-button type="primary" @click="handleMessage" style="margin-left: 20px">查看预制舱参数</a-button>
|
||||||
>查看预制舱参数</a-button
|
<a-button type="primary" @click="openDispatchModeModal" style="margin-left: 20px">模式设置</a-button>
|
||||||
>
|
<a-button type="primary" @click="openDispatchParamModal" style="margin-left: 20px">参数设置</a-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<!-- <div class="right">
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<span>运行模式</span>
|
<span>运行模式</span>
|
||||||
<a-select v-model:value="workMode" style="width: 220px">
|
<a-select v-model:value="workMode" style="width: 220px">
|
||||||
@@ -24,9 +24,12 @@
|
|||||||
</a-select>
|
</a-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<a-button type="primary" @click="openDispatchModal">下发</a-button>
|
<a-button type="primary" @click="openDispatchModeModal">模式设置</a-button>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="search-item">
|
||||||
|
<a-button type="primary" @click="openDispatchParamModal">参数设置</a-button>
|
||||||
</div>
|
</div>
|
||||||
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="stations">
|
<div class="stations">
|
||||||
@@ -66,6 +69,24 @@
|
|||||||
>
|
>
|
||||||
<div style="color: #fff; padding: 20px" v-html="message"></div>
|
<div style="color: #fff; padding: 20px" v-html="message"></div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
|
<a-modal
|
||||||
|
v-model:open="dispatchModeModal"
|
||||||
|
width="900px"
|
||||||
|
style="top: 80px"
|
||||||
|
:footer="null"
|
||||||
|
:destroy-on-close="true"
|
||||||
|
>
|
||||||
|
<DetailInfo
|
||||||
|
:items="detailInfoMode"
|
||||||
|
:rule-form="ruleForm"
|
||||||
|
ref="detailInfo"
|
||||||
|
>
|
||||||
|
</DetailInfo>
|
||||||
|
<div style="display: flex; justify-content: center; gap: 20px">
|
||||||
|
<a-button @click="handlebackMode">取消</a-button>
|
||||||
|
<a-button @click="handleConfirmMode" type="primary" >确认下发</a-button>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
<a-modal
|
<a-modal
|
||||||
v-model:open="dispatchModal"
|
v-model:open="dispatchModal"
|
||||||
width="900px"
|
width="900px"
|
||||||
@@ -103,6 +124,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
// currentKey: '储能系统',
|
// currentKey: '储能系统',
|
||||||
dispatchModal: false,
|
dispatchModal: false,
|
||||||
|
dispatchModeModal: false,
|
||||||
systemType: 1,
|
systemType: 1,
|
||||||
value: [],
|
value: [],
|
||||||
stations: [],
|
stations: [],
|
||||||
@@ -185,6 +207,30 @@ export default {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
deviceGroup: [],
|
deviceGroup: [],
|
||||||
|
detailInfoMode: {
|
||||||
|
title: '预制舱模式设置',
|
||||||
|
icon: 'icon-xinxi',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
label: '预制舱运行模式',
|
||||||
|
value: '0',
|
||||||
|
key: 'work_mode',
|
||||||
|
type: 'select',
|
||||||
|
// addonAfter: '%',
|
||||||
|
// inputType:'number'
|
||||||
|
list: [
|
||||||
|
{ value: '0', label: '手动' },
|
||||||
|
{ value: '1', label: '峰谷套利' },
|
||||||
|
{ value: '2', label: '增网配容' },
|
||||||
|
{ value: '3', label: '应急供电' },
|
||||||
|
{ value: '4', label: '并网保电' },
|
||||||
|
{ value: '5', label: '自定时段' }
|
||||||
|
],
|
||||||
|
options: { label: 'label', value: 'value' }
|
||||||
|
}
|
||||||
|
],
|
||||||
|
ruleForm: {}
|
||||||
|
},
|
||||||
detailInfo: {
|
detailInfo: {
|
||||||
title: '预制舱参数设置',
|
title: '预制舱参数设置',
|
||||||
icon: 'icon-xinxi',
|
icon: 'icon-xinxi',
|
||||||
@@ -271,7 +317,7 @@ export default {
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入储能充电上限值'
|
message: '请输入储能充电上限值'
|
||||||
},
|
},
|
||||||
{ pattern: /^(100|[1-9][0-9]?)$/, message: '请输入1-100的整数', trigger: 'blur' }
|
{ pattern: /^(100|[1-9][0-9]?)$/, message: '请输入1-100的整数' }
|
||||||
],
|
],
|
||||||
capacity: [
|
capacity: [
|
||||||
{
|
{
|
||||||
@@ -279,11 +325,7 @@ export default {
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入台区变压器容量'
|
message: '请输入台区变压器容量'
|
||||||
},
|
},
|
||||||
{
|
{ pattern: /^(1600|1[6-9][0-9]|[2-9][0-9]{2}|1[0-5][0-9]{2})$/, message: '请输入160-1600的整数' }
|
||||||
pattern: /^(1600|1[6-9][0-9]|[2-9][0-9]{2}|1[0-5][0-9]{2})$/,
|
|
||||||
message: '请输入160-1600的整数',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
],
|
||||||
power_safe: [
|
power_safe: [
|
||||||
{
|
{
|
||||||
@@ -292,9 +334,7 @@ export default {
|
|||||||
message: '请输入安全输入功率'
|
message: '请输入安全输入功率'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pattern: /^(400|[1-3][0-9]{2}|[1-9][0-9]?)$/,
|
pattern: /^(400|[1-3][0-9]{2}|[1-9][0-9]|[0-9])$/, message: '请输入0-400的整数',
|
||||||
message: '请输入0-400的整数',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
power_discharge: [
|
power_discharge: [
|
||||||
@@ -303,7 +343,7 @@ export default {
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入储能最大放电功率'
|
message: '请输入储能最大放电功率'
|
||||||
},
|
},
|
||||||
{ pattern: /^(150|[1-1][0-9]?|[1-9])$/, message: '请输入0-150的整数', trigger: 'blur' }
|
{ pattern: /^(150|1[0-4][0-9]|[1-9][0-9]|[0-9])$/, message: '请输入0-150的整数' }
|
||||||
],
|
],
|
||||||
power_charge: [
|
power_charge: [
|
||||||
{
|
{
|
||||||
@@ -311,7 +351,7 @@ export default {
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入储能最大充电功率'
|
message: '请输入储能最大充电功率'
|
||||||
},
|
},
|
||||||
{ pattern: /^(150|[1-1][0-9]?|[1-9])$/, message: '请输入0-150的整数', trigger: 'blur' }
|
{ pattern: /^(150|1[0-4][0-9]|[1-9][0-9]|[0-9])$/, message: '请输入0-150的整数' }
|
||||||
],
|
],
|
||||||
backflow: [
|
backflow: [
|
||||||
{
|
{
|
||||||
@@ -320,10 +360,7 @@ export default {
|
|||||||
message: '请输入防逆流回差'
|
message: '请输入防逆流回差'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/,
|
pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/, message: '请输入10-300的整数' }
|
||||||
message: '请输入10-300的整数',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
],
|
||||||
overload: [
|
overload: [
|
||||||
{
|
{
|
||||||
@@ -331,11 +368,7 @@ export default {
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入防过载回差'
|
message: '请输入防过载回差'
|
||||||
},
|
},
|
||||||
{
|
{ pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/, message: '请输入10-300的整数' }
|
||||||
pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/,
|
|
||||||
message: '请输入10-300的整数',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
ruleForm:{},
|
ruleForm:{},
|
||||||
@@ -346,13 +379,38 @@ export default {
|
|||||||
this.getStations()
|
this.getStations()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handlebackMode() {
|
||||||
|
this.dispatchModeModal = false
|
||||||
|
},
|
||||||
|
async handleConfirmMode() {
|
||||||
|
const res = await this.$refs.detailInfo.confirm()
|
||||||
|
if (!res) return
|
||||||
|
if (this.ruleForm.work_mode) {
|
||||||
|
this.handleSubmitMode()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async handleSubmitMode() {
|
||||||
|
try {
|
||||||
|
const res = await postReq('/updateStation', {
|
||||||
|
station_id: this.selectStationId,
|
||||||
|
work_mode: this.ruleForm.work_mode,
|
||||||
|
...this.ruleForm
|
||||||
|
})
|
||||||
|
if (res.errcode == 0) {
|
||||||
|
this.$message.success('下发成功')
|
||||||
|
this.dispatchModeModal=false
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
this.$message.error('下发失败')
|
||||||
|
this.dispatchModeModal=false
|
||||||
|
}
|
||||||
|
},
|
||||||
handleback() {
|
handleback() {
|
||||||
this.dispatchModal = false
|
this.dispatchModal = false
|
||||||
},
|
},
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
const res = await this.$refs.detailInfo.confirm()
|
const res = await this.$refs.detailInfo.confirm()
|
||||||
if (!res) return
|
if (!res) return
|
||||||
|
|
||||||
this.handleSubmit()
|
this.handleSubmit()
|
||||||
},
|
},
|
||||||
async handleSubmit() {
|
async handleSubmit() {
|
||||||
@@ -384,7 +442,10 @@ export default {
|
|||||||
},
|
},
|
||||||
//下发
|
//下发
|
||||||
// handleDispatch
|
// handleDispatch
|
||||||
async openDispatchModal() {
|
async openDispatchModeModal() {
|
||||||
|
this.dispatchModeModal = true;
|
||||||
|
},
|
||||||
|
async openDispatchParamModal() {
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const res = await getReq('/queryDevicByCategory', {
|
const res = await getReq('/queryDevicByCategory', {
|
||||||
@@ -402,7 +463,6 @@ export default {
|
|||||||
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
this.ruleForm = {}
|
this.ruleForm = {}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -30,6 +30,15 @@ export default {
|
|||||||
type: 'line',
|
type: 'line',
|
||||||
smooth:false,
|
smooth:false,
|
||||||
dataKey: 'chargeDischarge',
|
dataKey: 'chargeDischarge',
|
||||||
|
yAxisOption:[
|
||||||
|
{
|
||||||
|
name: '电量(kW·h)',
|
||||||
|
type: 'value',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
|
splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
|
||||||
|
axisLabel: { interval: 4, color: '#fff', fontSize:12 },
|
||||||
|
}
|
||||||
|
],
|
||||||
infoKeys: [
|
infoKeys: [
|
||||||
|
|
||||||
{
|
{
|
||||||
@@ -69,8 +78,16 @@ export default {
|
|||||||
type: 'line',
|
type: 'line',
|
||||||
smooth:false,
|
smooth:false,
|
||||||
dataKey: 'chargeDischarge',
|
dataKey: 'chargeDischarge',
|
||||||
|
yAxisOption:[
|
||||||
|
{
|
||||||
|
name: '电量(kW·h)',
|
||||||
|
type: 'value',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
|
splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
|
||||||
|
axisLabel: { interval: 4, color: '#fff', fontSize:12 },
|
||||||
|
}
|
||||||
|
],
|
||||||
infoKeys: [
|
infoKeys: [
|
||||||
|
|
||||||
{
|
{
|
||||||
key: 'W_charge',
|
key: 'W_charge',
|
||||||
label: '充电电量',
|
label: '充电电量',
|
||||||
|
|||||||
@@ -106,7 +106,17 @@ export default {
|
|||||||
infoKeys: [
|
infoKeys: [
|
||||||
{ key: 'storage_elect_in', label: '日充电电量', lineColor: '#2A82E4' },
|
{ key: 'storage_elect_in', label: '日充电电量', lineColor: '#2A82E4' },
|
||||||
{ key: 'storage_elect_out', label: '日放电电量', lineColor: '#5AABF2' }
|
{ key: 'storage_elect_out', label: '日放电电量', lineColor: '#5AABF2' }
|
||||||
|
],
|
||||||
|
yAxisOption:[
|
||||||
|
{
|
||||||
|
name: '电量(kW·h)',
|
||||||
|
type: 'value',
|
||||||
|
nameTextStyle: { color: '#fff' },
|
||||||
|
splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
|
||||||
|
axisLabel: { interval: 4, color: '#fff', fontSize:12 },
|
||||||
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '运行状态分析',
|
title: '运行状态分析',
|
||||||
|
|||||||
Reference in New Issue
Block a user