联调 承载能力评估
This commit is contained in:
@@ -0,0 +1,199 @@
|
||||
<template>
|
||||
<el-row :gutter="30" class="mb20">
|
||||
<el-col :span="8">
|
||||
<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>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<el-card>
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>干扰源用户</span>
|
||||
<el-button type="primary" size="default" icon="el-icon-Plus">新增</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<div :style="`height: calc(${height} / 2 - 128px);overflow-y: auto`">
|
||||
<vxe-table v-bind="defaultAttribute" height="auto" ref="xTable" :data="tableData">
|
||||
<vxe-column field="name" title="预评估用户"></vxe-column>
|
||||
<vxe-column field="role" title="用户协议容量(MVA)"></vxe-column>
|
||||
<vxe-column field="num6" title="操作" width="120">
|
||||
<template #default="{ row }">
|
||||
<el-button type="danger" link>删除</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<div class="bottomBox">
|
||||
<div style="height: 70px">一级评估：0.02% < 0.1% 满足</div>
|
||||
<div style="height: 20px" class="mb10">二级评估:</div>
|
||||
<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-table>
|
||||
</el-col>
|
||||
<el-col :span="8" :style="`height: calc(${height} / 2 - 100px)`">
|
||||
<MyEChart style="flex: 1" :options="pieCharts" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-button type="primary" icon="el-icon-Document" @click="assess">承载能力评估</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive } from 'vue'
|
||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { mainHeight } from '@/utils/layout'
|
||||
const dictData = useDictData()
|
||||
const height = mainHeight(80).height
|
||||
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||
const tableData = ref([
|
||||
{
|
||||
id: 10001,
|
||||
name: '配变首端电压',
|
||||
role: '/',
|
||||
num6: '/',
|
||||
date12: '/',
|
||||
date13: '/'
|
||||
},
|
||||
{
|
||||
id: 10002,
|
||||
name: '配变功率因素',
|
||||
role: '/',
|
||||
num6: '/',
|
||||
date12: '/',
|
||||
date13: '/'
|
||||
},
|
||||
{
|
||||
id: 10003,
|
||||
name: '等效负载率最小值',
|
||||
role: '/',
|
||||
date12: '/',
|
||||
num6: '/',
|
||||
date13: '/'
|
||||
},
|
||||
{
|
||||
id: 10004,
|
||||
name: '各次谐波电流幅值',
|
||||
role: '/',
|
||||
date12: '/',
|
||||
num6: '/',
|
||||
date13: '/'
|
||||
}
|
||||
])
|
||||
const form: any = ref({})
|
||||
const pieCharts = ref({})
|
||||
// 承载能力评估
|
||||
const assess = () => {
|
||||
pieCharts.value = {
|
||||
title: {
|
||||
text: '承载能力评估结果',
|
||||
x: 'center',
|
||||
top: `30px`,
|
||||
textStyle: {
|
||||
fontWeight: 'normal'
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
type: 'scroll',
|
||||
orient: 'vertical',
|
||||
left: 10,
|
||||
top: '10%',
|
||||
tooltip: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
show: false
|
||||
},
|
||||
yAxis: {
|
||||
show: false
|
||||
},
|
||||
color: ['#77DA63', '#00BFF5', '#FFBF00', '#Ff6600'],
|
||||
dataZoom: { show: false },
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
center: ['50%', '50%'],
|
||||
radius: ['35%', '48%'],
|
||||
selectedOffset: 30,
|
||||
clockwise: true,
|
||||
label: {
|
||||
formatter: '{b}：{c}'
|
||||
},
|
||||
labelLine: {
|
||||
length: 1,
|
||||
length2: 20
|
||||
},
|
||||
|
||||
data: [
|
||||
{
|
||||
name: '安全',
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
name: 'III级',
|
||||
value: 3
|
||||
},
|
||||
{
|
||||
name: 'II级',
|
||||
value: 3
|
||||
},
|
||||
{
|
||||
name: 'I级',
|
||||
value: 2
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.bottomBox {
|
||||
position: relative;
|
||||
.el-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
.card-header {
|
||||
font-weight: 600;
|
||||
display: FLEX;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user