绘制技术监督页面 联调承载能力评估

This commit is contained in:
GGJ
2024-03-12 11:16:54 +08:00
parent 3ba3016135
commit fd8742555f
24 changed files with 1898 additions and 242186 deletions

View File

@@ -1,30 +1,35 @@
<template>
<el-row :gutter="30" class="mb20">
<el-col :span="8">
<el-card >
<el-card>
<template #header>
<div class="card-header">
<span>公共连接点参数</span>
</div>
</template>
<div :style="`height: calc(${height} / 2 - 117px);overflow-y: auto`">
<el-form :model="form" label-width="auto" style="max-width: 500px; margin: auto">
<el-form-item label="变压器接线方式">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="电压等级">
<el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="供电设备容量(MVA)">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="最小短路容量(MVA)">
<el-input v-model="form.name" />
</el-form-item>
</el-form>
</div>
<div :style="`height: calc(${height} / 2 - 117px);overflow-y: auto`">
<el-form :model="form" label-width="auto" style="max-width: 500px; margin: auto">
<el-form-item label="变压器接线方式">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="电压等级">
<el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
<el-option
v-for="item in levelList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="供电设备容量(MVA)">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="最小短路容量(MVA)">
<el-input v-model="form.name" />
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="16">
@@ -56,11 +61,13 @@
<el-row>
<el-col :span="16" :style="`height: calc(${height} / 2 - 100px)`">
<vxe-table style="flex: 1.5" v-bind="defaultAttribute" height="auto" ref="xTable" :data="tableData">
<vxe-column field="name" title="等级"></vxe-column>
<vxe-column field="role" title="安全"></vxe-column>
<vxe-column field="num6" title="III级预警"></vxe-column>
<vxe-column field="date12" title="II级预警"></vxe-column>
<vxe-column field="date13" title="I级预警"></vxe-column>
<vxe-column field="name" title="谐波次数" width="180"></vxe-column>
<vxe-column
v-for="item in column"
:field="item.field"
:title="item.title"
:width="item.width"
></vxe-column>
</vxe-table>
</el-col>
<el-col :span="8" :style="`height: calc(${height} / 2 - 100px)`">
@@ -81,36 +88,147 @@ const height = mainHeight(80).height
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
const tableData = ref([
{
id: 10001,
name: '配变首端电压',
name: '谐波电流幅值(A)',
role: '/',
num6: '/',
date12: '/',
date13: '/'
},
{
id: 10002,
name: '配变功率因素',
name: '国标限值(A)',
role: '/',
num6: '/',
date12: '/',
date13: '/'
},
{
id: 10003,
name: '等效负载率最小值',
name: '是否允许值',
role: '/',
date12: '/',
num6: '/',
date13: '/'
}
])
const column = ref([
{
title: '2次',
field: 'role',
width: '80px'
},
{
id: 10004,
name: '各次谐波电流幅值',
role: '/',
date12: '/',
num6: '/',
date13: '/'
title: '3次',
field: 'role',
width: '80px'
},
{
title: '4次',
field: 'role',
width: '80px'
},
{
title: '5次',
field: 'role',
width: '80px'
},
{
title: '6次',
field: 'role',
width: '80px'
},
{
title: '7次',
field: 'role',
width: '80px'
},
{
title: '8次',
field: 'role',
width: '80px'
},
{
title: '9次',
field: 'role',
width: '80px'
},
{
title: '10次',
field: 'role',
width: '80px'
},
{
title: '11次',
field: 'role',
width: '80px'
},
{
title: '12次',
field: 'role',
width: '80px'
},
{
title: '13次',
field: 'role',
width: '80px'
},
{
title: '14次',
field: 'role',
width: '80px'
},
{
title: '15次',
field: 'role',
width: '80px'
},
{
title: '16次',
field: 'role',
width: '80px'
},
{
title: '17次',
field: 'role',
width: '80px'
},
{
title: '18次',
field: 'role',
width: '80px'
},
{
title: '19次',
field: 'role',
width: '80px'
},
{
title: '20次',
field: 'role',
width: '80px'
},
{
title: '21次',
field: 'role',
width: '80px'
},
{
title: '22次',
field: 'role',
width: '80px'
},
{
title: '23次',
field: 'role',
width: '80px'
},
{
title: '24次',
field: 'role',
width: '80px'
},
{
title: '25次',
field: 'role',
width: '80px'
}
])
const form: any = ref({})