绘制技术监督页面 联调承载能力评估
This commit is contained in:
@@ -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({})
|
||||
|
||||
Reference in New Issue
Block a user