联调二级评估页面
This commit is contained in:
guanj
@@ -196,3 +196,11 @@ export function modelTraining(data) {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// 查询是否有承载能力评估
|
||||||
|
export function queryResultbyCondition(data) {
|
||||||
|
return createAxios({
|
||||||
|
url: '/advance-boot/result/queryResultbyCondition',
|
||||||
|
method: 'POST',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
* {
|
||||||
|
--el-card-padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
|
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
|
||||||
.el-input .el-input__inner {
|
.el-input .el-input__inner {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@@ -16,6 +20,11 @@
|
|||||||
transform: translateX(-50%) translateY(-62%);
|
transform: translateX(-50%) translateY(-62%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-divider__text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
.el-menu {
|
.el-menu {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|||||||
2
src/styles/element.min.css
vendored
2
src/styles/element.min.css
vendored
@@ -1 +1 @@
|
|||||||
.el-input .el-input__inner{height:30px;line-height:calc(var(--el-input-height, 40px) - 4px)}.datetime-picker{height:32px;padding-top:0;padding-bottom:0}.el-divider__text.is-center{transform:translateX(-50%) translateY(-62%)}.el-menu{user-select:none}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background-color:var(--el-menu-hover-color) !important;color:var(--el-menu-active-color) !important}.el-menu .el-menu-item:hover .icon,.el-menu .el-sub-menu__title:hover .icon{color:var(--el-menu-active-color) !important}.atooltip{margin-top:0px !important;padding:0 !important}.el-dialog{padding:0px !important}.el-dialog .el-dialog__footer{padding:15px;box-shadow:var(--el-box-shadow);width:100%;bottom:0}.el-dialog__body{max-height:60vh;overflow-y:auto;padding:10px}.el-dialog__header{background:var(--el-color-primary);padding:15px;margin-right:0px}.el-dialog__header .el-dialog__headerbtn{top:5px}.el-dialog__header .el-dialog__headerbtn .el-icon{color:var(--el-color-white)}.el-dialog__header .el-dialog__headerbtn:hover .el-icon{color:#ccc}.el-dialog__header .el-dialog__title{color:var(--el-color-white)}.el-table{--el-table-border-color:var(--ba-border-color)}.el-card{border:none}.el-card__header{border-bottom:1px solid var(--el-border-color-extra-light)}.el-textarea__inner{padding:5px 11px}.el-overlay-dialog,.el-tabs__content,.ba-scroll-style{scrollbar-width:none}.el-overlay-dialog::-webkit-scrollbar,.el-tabs__content::-webkit-scrollbar,.ba-scroll-style::-webkit-scrollbar{width:5px;height:5px}.el-overlay-dialog::-webkit-scrollbar-thumb,.el-tabs__content::-webkit-scrollbar-thumb,.ba-scroll-style::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:var(--el-border-radius-base);box-shadow:none;-webkit-box-shadow:none}.el-overlay-dialog:hover::-webkit-scrollbar-thumb:hover,.el-tabs__content:hover::-webkit-scrollbar-thumb:hover,.ba-scroll-style:hover::-webkit-scrollbar-thumb:hover{background:#c8c9cc}.ba-input-item-radio{margin-bottom:10px}.ba-input-item-radio .el-radio-group .el-radio{margin-bottom:8px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:var(--el-color-primary);color:var(--el-color-white)}.el-tabs__header{margin-bottom:0}.el-form--inline .el-form-item{margin-bottom:10px}.el-tabs--border-card>.el-tabs__content{padding:10px}.el-page-header__header{line-height:32px}.el-page-header__header .el-page-header__content{font-size:14px;font-weight:700}.el-select{min-width:200px}.el-tabs__content{height:calc(100% - 40px)}.el-tabs__content .el-tab-pane{height:100%}.el-button--primary:focus{color:var(--el-color-white);outline:0}.el-button--primary:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:0}.el-button.is-plain:focus{color:var(--el-button-text-color);border-color:var(--el-button-border-color)}.el-button.is-plain:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-button.is-link:focus{color:var(--el-button-text-color)}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button--primary.is-link:hover,.el-button--primary.is-plain:hover,.el-button--primary.is-text:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9) !important}.el-divider--horizontal{margin:15px 0}.el-step__title{cursor:pointer}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-color-primary);opacity:0.6}.sgmap-ctrl-bottom-left{display:none !important}.el-drawer__header{margin-bottom:0 !important}.el-pagination__sizes .el-select{min-width:128px}.el-card__header{padding:10px}.el-card__header span{font-size:16px;font-weight:600}.el-select__input-wrapper{width:11px}.el-drawer__header{background:var(--el-color-primary);padding:18px;margin-right:0px}.el-drawer__header .el-drawer__close-btn{top:5px}.el-drawer__header .el-drawer__close-btn .el-icon{color:var(--el-color-white)}.el-drawer__header .el-drawer__close-btn:hover .el-icon{color:#ccc}.el-drawer__header .el-drawer__title{color:var(--el-color-white);font-size:18px}.el-drawer__body{padding:10px}
|
*{--el-card-padding:10px}.el-input .el-input__inner{height:30px;line-height:calc(var(--el-input-height, 40px) - 4px)}.datetime-picker{height:32px;padding-top:0;padding-bottom:0}.el-divider__text.is-center{transform:translateX(-50%) translateY(-62%)}.el-divider__text{font-size:16px;font-weight:600}.el-menu{user-select:none}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background-color:var(--el-menu-hover-color) !important;color:var(--el-menu-active-color) !important}.el-menu .el-menu-item:hover .icon,.el-menu .el-sub-menu__title:hover .icon{color:var(--el-menu-active-color) !important}.atooltip{margin-top:0px !important;padding:0 !important}.el-dialog{padding:0px !important}.el-dialog .el-dialog__footer{padding:15px;box-shadow:var(--el-box-shadow);width:100%;bottom:0}.el-dialog__body{max-height:60vh;overflow-y:auto;padding:10px}.el-dialog__header{background:var(--el-color-primary);padding:15px;margin-right:0px}.el-dialog__header .el-dialog__headerbtn{top:5px}.el-dialog__header .el-dialog__headerbtn .el-icon{color:var(--el-color-white)}.el-dialog__header .el-dialog__headerbtn:hover .el-icon{color:#ccc}.el-dialog__header .el-dialog__title{color:var(--el-color-white)}.el-table{--el-table-border-color:var(--ba-border-color)}.el-card{border:none}.el-card__header{border-bottom:1px solid var(--el-border-color-extra-light)}.el-textarea__inner{padding:5px 11px}.el-overlay-dialog,.el-tabs__content,.ba-scroll-style{scrollbar-width:none}.el-overlay-dialog::-webkit-scrollbar,.el-tabs__content::-webkit-scrollbar,.ba-scroll-style::-webkit-scrollbar{width:5px;height:5px}.el-overlay-dialog::-webkit-scrollbar-thumb,.el-tabs__content::-webkit-scrollbar-thumb,.ba-scroll-style::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:var(--el-border-radius-base);box-shadow:none;-webkit-box-shadow:none}.el-overlay-dialog:hover::-webkit-scrollbar-thumb:hover,.el-tabs__content:hover::-webkit-scrollbar-thumb:hover,.ba-scroll-style:hover::-webkit-scrollbar-thumb:hover{background:#c8c9cc}.ba-input-item-radio{margin-bottom:10px}.ba-input-item-radio .el-radio-group .el-radio{margin-bottom:8px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:var(--el-color-primary);color:var(--el-color-white)}.el-tabs__header{margin-bottom:0}.el-form--inline .el-form-item{margin-bottom:10px}.el-tabs--border-card>.el-tabs__content{padding:10px}.el-page-header__header{line-height:32px}.el-page-header__header .el-page-header__content{font-size:14px;font-weight:700}.el-select{min-width:200px}.el-tabs__content{height:calc(100% - 40px)}.el-tabs__content .el-tab-pane{height:100%}.el-button--primary:focus{color:var(--el-color-white);outline:0}.el-button--primary:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:0}.el-button.is-plain:focus{color:var(--el-button-text-color);border-color:var(--el-button-border-color)}.el-button.is-plain:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-button.is-link:focus{color:var(--el-button-text-color)}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button--primary.is-link:hover,.el-button--primary.is-plain:hover,.el-button--primary.is-text:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9) !important}.el-divider--horizontal{margin:15px 0}.el-step__title{cursor:pointer}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-color-primary);opacity:0.6}.sgmap-ctrl-bottom-left{display:none !important}.el-drawer__header{margin-bottom:0 !important}.el-pagination__sizes .el-select{min-width:128px}.el-card__header{padding:10px}.el-card__header span{font-size:16px;font-weight:600}.el-select__input-wrapper{width:11px}.el-drawer__header{background:var(--el-color-primary);padding:18px;margin-right:0px}.el-drawer__header .el-drawer__close-btn{top:5px}.el-drawer__header .el-drawer__close-btn .el-icon{color:var(--el-color-white)}.el-drawer__header .el-drawer__close-btn:hover .el-icon{color:#ccc}.el-drawer__header .el-drawer__title{color:var(--el-color-white);font-size:18px}.el-drawer__body{padding:10px}
|
||||||
|
|||||||
@@ -1,3 +1,6 @@
|
|||||||
|
*{
|
||||||
|
--el-card-padding: 10px;
|
||||||
|
}
|
||||||
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
|
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
|
||||||
.el-input .el-input__inner {
|
.el-input .el-input__inner {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@@ -15,7 +18,10 @@
|
|||||||
.el-divider__text.is-center {
|
.el-divider__text.is-center {
|
||||||
transform: translateX(-50%) translateY(-62%);
|
transform: translateX(-50%) translateY(-62%);
|
||||||
}
|
}
|
||||||
|
.el-divider__text {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
.el-menu {
|
.el-menu {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
@@ -229,6 +235,9 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// .el-card__body {
|
||||||
|
// padding: var();
|
||||||
|
// }
|
||||||
.el-select__input-wrapper {
|
.el-select__input-wrapper {
|
||||||
width: 11px;
|
width: 11px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,13 +3,13 @@ const dataProcessing = (arr: any[]) => {
|
|||||||
.filter(item => typeof item === 'number' || (typeof item === 'string' && !isNaN(parseFloat(item))))
|
.filter(item => typeof item === 'number' || (typeof item === 'string' && !isNaN(parseFloat(item))))
|
||||||
.map(item => (typeof item === 'number' ? item : parseFloat(item)))
|
.map(item => (typeof item === 'number' ? item : parseFloat(item)))
|
||||||
}
|
}
|
||||||
const calculateValue = (o:number,value: number, num: number, isMin: boolean) => {
|
const calculateValue = (o: number, value: number, num: number, isMin: boolean) => {
|
||||||
if (value === 0) {
|
if (value === 0) {
|
||||||
return 0
|
return 0
|
||||||
}else if(value>0&& Math.abs(value)<1 && isMin==true){
|
} else if (value > 0 && Math.abs(value) < 1 && isMin == true) {
|
||||||
return 0
|
return 0
|
||||||
}else if(value>-1&& value<0 && isMin==false){
|
} else if (value > -1 && value < 0 && isMin == false) {
|
||||||
return 0
|
return 0
|
||||||
}
|
}
|
||||||
let base
|
let base
|
||||||
if (Math.abs(o) >= 100) {
|
if (Math.abs(o) >= 100) {
|
||||||
@@ -46,7 +46,7 @@ const calculateValue = (o:number,value: number, num: number, isMin: boolean) =>
|
|||||||
|
|
||||||
// 处理y轴最大最小值
|
// 处理y轴最大最小值
|
||||||
export const yMethod = (arr: any) => {
|
export const yMethod = (arr: any) => {
|
||||||
let num = 0.2
|
let num = 0.1
|
||||||
let numList = dataProcessing(arr)
|
let numList = dataProcessing(arr)
|
||||||
let maxValue = 0
|
let maxValue = 0
|
||||||
let minValue = 0
|
let minValue = 0
|
||||||
@@ -54,11 +54,13 @@ export const yMethod = (arr: any) => {
|
|||||||
let min = 0
|
let min = 0
|
||||||
maxValue = Math.max(...numList)
|
maxValue = Math.max(...numList)
|
||||||
minValue = Math.min(...numList)
|
minValue = Math.min(...numList)
|
||||||
console.log("🚀 ~ yMethod ~ maxValue:", maxValue,minValue)
|
const o = maxValue - minValue
|
||||||
|
if (Math.abs(o) >= 300) {
|
||||||
|
num = 0.02
|
||||||
|
}
|
||||||
|
|
||||||
const o=maxValue-minValue
|
min = calculateValue(o, minValue, num, true)
|
||||||
min = calculateValue( o,minValue, num, true)
|
max = calculateValue(o, maxValue, num, false)
|
||||||
max = calculateValue(o,maxValue, num, false)
|
|
||||||
// if (-100 >= minValue) {
|
// if (-100 >= minValue) {
|
||||||
// min = Math.floor((minValue + num * minValue) / 100) * 100
|
// min = Math.floor((minValue + num * minValue) / 100) * 100
|
||||||
// } else if (-10 >= minValue && minValue > -100) {
|
// } else if (-10 >= minValue && minValue > -100) {
|
||||||
|
|||||||
@@ -4,7 +4,8 @@ import { ElLoading, ElNotification, type LoadingOptions } from 'element-plus'
|
|||||||
import { refreshToken } from '@/api/user-boot/user'
|
import { refreshToken } from '@/api/user-boot/user'
|
||||||
import router from '@/router/index'
|
import router from '@/router/index'
|
||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
|
import { debounce } from 'lodash-es';
|
||||||
|
let loginExpireTimer:any = null
|
||||||
window.requests = []
|
window.requests = []
|
||||||
window.tokenRefreshing = false
|
window.tokenRefreshing = false
|
||||||
const pendingMap = new Map()
|
const pendingMap = new Map()
|
||||||
@@ -167,12 +168,19 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
|
|||||||
}
|
}
|
||||||
} else if (response.data.code == 'A0024' || response.data.code == 'null') {
|
} else if (response.data.code == 'A0024' || response.data.code == 'null') {
|
||||||
// // 登录失效
|
// // 登录失效
|
||||||
ElNotification({
|
// 清除上一次的定时器
|
||||||
type: 'error',
|
if (loginExpireTimer) {
|
||||||
message: response.data.message
|
clearTimeout(loginExpireTimer)
|
||||||
})
|
}
|
||||||
adminInfo.removeToken()
|
loginExpireTimer = setTimeout(() => {
|
||||||
router.push({ name: 'login' })
|
ElNotification({
|
||||||
|
type: 'error',
|
||||||
|
message: response.data.message
|
||||||
|
})
|
||||||
|
adminInfo.removeToken()
|
||||||
|
router.push({ name: 'login' })
|
||||||
|
loginExpireTimer = null // 执行后清空定时器
|
||||||
|
}, 100) // 可根据实际情况调整延迟时间
|
||||||
return Promise.reject(response.data)
|
return Promise.reject(response.data)
|
||||||
} else {
|
} else {
|
||||||
if (options.showCodeMessage) {
|
if (options.showCodeMessage) {
|
||||||
|
|||||||
@@ -1,169 +1,163 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div v-loading="loading">
|
||||||
<el-row :gutter="30" class="mb20">
|
<div class="card-container mb10">
|
||||||
<el-col :span="10">
|
<el-card style="width: 700px">
|
||||||
<el-card>
|
<template #header>
|
||||||
<template #header>
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<span style="line-height: 32px">公共连接点参数</span>
|
||||||
<span>公共连接点参数</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div :style="`height: calc(${height} / 2 - 117px);overflow-y: auto`">
|
|
||||||
<el-form
|
|
||||||
ref="formRef"
|
|
||||||
:model="form"
|
|
||||||
label-width="150px"
|
|
||||||
:rules="rules"
|
|
||||||
:disabled="props.rowList.id != undefined"
|
|
||||||
style="max-width: 500px; margin: auto"
|
|
||||||
>
|
|
||||||
<el-form-item label="用户模式" prop="userMode">
|
|
||||||
<el-select v-model="form.userMode" placeholder="请选择用户模式">
|
|
||||||
<el-option
|
|
||||||
v-for="item in ModeList"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="接线类型" prop="ptType">
|
|
||||||
<el-select
|
|
||||||
v-model="form.ptType"
|
|
||||||
@change="form.connectionMode = ''"
|
|
||||||
placeholder="请选择接线类型"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in connection"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.value"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="连接方式" v-if="form.ptType == 0" prop="connectionMode">
|
|
||||||
<el-select v-model="form.connectionMode" clearable placeholder="请选择连接方式">
|
|
||||||
<el-option
|
|
||||||
v-for="item in method"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="功率因数" prop="k">
|
|
||||||
<el-select v-model="form.k" clearable placeholder="请选择功率因数">
|
|
||||||
<el-option
|
|
||||||
v-for="item in factor"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="电压等级" prop="scale">
|
|
||||||
<el-select v-model="form.scale" clearable 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)" prop="deviceCapacity">
|
|
||||||
<el-input-number
|
|
||||||
v-model="form.deviceCapacity"
|
|
||||||
style="width: 100%"
|
|
||||||
:min="0.000001"
|
|
||||||
placeholder="请填入供电终端容量"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="最小短路容量(MVA)" prop="shortCapacity">
|
|
||||||
<el-input-number
|
|
||||||
v-model="form.shortCapacity"
|
|
||||||
style="width: 100%"
|
|
||||||
:min="0.000001"
|
|
||||||
placeholder="请填入最小短路容量"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</template>
|
||||||
</el-col>
|
<div :style="`height: calc(${height} - 380px);overflow-y: auto;max-height:350px`">
|
||||||
<el-col :span="14">
|
<el-form
|
||||||
<el-card>
|
ref="formRef"
|
||||||
<template #header>
|
:model="form"
|
||||||
<div class="card-header">
|
label-width="150px"
|
||||||
<span>干扰源用户：</span>
|
:rules="rules"
|
||||||
<el-select
|
:disabled="props.rowList.id != undefined"
|
||||||
v-model="userId"
|
style="max-width: 500px; margin: auto"
|
||||||
placeholder="请选择用户"
|
>
|
||||||
style="width: 240px; font-weight: normal"
|
<el-form-item label="用户模式" prop="userMode">
|
||||||
:disabled="props.rowList.id != undefined"
|
<el-select v-model="form.userMode" placeholder="请选择用户模式">
|
||||||
@change="selChange"
|
|
||||||
>
|
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in userData"
|
v-for="item in ModeList"
|
||||||
:key="item.userId"
|
:key="item.id"
|
||||||
:label="item.userName"
|
:label="item.name"
|
||||||
:value="item.userId"
|
:value="item.id"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</el-form-item>
|
||||||
</template>
|
<el-form-item label="接线类型" prop="ptType">
|
||||||
<div :style="`height: calc(${height} / 2 - 128px);overflow-y: auto`">
|
<el-select
|
||||||
<vxe-table
|
v-model="form.ptType"
|
||||||
v-bind="defaultAttribute"
|
@change="form.connectionMode = ''"
|
||||||
ref="vxeRef"
|
placeholder="请选择接线类型"
|
||||||
height="auto"
|
>
|
||||||
v-loading="loading"
|
<el-option
|
||||||
:data="equipmentList"
|
v-for="item in connection"
|
||||||
>
|
:key="item.value"
|
||||||
<vxe-column field="devName" title="终端名称"></vxe-column>
|
:label="item.name"
|
||||||
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
|
:value="item.value"
|
||||||
<vxe-column field="protocolCapacity" title="终端容量(MVA)"></vxe-column>
|
/>
|
||||||
</vxe-table>
|
</el-select>
|
||||||
</div>
|
</el-form-item>
|
||||||
</el-card>
|
<el-form-item label="连接方式" v-if="form.ptType == 0" prop="connectionMode">
|
||||||
</el-col>
|
<el-select v-model="form.connectionMode" clearable placeholder="请选择连接方式">
|
||||||
</el-row>
|
<el-option v-for="item in method" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="功率因数" prop="k">
|
||||||
|
<el-select v-model="form.k" clearable placeholder="请选择功率因数">
|
||||||
|
<el-option v-for="item in factor" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="电压等级" prop="scale">
|
||||||
|
<el-select v-model="form.scale" clearable 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)" prop="deviceCapacity">
|
||||||
|
<el-input-number
|
||||||
|
v-model="form.deviceCapacity"
|
||||||
|
style="width: 100%"
|
||||||
|
:min="0.000001"
|
||||||
|
placeholder="请填入供电终端容量"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="最小短路容量(MVA)" prop="shortCapacity">
|
||||||
|
<el-input-number
|
||||||
|
v-model="form.shortCapacity"
|
||||||
|
style="width: 100%"
|
||||||
|
:min="0.000001"
|
||||||
|
placeholder="请填入最小短路容量"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
<div class="bottomBox">
|
<el-card class="ml10" style="flex: 1">
|
||||||
|
<template #header>
|
||||||
|
<div>
|
||||||
|
<span>干扰源用户：</span>
|
||||||
|
<el-select
|
||||||
|
v-model="userId"
|
||||||
|
placeholder="请选择用户"
|
||||||
|
size="small"
|
||||||
|
style="width: 240px"
|
||||||
|
:disabled="props.rowList.id != undefined"
|
||||||
|
@change="selChange"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in userData"
|
||||||
|
:key="item.userId"
|
||||||
|
:label="item.userName"
|
||||||
|
:value="item.userId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div :style="`height: calc(${height} - 380px);overflow-y: auto;max-height:350px`">
|
||||||
|
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="auto" :data="equipmentList">
|
||||||
|
<vxe-column field="devName" title="终端名称"></vxe-column>
|
||||||
|
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
|
||||||
|
<vxe-column field="protocolCapacity" title="终端容量(MVA)"></vxe-column>
|
||||||
|
</vxe-table>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bottomBox pt1" id="exportId">
|
||||||
<div v-if="showFlag">
|
<div v-if="showFlag">
|
||||||
<div style="height: 70px">
|
<el-divider content-position="left">一级评估</el-divider>
|
||||||
一级评估：{{ outcome.firstResult }}%
|
<div style="height: 40px" class="pl30">
|
||||||
|
结果: {{ outcome.firstResult }}%
|
||||||
{{ outcome.firstResult > 0.1 ? '>' : (outcome.firstResult = 0.1 ? '=' : '<') }} 0.1%
|
{{ outcome.firstResult > 0.1 ? '>' : (outcome.firstResult = 0.1 ? '=' : '<') }} 0.1%
|
||||||
<!-- <span>{{ 0.02 < outcome.firstResult && outcome.firstResult < 0.1 ? '满足' : '不满足' }}</span> -->
|
|
||||||
<el-tag v-if="outcome.firstResult < 0.1" type="success" effect="dark">满足</el-tag>
|
<el-tag v-if="outcome.firstResult < 0.1" type="success" effect="dark">满足</el-tag>
|
||||||
<el-tag v-else type="warning" effect="dark">不满足</el-tag>
|
<el-tag v-else type="warning" effect="dark">不满足</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 20px" v-if="!(outcome.firstResult < 0.1)" class="mb10">
|
<div style="height: 220px" v-if="!(outcome.firstResult < 0.1)" class="mb10">
|
||||||
二级评估:
|
<el-divider content-position="left">二级评估</el-divider>
|
||||||
<el-row>
|
<div class="evaluateTheResults">
|
||||||
<el-col :span="16" :style="`height: calc(${height} / 2 - 100px)`">
|
<div style="height: 200px; flex: 1">
|
||||||
<vxe-table style="flex: 1.5" v-bind="defaultAttribute" height="auto" :data="level2Data">
|
<vxe-table style="flex: 1.5" v-bind="defaultAttribute" height="auto" :data="level2Data">
|
||||||
<vxe-column field="name" title="谐波次数" width="180"></vxe-column>
|
<vxe-column field="name" title="谐波次数" width="180"></vxe-column>
|
||||||
<vxe-column v-for="item in column" :field="item.field" :title="item.title">
|
<vxe-column v-for="item in column" :field="item.field" :title="item.title">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<span v-if="row.row.name == '是否允许值'">
|
<span v-if="row.row.name == '是否允许值'">
|
||||||
<Select v-if="row.row[row.column.field]" class="SelectIcon" />
|
<Select v-if="row.row[row.column.field]" class="SelectIcon" />
|
||||||
<InfoFilled v-else class="SelectIcon" style="color: #f38d07" />
|
<CloseBold v-else class="SelectIcon" style="color: #f38d07" />
|
||||||
</span>
|
</span>
|
||||||
<span v-else>{{ row.row[row.column.field] }}</span>
|
<span v-else>{{ row.row[row.column.field] }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="8" :style="`height: calc(${height} / 2 - 100px)`">
|
<div style="height: 200px; width: 350px">
|
||||||
<MyEChart style="flex: 1" :options="pieCharts" />
|
<MyEChart style="flex: 1" :options="pieCharts" />
|
||||||
</el-col>
|
</div>
|
||||||
</el-row>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-button type="primary" icon="el-icon-Document" @click="assess" v-if="props.rowList.id == undefined">
|
<div class="button-group">
|
||||||
承载能力评估
|
<el-button
|
||||||
</el-button>
|
type="primary"
|
||||||
|
icon="el-icon-VideoPlay"
|
||||||
|
@click="assess"
|
||||||
|
class="mt10"
|
||||||
|
v-if="props.rowList.id == undefined"
|
||||||
|
>
|
||||||
|
启动评估
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-Download" @click="onExport" class="mt10" v-if="showFlag">
|
||||||
|
导出结果
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-dialog draggable v-model="dialogVisible" title="新增干扰源类型" width="70%">
|
<el-dialog draggable v-model="dialogVisible" title="新增干扰源类型" width="70%">
|
||||||
@@ -189,7 +183,8 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
|
|||||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
import { Select, InfoFilled } from '@element-plus/icons-vue'
|
import html2canvas from 'html2canvas'
|
||||||
|
import { Select, CloseBold } from '@element-plus/icons-vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { queyDetailUser, carryCapacityEvaluate, queyDeviceList } from '@/api/advance-boot/bearingCapacity'
|
import { queyDetailUser, carryCapacityEvaluate, queyDeviceList } from '@/api/advance-boot/bearingCapacity'
|
||||||
const props = defineProps(['rowList'])
|
const props = defineProps(['rowList'])
|
||||||
@@ -232,6 +227,7 @@ const factor = [
|
|||||||
id: 1.0
|
id: 1.0
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
const showFlag = ref(false)
|
const showFlag = ref(false)
|
||||||
const tableData = ref([])
|
const tableData = ref([])
|
||||||
@@ -296,11 +292,13 @@ const assess = () => {
|
|||||||
if (equipmentList.value.length == null) {
|
if (equipmentList.value.length == null) {
|
||||||
return ElMessage.warning('请选择用户')
|
return ElMessage.warning('请选择用户')
|
||||||
}
|
}
|
||||||
|
loading.value = true
|
||||||
formRef.value.validate((valid: any) => {
|
formRef.value.validate((valid: any) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
form.value.devList = equipmentList.value
|
form.value.devList = equipmentList.value
|
||||||
carryCapacityEvaluate(form.value).then(res => {
|
carryCapacityEvaluate(form.value).then(res => {
|
||||||
rendering(res.data)
|
rendering(res.data)
|
||||||
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -314,15 +312,15 @@ const rendering = (row: any) => {
|
|||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'III级',
|
name: 'III级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'II级',
|
name: 'II级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'I级',
|
name: 'I级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -348,34 +346,34 @@ const rendering = (row: any) => {
|
|||||||
showFlag.value = true
|
showFlag.value = true
|
||||||
row.reslutLevel == null ? '' : (ChartsList[row.reslutLevel - 1].value = 1)
|
row.reslutLevel == null ? '' : (ChartsList[row.reslutLevel - 1].value = 1)
|
||||||
pieCharts.value = {
|
pieCharts.value = {
|
||||||
title: {
|
// title: {
|
||||||
text: '承载能力评估结果',
|
// text: '评估结果',
|
||||||
x: 'center',
|
// x: 'center',
|
||||||
top: `30px`,
|
|
||||||
textStyle: {
|
// textStyle: {
|
||||||
fontWeight: 'normal'
|
// fontWeight: 'normal'
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
legend: {
|
legend: {
|
||||||
type: 'scroll',
|
type: 'scroll',
|
||||||
orient: 'vertical',
|
orient: 'vertical',
|
||||||
left: 10,
|
right: '10px',
|
||||||
top: '10%'
|
selectedMode: false // 是否允许点击
|
||||||
},
|
},
|
||||||
|
toolbox: { show: false },
|
||||||
xAxis: {
|
xAxis: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
color: ['#339966', '#00BFF5', '#FFBF00', '#Ff6600', '#ff0000', '#07CCCA'],
|
color: ['#2E7D32', '#0288D1', '#F57C00', '#E64A19', '#C62828', '#00897B'],
|
||||||
dataZoom: { show: false },
|
dataZoom: { show: false },
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
center: ['60%', '70%'],
|
center: ['40%', '55%'],
|
||||||
radius: ['35%', '48%'],
|
radius: ['55%', '68%'],
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
show: false
|
show: false
|
||||||
@@ -383,7 +381,48 @@ const rendering = (row: any) => {
|
|||||||
},
|
},
|
||||||
data: ChartsList
|
data: ChartsList
|
||||||
}
|
}
|
||||||
]
|
],
|
||||||
|
options: {
|
||||||
|
title: [
|
||||||
|
{
|
||||||
|
text: '评估结果',
|
||||||
|
left: '27%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text:
|
||||||
|
row.reslutLevel == 6
|
||||||
|
? '允许接入'
|
||||||
|
: row.reslutLevel == 5
|
||||||
|
? '禁止接入'
|
||||||
|
: row.reslutLevel == 4
|
||||||
|
? 'I级预警'
|
||||||
|
: row.reslutLevel == 3
|
||||||
|
? 'II级预警'
|
||||||
|
: row.reslutLevel == 2
|
||||||
|
? 'III级预警'
|
||||||
|
: row.reslutLevel == 1
|
||||||
|
? '安全'
|
||||||
|
: '',
|
||||||
|
left: row.reslutLevel == 1 ? '33%' : '29%',
|
||||||
|
top: '48%',
|
||||||
|
textStyle: {
|
||||||
|
color:
|
||||||
|
row.reslutLevel == 6
|
||||||
|
? '#00897B'
|
||||||
|
: row.reslutLevel == 5
|
||||||
|
? '#C62828'
|
||||||
|
: row.reslutLevel == 4
|
||||||
|
? '#E64A19'
|
||||||
|
: row.reslutLevel == 3
|
||||||
|
? '#F57C00'
|
||||||
|
: row.reslutLevel == 2
|
||||||
|
? '#0288D1'
|
||||||
|
: '#2E7D32',
|
||||||
|
foontWeight: '500'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -400,21 +439,34 @@ const formatter = (row: any) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 查询终端
|
// 查询终端
|
||||||
const selChange = (e: any) => {
|
const selChange = async (e: any) => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
queyDeviceList({
|
await queyDeviceList({
|
||||||
userId: e
|
userId: e
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
loading.value = false
|
|
||||||
equipmentList.value = res.data
|
equipmentList.value = res.data
|
||||||
})
|
})
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
// 导出
|
||||||
|
const onExport = () => {
|
||||||
|
// 转换成canvas
|
||||||
|
html2canvas(document.getElementById('exportId'), {
|
||||||
|
scale: 2
|
||||||
|
}).then(function (canvas) {
|
||||||
|
// 创建a标签，实现下载
|
||||||
|
let creatIMg = document.createElement('a')
|
||||||
|
creatIMg.download = '光伏电站承载能力评估结果.png' // 设置下载的文件名，
|
||||||
|
creatIMg.href = canvas.toDataURL() // 下载url
|
||||||
|
creatIMg.click()
|
||||||
|
creatIMg.remove() // 下载之后把创建的元素删除
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getUser()
|
getUser()
|
||||||
formRef.value?.resetFields()
|
formRef.value?.resetFields()
|
||||||
// 查看
|
// 查看
|
||||||
console.log('🚀 ~ onMounted ~ props.rowList:', props.rowList)
|
|
||||||
|
|
||||||
if (props.rowList.userId != undefined) {
|
if (props.rowList.userId != undefined) {
|
||||||
form.value = props.rowList
|
form.value = props.rowList
|
||||||
@@ -427,18 +479,30 @@ onMounted(() => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.bottomBox {
|
.bottomBox {
|
||||||
position: relative;
|
position: relative;
|
||||||
.el-button {
|
.button-group {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.card-header {
|
// .card-header {
|
||||||
font-weight: 600;
|
// font-weight: 600;
|
||||||
}
|
// }
|
||||||
.SelectIcon {
|
.SelectIcon {
|
||||||
height: 30px;
|
height: 18px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
:deep(.el-select__placeholder) {
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-container {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.evaluateTheResults {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
></bearingTree>
|
></bearingTree>
|
||||||
</pane>
|
</pane>
|
||||||
<pane style="background: #fff">
|
<pane style="background: #fff">
|
||||||
<TableHeader :showSearch="false">
|
<TableHeader :showSearch="false" v-show="props.rowList.id == undefined">
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="时间">
|
<el-form-item label="时间">
|
||||||
<DatePicker ref="datePickerRef"></DatePicker>
|
<DatePicker ref="datePickerRef"></DatePicker>
|
||||||
@@ -32,92 +32,87 @@
|
|||||||
</el-upload>
|
</el-upload>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<!-- <el-form :inline="true" v-show="props.rowList.id == undefined">
|
|
||||||
<el-form-item label="时间">
|
|
||||||
<DatePicker ref="datePickerRef"></DatePicker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-Search" @click="onSubmit">查询</el-button>
|
|
||||||
<el-button type="primary" icon="el-icon-Download" @click="exportTemplate">导出模板</el-button>
|
|
||||||
<el-upload action="" accept=".xlsx" :show-file-list="false" :auto-upload="false"
|
|
||||||
:on-change="choose">
|
|
||||||
<el-button type="primary" class="ml10" icon="el-icon-Upload">离线导入</el-button>
|
|
||||||
</el-upload>
|
|
||||||
|
|
||||||
</el-form-item>
|
|
||||||
</el-form> -->
|
|
||||||
|
|
||||||
<div v-loading="loading">
|
<div v-loading="loading" class="pt5">
|
||||||
<el-descriptions class="mb10" title="基础数据" :column="2" size="" border>
|
<el-divider content-position="left">基础数据</el-divider>
|
||||||
<el-descriptions-item label="待评估用户" label-align="center" width="25%">
|
<el-descriptions class="mb10" :column="4" size="" border>
|
||||||
|
<el-descriptions-item label="用户名称" label-align="center" width="20%">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="user"
|
v-model="user"
|
||||||
placeholder="请选择待评估用户"
|
placeholder="请选择用户名称"
|
||||||
size="small"
|
size="small"
|
||||||
filterable
|
filterable
|
||||||
:disabled="props.rowList.id != undefined"
|
v-if="props.rowList.id == undefined"
|
||||||
style="width: 240px"
|
style="width: 100%"
|
||||||
value-key="userId"
|
value-key="userId"
|
||||||
@change="userChange"
|
@change="userChange"
|
||||||
>
|
>
|
||||||
<el-option v-for="item in userList" :key="item" :label="item.userName" :value="item" />
|
<el-option v-for="item in userList" :key="item" :label="item.userName" :value="item" />
|
||||||
</el-select>
|
</el-select>
|
||||||
|
<span v-else>{{ props.rowList.userName }}</span>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="拟接入光伏容量(MVA)" label-align="center" width="25%">
|
<el-descriptions-item label="拟接入光伏容量" label-align="center" width="10%">
|
||||||
{{ userData?.protocolCapacity }}
|
{{ userData?.protocolCapacity }}MVA
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="电压等级" label-align="center" width="25%">
|
<el-descriptions-item label="电压等级" label-align="center" width="10%">
|
||||||
{{ voltageLevelArr.filter(item => item.id === userData?.voltage)[0]?.name }}
|
{{ voltageLevelArr.filter(item => item.id === userData?.voltage)[0]?.name }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="额定容量(MVA)" label-align="center" width="25%">
|
<el-descriptions-item label="额定容量" label-align="center" width="10%">
|
||||||
{{ lineList?.standardCapacity }}
|
{{ lineList?.standardCapacity }}MVA
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
<el-tabs v-model="activeName" class="mb10" :style="`height: calc(${tabsHeight} / 2 + 50px)`">
|
<div :style="`height: calc(${tabsHeight} - ${props.rowList.id == undefined ? '256px' : '188px'})`">
|
||||||
<el-tab-pane label="有功功率" name="1" class="mt10">
|
<el-tabs
|
||||||
<MyEChart :options="options1" />
|
v-model="activeName"
|
||||||
</el-tab-pane>
|
class="mb10"
|
||||||
<el-tab-pane label="无功功率" name="2" class="mt10">
|
v-if="showTabs"
|
||||||
<MyEChart :options="options2" />
|
@tab-change="tabChange"
|
||||||
</el-tab-pane>
|
:style="`height: calc(${tabsHeight} - ${
|
||||||
<el-tab-pane label="谐波电流幅值" name="3" class="mt10" style="position: relative">
|
props.rowList.id == undefined ? '256px' : '188px'
|
||||||
<el-select
|
})`"
|
||||||
v-model="harmonicValue"
|
>
|
||||||
style="position: absolute; z-index: 99; top: -10px; right: 185px; width: 80px"
|
<el-tab-pane label="有功功率" name="1" class="mt10">
|
||||||
placeholder="请选择谐波"
|
<MyEChart :options="options1" />
|
||||||
@change="onSubmit"
|
</el-tab-pane>
|
||||||
>
|
<el-tab-pane label="无功功率" name="2" class="mt10">
|
||||||
<el-option
|
<MyEChart :options="options" />
|
||||||
v-for="item in harmonic"
|
</el-tab-pane>
|
||||||
:key="item.value"
|
<el-tab-pane label="谐波电流幅值" name="3" class="mt10" style="position: relative">
|
||||||
:label="item.label"
|
<div style="position: absolute; z-index: 99; top: 10px; right: 200px; width: 80px">
|
||||||
:value="item.value"
|
<el-select
|
||||||
></el-option>
|
v-model="harmonicValue"
|
||||||
</el-select>
|
placeholder="请选择谐波"
|
||||||
|
@change="amplitudeQuery"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in harmonic"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
></el-option>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
|
||||||
<MyEChart :options="options3" />
|
<MyEChart :options="options" v-loading="currentLod" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="首端电压模型参数" name="4">
|
<el-tab-pane label="首端电压模型参数" name="4">
|
||||||
<vxe-table height="auto" v-bind="defaultAttribute" :data="voltageList">
|
<vxe-table height="auto" v-bind="defaultAttribute" :data="voltageList">
|
||||||
<!-- <vxe-column field="name" title="项别模型参数"></vxe-column> -->
|
<vxe-colgroup field="group0" title="模型参数">
|
||||||
<vxe-colgroup field="group0" title="模型参数">
|
<vxe-column field="name" width="180" title="相别"></vxe-column>
|
||||||
<vxe-column field="name" width="180" title="相别"></vxe-column>
|
</vxe-colgroup>
|
||||||
</vxe-colgroup>
|
|
||||||
|
|
||||||
<vxe-column field="a" title="a"></vxe-column>
|
<vxe-column field="a" title="a"></vxe-column>
|
||||||
<vxe-column field="b" title="b"></vxe-column>
|
<vxe-column field="b" title="b"></vxe-column>
|
||||||
<vxe-column field="c" title="c"></vxe-column>
|
<vxe-column field="c" title="c"></vxe-column>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-divider content-position="left" v-show="showBtn">评估结果</el-divider>
|
||||||
<div class="bottomBox">
|
<div class="bottomBox">
|
||||||
<el-row v-if="showAssess">
|
<div class="evaluateTheResults" id="evaluateTheResults" v-if="showAssess">
|
||||||
<el-col
|
<div style="height: 250px; flex: 1">
|
||||||
:span="16"
|
|
||||||
:style="`height: calc(${tabsHeight} / 2 - ${
|
|
||||||
props.rowList.id == undefined ? 12 + 45 : 12
|
|
||||||
}px)`"
|
|
||||||
>
|
|
||||||
<vxe-table
|
<vxe-table
|
||||||
style="flex: 1.5"
|
style="flex: 1.5"
|
||||||
v-bind="defaultAttribute"
|
v-bind="defaultAttribute"
|
||||||
@@ -130,47 +125,45 @@
|
|||||||
</vxe-colgroup>
|
</vxe-colgroup>
|
||||||
<vxe-column field="level1" title="安全">
|
<vxe-column field="level1" title="安全">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<Select v-if="row.level1 == 1" class="SelectIcon" />
|
<Select v-if="row.level1 == 1" class="SelectIcon" style="color: #2E7D32" />
|
||||||
<span v-else>{{ row.level1 }}</span>
|
<span v-else>{{ row.level1 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="level2" title="III级预警">
|
<vxe-column field="level2" title="III级预警">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<Select v-if="row.level2 == 1" class="SelectIcon" />
|
<Select v-if="row.level2 == 1" class="SelectIcon" style="color: #0288D1" />
|
||||||
<span v-else>{{ row.level2 }}</span>
|
<span v-else>{{ row.level2 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="level3" title="II级预警">
|
<vxe-column field="level3" title="II级预警">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<Select v-if="row.level3 == 1" class="SelectIcon" />
|
<Select v-if="row.level3 == 1" class="SelectIcon" style="color: #F57C00" />
|
||||||
<span v-else>{{ row.level3 }}</span>
|
<span v-else>{{ row.level3 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="level4" title="I级预警">
|
<vxe-column field="level4" title="I级预警">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<Select v-if="row.level4 == 1" class="SelectIcon" />
|
<Select v-if="row.level4 == 1" class="SelectIcon" style="color: #C62828" />
|
||||||
<span v-else>{{ row.level4 }}</span>
|
<span v-else>{{ row.level4 }}</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col
|
<div style="height: 250px; width: 350px">
|
||||||
:span="8"
|
|
||||||
:style="`height: calc(${tabsHeight} / 2 - ${
|
|
||||||
props.rowList.id == undefined ? 62 + 45 : 62
|
|
||||||
}px)`"
|
|
||||||
>
|
|
||||||
<MyEChart style="flex: 1" :options="pieCharts" />
|
<MyEChart style="flex: 1" :options="pieCharts" />
|
||||||
</el-col>
|
</div>
|
||||||
</el-row>
|
</div>
|
||||||
|
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
icon="el-icon-Document"
|
icon="el-icon-VideoPlay"
|
||||||
@click="assess"
|
@click="assess"
|
||||||
v-show="showBtn && props.rowList.id == undefined"
|
v-if="showBtn && props.rowList.id == undefined && !showAssess"
|
||||||
>
|
>
|
||||||
承载能力评估
|
启动评估
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" icon="el-icon-Download" @click="onExport" v-if="showAssess">
|
||||||
|
导出结果
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -202,13 +195,15 @@ import {
|
|||||||
carryCapacityCal,
|
carryCapacityCal,
|
||||||
getExcelTemplate,
|
getExcelTemplate,
|
||||||
getLineDetailData,
|
getLineDetailData,
|
||||||
modelTraining
|
modelTraining,
|
||||||
|
queryResultbyCondition
|
||||||
} from '@/api/advance-boot/bearingCapacity'
|
} from '@/api/advance-boot/bearingCapacity'
|
||||||
|
import html2canvas from 'html2canvas'
|
||||||
import { yMethod } from '@/utils/echartMethod'
|
import { yMethod } from '@/utils/echartMethod'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
const props = defineProps(['rowList'])
|
const props = defineProps(['rowList'])
|
||||||
const harmonic = harmonicOptions.filter(item => item.value < 26)
|
const harmonic = harmonicOptions.filter(item => item.value < 26)
|
||||||
|
const currentLod = ref(false)
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const size = ref(0)
|
const size = ref(0)
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
@@ -216,7 +211,7 @@ const datePickerRef = ref()
|
|||||||
const height = mainHeight(80).height
|
const height = mainHeight(80).height
|
||||||
const tabsHeight = mainHeight(260).height
|
const tabsHeight = mainHeight(260).height
|
||||||
const voltageLevelArr = dictData.getBasicData('Dev_Voltage_Stand')
|
const voltageLevelArr = dictData.getBasicData('Dev_Voltage_Stand')
|
||||||
const tableData = ref([
|
const tableData: any = ref([
|
||||||
{
|
{
|
||||||
name: '配变首端电压',
|
name: '配变首端电压',
|
||||||
level1: '/',
|
level1: '/',
|
||||||
@@ -256,10 +251,13 @@ const loading = ref(false)
|
|||||||
const user = ref('')
|
const user = ref('')
|
||||||
const userList: any = ref([])
|
const userList: any = ref([])
|
||||||
const lineList: any = ref([])
|
const lineList: any = ref([])
|
||||||
|
const options = ref({})
|
||||||
const options1 = ref({})
|
const options1 = ref({})
|
||||||
const options2 = ref({})
|
const options2 = ref({})
|
||||||
const options3 = ref({})
|
const options3 = ref({})
|
||||||
const pieCharts = ref({})
|
const pieCharts = ref({})
|
||||||
|
const showTabs = ref(false)
|
||||||
|
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
const userData: any = ref({})
|
const userData: any = ref({})
|
||||||
const stringMap: any = ref({})
|
const stringMap: any = ref({})
|
||||||
@@ -292,16 +290,26 @@ const info = () => {
|
|||||||
])[0]?.id
|
])[0]?.id
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
userList.value = res.data.records
|
userList.value = res.data.records
|
||||||
user.value = userList.value[0] || {}
|
|
||||||
userData.value = res.data.records[0] || {}
|
if (props.rowList.id != undefined) {
|
||||||
|
user.value = userList.value.filter(item => item.userId == props.rowList.userId)[0]
|
||||||
|
userChange(user.value)
|
||||||
|
} else {
|
||||||
|
user.value = userList.value[0] || {}
|
||||||
|
userData.value = res.data.records[0] || {}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询
|
// 查询
|
||||||
const onSubmit = async () => {
|
const onSubmit = async () => {
|
||||||
|
activeName.value = '1'
|
||||||
|
|
||||||
if (dotList.value.level != 6) {
|
if (dotList.value.level != 6) {
|
||||||
return ElMessage.warning('请选择线路')
|
return ElMessage.warning('请选择线路')
|
||||||
}
|
}
|
||||||
|
showAssess.value = false
|
||||||
|
showTabs.value = false
|
||||||
loading.value = true
|
loading.value = true
|
||||||
|
|
||||||
let form = {
|
let form = {
|
||||||
@@ -311,41 +319,104 @@ const onSubmit = async () => {
|
|||||||
userId: dictData.state.area[0].id,
|
userId: dictData.state.area[0].id,
|
||||||
time: harmonicValue.value
|
time: harmonicValue.value
|
||||||
}
|
}
|
||||||
options1.value = {}
|
initEchart(1, '有功功率')
|
||||||
options2.value = {}
|
initEchart(2, '无功功率')
|
||||||
options3.value = {}
|
initEchart(3, '谐波电流幅值')
|
||||||
voltageList.value = []
|
voltageList.value = []
|
||||||
showBtn.value = false
|
showBtn.value = false
|
||||||
if (props.rowList.id != undefined) {
|
if (props.rowList.id != undefined) {
|
||||||
user.value = props.rowList
|
// user.value = props.rowList
|
||||||
|
|
||||||
rendering(props.rowList)
|
rendering(props.rowList)
|
||||||
}
|
}
|
||||||
Promise.all([queryCarryCapacityData(form), queryCarryCapacityQData(form), queryCarryCapacityIData(form)])
|
|
||||||
.then(res => {
|
|
||||||
// 有功功率
|
|
||||||
|
|
||||||
stringMap.value = res[0].data.stringMap
|
try {
|
||||||
p_βminMap.value = res[0].data.p_βminMap
|
// 显示加载状态
|
||||||
q_βminMap.value = res[1].data.q_βminMap
|
|
||||||
i_βmax.value = res[2].data.i_βmax
|
// 获取有功功率数据
|
||||||
for (let k in res[0].data.stringMap) {
|
const res1 = await queryCarryCapacityData(form)
|
||||||
voltageList.value.push({
|
stringMap.value = res1.data.stringMap
|
||||||
name: k,
|
p_βminMap.value = res1.data.p_βminMap
|
||||||
c: res[0].data.stringMap[k][0],
|
|
||||||
a: res[0].data.stringMap[k][1],
|
// 处理电压列表数据
|
||||||
b: res[0].data.stringMap[k][2]
|
voltageList.value = Object.entries(res1.data.stringMap).map(([k, values]) => ({
|
||||||
})
|
name: k,
|
||||||
}
|
c: values[0],
|
||||||
setEChart(1, res[0].data.data, '有功功率', 'w')
|
a: values[1],
|
||||||
setEChart(2, res[1].data.data, '无功功率', 'Var')
|
b: values[2]
|
||||||
setEChart(3, res[2].data.data, '谐波电流幅值', 'A')
|
}))
|
||||||
showBtn.value = true
|
|
||||||
loading.value = false
|
// 设置有功功率图表
|
||||||
// props.rowList.id != undefined
|
setEChart(1, res1.data.data, '有功功率', 'w')
|
||||||
})
|
|
||||||
.catch(err => {
|
// 获取无功功率数据并设置图表
|
||||||
loading.value = false
|
const res2 = await queryCarryCapacityQData(form)
|
||||||
})
|
q_βminMap.value = res2.data.q_βminMap
|
||||||
|
setEChart(2, res2.data.data, '无功功率', 'Var')
|
||||||
|
|
||||||
|
// 获取谐波电流数据并设置图表
|
||||||
|
const res3 = await queryCarryCapacityIData(form)
|
||||||
|
i_βmax.value = res3.data.i_βmax
|
||||||
|
setEChart(3, res3.data.data, '谐波电流幅值', 'A')
|
||||||
|
|
||||||
|
// 显示结果和按钮
|
||||||
|
showTabs.value = true
|
||||||
|
showBtn.value = true
|
||||||
|
currentLod.value = false
|
||||||
|
// 如果没有rowList.id，查询结果
|
||||||
|
if (props.rowList.id === undefined) {
|
||||||
|
const res4 = await queryResultbyCondition({ ...form, userId: user.value.userId })
|
||||||
|
rendering(res4.data)
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('请求出错:', err)
|
||||||
|
} finally {
|
||||||
|
// 无论成功失败，都关闭加载状态
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// Promise.all([queryCarryCapacityData(form), queryCarryCapacityQData(form), queryCarryCapacityIData(form)])
|
||||||
|
// .then(res => {
|
||||||
|
// // 有功功率
|
||||||
|
|
||||||
|
// stringMap.value = res[0].data.stringMap
|
||||||
|
// p_βminMap.value = res[0].data.p_βminMap
|
||||||
|
// q_βminMap.value = res[1].data.q_βminMap
|
||||||
|
// i_βmax.value = res[2].data.i_βmax
|
||||||
|
// for (let k in res[0].data.stringMap) {
|
||||||
|
// voltageList.value.push({
|
||||||
|
// name: k,
|
||||||
|
// c: res[0].data.stringMap[k][0],
|
||||||
|
// a: res[0].data.stringMap[k][1],
|
||||||
|
// b: res[0].data.stringMap[k][2]
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// setEChart(1, res[0].data.data, '有功功率', 'w')
|
||||||
|
// setEChart(2, res[1].data.data, '无功功率', 'Var')
|
||||||
|
// setEChart(3, res[2].data.data, '谐波电流幅值', 'A')
|
||||||
|
// showBtn.value = true
|
||||||
|
// loading.value = false
|
||||||
|
// // props.rowList.id != undefined
|
||||||
|
// })
|
||||||
|
// .catch(err => {
|
||||||
|
// loading.value = false
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
// 谐波次数变化
|
||||||
|
const amplitudeQuery = async (e: any) => {
|
||||||
|
currentLod.value = true
|
||||||
|
let form = {
|
||||||
|
endTime: props.rowList.endTime || datePickerRef.value.timeValue[1],
|
||||||
|
lineId: props.rowList.lineId || dotList.value.id,
|
||||||
|
startTime: props.rowList.startTime || datePickerRef.value.timeValue[0],
|
||||||
|
userId: dictData.state.area[0].id,
|
||||||
|
time: harmonicValue.value
|
||||||
|
}
|
||||||
|
const res3 = await queryCarryCapacityIData(form)
|
||||||
|
i_βmax.value = res3.data.i_βmax
|
||||||
|
setEChart(3, res3.data.data, '谐波电流幅值', 'A')
|
||||||
|
options.value=options3.value
|
||||||
|
currentLod.value = false
|
||||||
}
|
}
|
||||||
// 用户变化
|
// 用户变化
|
||||||
const userChange = (e: any) => {
|
const userChange = (e: any) => {
|
||||||
@@ -390,8 +461,6 @@ const setEChart = (val: any, data: any, text: string, name: string) => {
|
|||||||
backgroundColor: 'rgba(0,0,0,0.55)',
|
backgroundColor: 'rgba(0,0,0,0.55)',
|
||||||
borderWidth: 0,
|
borderWidth: 0,
|
||||||
formatter(params: any) {
|
formatter(params: any) {
|
||||||
console.log(123, params)
|
|
||||||
|
|
||||||
const xname = params[0].value[0]
|
const xname = params[0].value[0]
|
||||||
let str = `${xname}<br>`
|
let str = `${xname}<br>`
|
||||||
params.forEach((el: any, index: any) => {
|
params.forEach((el: any, index: any) => {
|
||||||
@@ -421,17 +490,8 @@ const setEChart = (val: any, data: any, text: string, name: string) => {
|
|||||||
name: name,
|
name: name,
|
||||||
max: max,
|
max: max,
|
||||||
min: min
|
min: min
|
||||||
// max: Math.ceil(Math.max(...data.map(item => item.value))),
|
|
||||||
// min: Math.floor(Math.min(...data.map(item => item.value)))
|
|
||||||
},
|
|
||||||
// legend: {
|
|
||||||
// data: ['A', 'B', 'C']
|
|
||||||
// // selectedMode: false,
|
|
||||||
// },
|
|
||||||
grid: {
|
|
||||||
top: '30px',
|
|
||||||
left: '30px'
|
|
||||||
},
|
},
|
||||||
|
|
||||||
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
@@ -512,21 +572,51 @@ const assess = () => {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
const rendering = (data: any) => {
|
const rendering = (data: any) => {
|
||||||
|
tableData.value = [
|
||||||
|
{
|
||||||
|
name: '配变首端电压',
|
||||||
|
level1: '/',
|
||||||
|
level2: '/',
|
||||||
|
level3: '/',
|
||||||
|
level4: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '配变功率因素',
|
||||||
|
level1: '/',
|
||||||
|
level2: '/',
|
||||||
|
level3: '/',
|
||||||
|
level4: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '等效负载率最小值',
|
||||||
|
level1: '/',
|
||||||
|
level2: '/',
|
||||||
|
level3: '/',
|
||||||
|
level4: '/'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '各次谐波电流幅值',
|
||||||
|
level1: '/',
|
||||||
|
level2: '/',
|
||||||
|
level3: '/',
|
||||||
|
level4: '/'
|
||||||
|
}
|
||||||
|
]
|
||||||
let ChartsList = [
|
let ChartsList = [
|
||||||
{
|
{
|
||||||
name: '安全',
|
name: '安全',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'III级',
|
name: 'III级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'II级',
|
name: 'II级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'I级',
|
name: 'I级预警',
|
||||||
value: 0
|
value: 0
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -539,36 +629,30 @@ const rendering = (data: any) => {
|
|||||||
tableData.value[2][`level` + data.btlevel] = 1
|
tableData.value[2][`level` + data.btlevel] = 1
|
||||||
tableData.value[3][`level` + data.ilevel] = 1
|
tableData.value[3][`level` + data.ilevel] = 1
|
||||||
ChartsList[data.reslutLevel - 1].value = 1
|
ChartsList[data.reslutLevel - 1].value = 1
|
||||||
|
|
||||||
showAssess.value = true
|
showAssess.value = true
|
||||||
pieCharts.value = {
|
pieCharts.value = {
|
||||||
title: {
|
|
||||||
text: '承载能力评估结果',
|
|
||||||
x: 'center',
|
|
||||||
top: `30px`,
|
|
||||||
textStyle: {
|
|
||||||
fontWeight: 'normal'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
legend: {
|
legend: {
|
||||||
type: 'scroll',
|
type: 'scroll',
|
||||||
orient: 'vertical',
|
orient: 'vertical',
|
||||||
left: 10,
|
right: '10px',
|
||||||
top: '10%'
|
top: '40px',
|
||||||
|
selectedMode: false // 是否允许点击
|
||||||
},
|
},
|
||||||
|
toolbox: { show: false },
|
||||||
xAxis: {
|
xAxis: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
color: ['#77DA63', '#00BFF5', '#FFBF00', '#Ff6600', '#ff0000'],
|
color: ['#2E7D32', '#0288D1', '#F57C00', '#F57C00', '#C62828'],
|
||||||
dataZoom: { show: false },
|
dataZoom: { show: false },
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
center: ['60%', '70%'],
|
center: ['40%', '50%'],
|
||||||
radius: ['35%', '48%'],
|
radius: ['45%', '58%'],
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
show: false
|
show: false
|
||||||
@@ -576,7 +660,45 @@ const rendering = (data: any) => {
|
|||||||
},
|
},
|
||||||
data: ChartsList
|
data: ChartsList
|
||||||
}
|
}
|
||||||
]
|
],
|
||||||
|
options: {
|
||||||
|
title: [
|
||||||
|
{
|
||||||
|
text: '评估结果',
|
||||||
|
left: '25%'
|
||||||
|
// left: '25%'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text:
|
||||||
|
data.reslutLevel == 5
|
||||||
|
? '禁止接入'
|
||||||
|
: data.reslutLevel == 4
|
||||||
|
? 'I级预警'
|
||||||
|
: data.reslutLevel == 3
|
||||||
|
? 'II级预警'
|
||||||
|
: data.reslutLevel == 2
|
||||||
|
? 'III级预警'
|
||||||
|
: data.reslutLevel == 1
|
||||||
|
? '安全'
|
||||||
|
: '',
|
||||||
|
left: data.reslutLevel == 1 ? '33%' : '29%',
|
||||||
|
top: '45%',
|
||||||
|
textStyle: {
|
||||||
|
color:
|
||||||
|
data.reslutLevel == 5
|
||||||
|
? '#C62828'
|
||||||
|
: data.reslutLevel == 4
|
||||||
|
? '#F57C00'
|
||||||
|
: data.reslutLevel == 3
|
||||||
|
? '#F57C00'
|
||||||
|
: data.reslutLevel == 2
|
||||||
|
? '#0288D1'
|
||||||
|
: '#2E7D32',
|
||||||
|
foontWeight: '500'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 下载模版
|
// 下载模版
|
||||||
@@ -614,6 +736,11 @@ const choose = (e: any) => {
|
|||||||
ElMessage.success('导入成功')
|
ElMessage.success('导入成功')
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
const tabChange = (e: any) => {
|
||||||
|
nextTick(() => {
|
||||||
|
e == 2 ? (options.value = options2.value) : e == 3 ? (options.value = options3.value) : ''
|
||||||
|
})
|
||||||
|
}
|
||||||
const handleNodeClick = (data: any, node: any) => {
|
const handleNodeClick = (data: any, node: any) => {
|
||||||
if (flag.value) {
|
if (flag.value) {
|
||||||
lineList.value = {}
|
lineList.value = {}
|
||||||
@@ -632,6 +759,75 @@ const handleNodeClick = (data: any, node: any) => {
|
|||||||
flag.value = false
|
flag.value = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// 初始化 echart 默认值
|
||||||
|
const initEchart = (val: number, text: string) => {
|
||||||
|
let list = {
|
||||||
|
title: {
|
||||||
|
text: text,
|
||||||
|
x: 'center'
|
||||||
|
},
|
||||||
|
|
||||||
|
xAxis: {
|
||||||
|
name: '时间',
|
||||||
|
type: 'time',
|
||||||
|
axisLabel: {
|
||||||
|
formatter: {
|
||||||
|
day: '{MM}-{dd}',
|
||||||
|
month: '{MM}',
|
||||||
|
year: '{yyyy}'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
name: name
|
||||||
|
},
|
||||||
|
|
||||||
|
color: ['#DAA520', '#2E8B57', '#A52a2a'],
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: 'A相',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true,
|
||||||
|
symbol: 'none',
|
||||||
|
data: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'B相',
|
||||||
|
type: 'line',
|
||||||
|
// smooth: true,
|
||||||
|
symbol: 'none',
|
||||||
|
data: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'C相',
|
||||||
|
type: 'line',
|
||||||
|
symbol: 'none',
|
||||||
|
data: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
val == 1 ? (options1.value = list) : val == 2 ? (options2.value = list) : val == 3 ? (options3.value = list) : ''
|
||||||
|
}
|
||||||
|
// 导出
|
||||||
|
const onExport = () => {
|
||||||
|
// 转换成canvas
|
||||||
|
html2canvas(document.getElementById('evaluateTheResults'), {
|
||||||
|
scale: 2
|
||||||
|
}).then(function (canvas) {
|
||||||
|
// 创建a标签，实现下载
|
||||||
|
let creatIMg = document.createElement('a')
|
||||||
|
creatIMg.download = '光伏电站承载能力评估结果.png' // 设置下载的文件名，
|
||||||
|
creatIMg.href = canvas.toDataURL() // 下载url
|
||||||
|
creatIMg.click()
|
||||||
|
creatIMg.remove() // 下载之后把创建的元素删除
|
||||||
|
})
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
initEchart(1, '有功功率')
|
||||||
|
initEchart(2, '无功功率')
|
||||||
|
initEchart(3, '谐波电流幅值')
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.splitpanes.default-theme .splitpanes__pane {
|
.splitpanes.default-theme .splitpanes__pane {
|
||||||
@@ -650,11 +846,14 @@ const handleNodeClick = (data: any, node: any) => {
|
|||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
top: -10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
||||||
background: #f8f8f9;
|
// background: var(--vxe-table-header-background-color);
|
||||||
|
background-image: linear-gradient(var(--vxe-table-border-color), var(--vxe-table-border-color)),
|
||||||
|
linear-gradient(#e8eaec00, #e8eaec00);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type:before) {
|
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type:before) {
|
||||||
@@ -690,12 +889,17 @@ const handleNodeClick = (data: any, node: any) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.SelectIcon {
|
.SelectIcon {
|
||||||
height: 30px;
|
height: 18px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
color: blue;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-select {
|
.el-select {
|
||||||
min-width: 80px;
|
min-width: 80px;
|
||||||
}
|
}
|
||||||
|
:deep(.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center) {
|
||||||
|
width: 80px !important;
|
||||||
|
}
|
||||||
|
.evaluateTheResults {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,47 +1,47 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog draggable v-model="Views" title="承载能力评估策略" width="1400" :before-close="handleClose">
|
<el-dialog v-model="Views" draggable title="评估策略配置" width="1000" :before-close="handleClose">
|
||||||
<div style="display: flex; justify-content: end">
|
<div style="display: flex; justify-content: end">
|
||||||
<el-button icon="el-icon-Refresh" type="primary" @click="restores">一键还原</el-button>
|
<el-button icon="el-icon-Refresh" type="primary" @click="restores">一键还原</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-divider content-position="left">光伏电站承载能力评估策略</el-divider>
|
<el-divider content-position="left">光伏电站评估策略配置</el-divider>
|
||||||
<vxe-table v-bind="defaultAttribute" :loading="loading" :data="photovoltaicData" :span-method="mergeRowMethod">
|
<vxe-table v-bind="defaultAttribute" :loading="loading" :data="photovoltaicData" :span-method="mergeRowMethod">
|
||||||
<vxe-colgroup field="group0" title="等级">
|
<vxe-colgroup field="group0" title="等级">
|
||||||
<vxe-column field="name" width="180" title="结果"></vxe-column>
|
<vxe-column field="name" width="180" title="结果"></vxe-column>
|
||||||
</vxe-colgroup>
|
</vxe-colgroup>
|
||||||
<vxe-column field="comparisonOperators1" title="安全(个)">
|
<vxe-column field="comparisonOperators1" title="安全(个)">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators1, row.row.count1, 0)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators1, row.row.count1, 0)">
|
||||||
{{ row.row.comparisonOperators1
|
{{ symbolJudgment(row.row.comparisonOperators1)
|
||||||
}}{{ row.row.comparisonOperators1 == '/' ? '' : row.row.count1 }}
|
}}{{ row.row.comparisonOperators1 == '/' ? '' : row.row.count1 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comparisonOperators2" title="III级预警(个)">
|
<vxe-column field="comparisonOperators2" title="III级预警(个)">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators2, row.row.count2, 0)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators2, row.row.count2, 0)">
|
||||||
{{ row.row.comparisonOperators2
|
{{ symbolJudgment(row.row.comparisonOperators2)
|
||||||
}}{{ row.row.comparisonOperators2 == '/' ? '' : row.row.count2 }}
|
}}{{ row.row.comparisonOperators2 == '/' ? '' : row.row.count2 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comparisonOperators3" title="II级预警(个)">
|
<vxe-column field="comparisonOperators3" title="II级预警(个)">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators3, row.row.count3, 0)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators3, row.row.count3, 0)">
|
||||||
{{ row.row.comparisonOperators3
|
{{ symbolJudgment(row.row.comparisonOperators3)
|
||||||
}}{{ row.row.comparisonOperators3 == '/' ? '' : row.row.count3 }}
|
}}{{ row.row.comparisonOperators3 == '/' ? '' : row.row.count3 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comparisonOperators4" title="I级预警(个)">
|
<vxe-column field="comparisonOperators4" title="I级预警(个)">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators4, row.row.count4, 0)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators4, row.row.count4, 0)">
|
||||||
{{ row.row.comparisonOperators4
|
{{ symbolJudgment(row.row.comparisonOperators4)
|
||||||
}}{{ row.row.comparisonOperators4 == '/' ? '' : row.row.count4 }}
|
}}{{ row.row.comparisonOperators4 == '/' ? '' : row.row.count4 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
<el-divider content-position="left">充电站、电加热负荷、电气化铁路承载能力评估</el-divider>
|
<el-divider content-position="left">充电站、电加热负荷、电气化铁路评估策略配置</el-divider>
|
||||||
<vxe-table v-bind="defaultAttribute" ref="xTable" :loading="loading" :data="tableData">
|
<vxe-table v-bind="defaultAttribute" ref="xTable" :loading="loading" :data="tableData">
|
||||||
<vxe-colgroup field="group0" title="等级">
|
<vxe-colgroup field="group0" title="等级">
|
||||||
<vxe-column field="name" width="180" title="结果"></vxe-column>
|
<vxe-column field="name" width="180" title="结果"></vxe-column>
|
||||||
@@ -49,8 +49,8 @@
|
|||||||
|
|
||||||
<vxe-column field="comparisonOperators1" title="THD(%)">
|
<vxe-column field="comparisonOperators1" title="THD(%)">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators1, row.row.count1, 1)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators1, row.row.count1, 1)">
|
||||||
{{ row.row.comparisonOperators1
|
{{ symbolJudgment(row.row.comparisonOperators1)
|
||||||
}}{{ row.row.comparisonOperators1 == '/' ? '' : row.row.count1 }}
|
}}{{ row.row.comparisonOperators1 == '/' ? '' : row.row.count1 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -58,31 +58,32 @@
|
|||||||
|
|
||||||
<vxe-column field="comparisonOperators2" title="2~25次谐波合格个数">
|
<vxe-column field="comparisonOperators2" title="2~25次谐波合格个数">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators2, row.row.count2, 2)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators2, row.row.count2, 2)">
|
||||||
{{ row.row.comparisonOperators2
|
{{ symbolJudgment(row.row.comparisonOperators2)
|
||||||
}}{{ row.row.comparisonOperators2 == '/' ? '' : row.row.count2 }}
|
}}{{ row.row.comparisonOperators2 == '/' ? '' : row.row.count2 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comparisonOperators3" title="畸次谐波合格个数">
|
<vxe-column field="comparisonOperators3" title="畸次谐波合格个数">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators3, row.row.count3, 3)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators3, row.row.count3, 3)">
|
||||||
{{ row.row.comparisonOperators3
|
{{ symbolJudgment(row.row.comparisonOperators3)
|
||||||
}}{{ row.row.comparisonOperators3 == '/' ? '' : row.row.count3 }}
|
}}{{ row.row.comparisonOperators3 == '/' ? '' : row.row.count3 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="comparisonOperators4" title="偶次谐波合格个数">
|
<vxe-column field="comparisonOperators4" title="偶次谐波合格个数">
|
||||||
<template #default="row">
|
<template #default="row">
|
||||||
<div @click="cells(row, row.row.comparisonOperators4, row.row.count4, 4)">
|
<div class="cellBox" @click="cells(row, row.row.comparisonOperators4, row.row.count4, 4)">
|
||||||
{{ row.row.comparisonOperators4
|
{{ symbolJudgment(row.row.comparisonOperators4)
|
||||||
}}{{ row.row.comparisonOperators4 == '/' ? '' : row.row.count4 }}
|
}}{{ row.row.comparisonOperators4 == '/' ? '' : row.row.count4 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
<!-- 修改 -->
|
<!-- 修改 -->
|
||||||
<el-dialog draggable v-model="dialogVisible" title="安全等级配置" width="500">
|
|
||||||
|
<el-dialog class="dialogBox" draggable v-model="dialogVisible" title="安全等级配置" width="500">
|
||||||
<el-form :model="form" label-width="auto">
|
<el-form :model="form" label-width="auto">
|
||||||
<el-form-item label="运算符号：">
|
<el-form-item label="运算符号：">
|
||||||
<el-radio-group v-model="form.comparisonOperators" @change="groupChang">
|
<el-radio-group v-model="form.comparisonOperators" @change="groupChang">
|
||||||
@@ -90,7 +91,14 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="数量：">
|
<el-form-item label="数量：">
|
||||||
<el-input-number v-model="form.count" :disabled="disabled" :min="0" :precision="0" :max="10000000" style="width: 100%" />
|
<el-input-number
|
||||||
|
v-model="form.count"
|
||||||
|
:disabled="disabled"
|
||||||
|
:min="0"
|
||||||
|
:precision="0"
|
||||||
|
:max="10000000"
|
||||||
|
style="width: 200px"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
@@ -254,6 +262,13 @@ const mergeRowMethod = ({ row, _rowIndex, column, visibleData }) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const symbolJudgment = (value: string) => {
|
||||||
|
if (value == '==') {
|
||||||
|
return '='
|
||||||
|
} else {
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
info()
|
info()
|
||||||
})
|
})
|
||||||
@@ -265,7 +280,9 @@ const handleClose = () => {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
||||||
background: #f8f8f9;
|
// background: var(--vxe-table-header-background-color);
|
||||||
|
background-image: linear-gradient(var(--vxe-table-border-color), var(--vxe-table-border-color)),
|
||||||
|
linear-gradient(#e8eaec00, #e8eaec00);
|
||||||
}
|
}
|
||||||
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type:before) {
|
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type:before) {
|
||||||
content: '';
|
content: '';
|
||||||
@@ -293,4 +310,37 @@ const handleClose = () => {
|
|||||||
transform: rotate(-66deg); /*这里需要自己调整，根据线的位置*/
|
transform: rotate(-66deg); /*这里需要自己调整，根据线的位置*/
|
||||||
transform-origin: bottom;
|
transform-origin: bottom;
|
||||||
}
|
}
|
||||||
|
.cellBox {
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--el-color-primary);
|
||||||
|
font-weight: 600;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.el-dialog__body {
|
||||||
|
max-height: none !important;
|
||||||
|
}
|
||||||
|
.dialogBox {
|
||||||
|
margin-top: calc(15vh + 200px) !important;
|
||||||
|
}
|
||||||
|
/* 确保对话框在页面居中 */
|
||||||
|
// .el-dialog {
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column;
|
||||||
|
// margin: 0 !important;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 50%;
|
||||||
|
// left: 50%;
|
||||||
|
// transform: translate(-50%, -50%);
|
||||||
|
// max-height: calc(100% - 30px);
|
||||||
|
// max-width: calc(100% - 30px);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// /* 确保遮罩层全屏显示 */
|
||||||
|
// .el-dialog__wrapper {
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// justify-content: center;
|
||||||
|
// }
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,19 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<div v-show="addedShow">
|
<div v-show="addedShow">
|
||||||
<TableHeader datePicker ref="TableHeaderRef">
|
<TableHeader datePicker showExport ref="TableHeaderRef">
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="评估类型">
|
<el-form-item label="评估类型">
|
||||||
<el-select v-model="tableStore.table.params.evaluateType" clearable placeholder="请选择评估类型">
|
<el-select
|
||||||
|
v-model="tableStore.table.params.evaluateType"
|
||||||
|
clearable
|
||||||
|
placeholder="请选择评估类型"
|
||||||
|
>
|
||||||
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon="el-icon-Setting" type="primary" @click="configuration">承载能力评估策略</el-button>
|
<el-button icon="el-icon-Setting" type="primary" @click="configuration">评估策略配置</el-button>
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="addAssess">
|
<el-button icon="el-icon-Plus" type="primary" @click="addAssess">新增评估</el-button>
|
||||||
新增承载能力评估
|
|
||||||
</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<Table ref="tableRef" />
|
<Table ref="tableRef" />
|
||||||
@@ -26,7 +28,11 @@
|
|||||||
<el-tab-pane label="光伏电站承载能力评估" name="1" v-if="code == null || code == 1">
|
<el-tab-pane label="光伏电站承载能力评估" name="1" v-if="code == null || code == 1">
|
||||||
<photovoltaic :rowList="rowList" />
|
<photovoltaic :rowList="rowList" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="充电站、电加热负荷、电气化铁路承载能力评估" name="2" v-if="code == null || code == 2">
|
<el-tab-pane
|
||||||
|
label="充电站、电加热负荷、电气化铁路承载能力评估"
|
||||||
|
name="2"
|
||||||
|
v-if="code == null || code == 2"
|
||||||
|
>
|
||||||
<charge :rowList="rowList" />
|
<charge :rowList="rowList" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -67,13 +73,20 @@ const tableStore: any = new TableStore({
|
|||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [
|
column: [
|
||||||
{
|
{
|
||||||
|
|
||||||
title: '序号',
|
title: '序号',
|
||||||
width: '80',
|
width: '80',
|
||||||
formatter: (row: any) => {
|
formatter: (row: any) => {
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{ field: 'userName', title: '用户名称' },
|
||||||
|
{
|
||||||
|
field: 'evaluateType',
|
||||||
|
title: '评估类型',
|
||||||
|
formatter: (row: any) => {
|
||||||
|
return uesrList.filter(item => item.id == row.cellValue)[0].name
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
field: 'lineName',
|
field: 'lineName',
|
||||||
title: '配变台区',
|
title: '配变台区',
|
||||||
@@ -82,48 +95,42 @@ const tableStore: any = new TableStore({
|
|||||||
return row.cellValue ? row.cellValue : '/'
|
return row.cellValue ? row.cellValue : '/'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
field: 'evaluateType',
|
|
||||||
title: '评估类型',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return uesrList.filter(item => item.id == row.cellValue)[0].name
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
{ field: 'userName', title: '预评估用户' },
|
|
||||||
{
|
{
|
||||||
field: 'reslutLevel',
|
field: 'reslutLevel',
|
||||||
title: '评估结果',
|
title: '评估结果',
|
||||||
type: 'html',
|
type: 'html',
|
||||||
formatter: (row: any) => {
|
formatter: (row: any) => {
|
||||||
// 1-安全，2-III级预警，3-II级预警，4-I 级预警,5-禁止接入
|
// 1-安全，2-III级预警，3-II级预警，4-I 级预警,5-禁止接入
|
||||||
return `<span style="color: ${row.cellValue == 1
|
return `<span style="color: ${
|
||||||
? '#339966'
|
row.cellValue == 1
|
||||||
: row.cellValue == 2
|
? '#2E7D32' // 深绿色 - 安全
|
||||||
? '#00BFF5'
|
: row.cellValue == 2
|
||||||
|
? '#0288D1' // 深蓝色 - III级预警
|
||||||
: row.cellValue == 3
|
: row.cellValue == 3
|
||||||
? '#FFBF00'
|
? '#F57C00' // 橙色 - II级预警
|
||||||
: row.cellValue == 4
|
: row.cellValue == 4
|
||||||
? '#Ff6600'
|
? '#E64A19' // 深橙色 - I级预警
|
||||||
: row.cellValue == 5
|
: row.cellValue == 5
|
||||||
? '#ff0000'
|
? '#C62828' // 深红色 - 禁止接入
|
||||||
: row.cellValue == 6
|
: row.cellValue == 6
|
||||||
? '#07CCCA'
|
? '#00897B' // 深青色 - 允许接入
|
||||||
: ''
|
: ''
|
||||||
}">${row.cellValue == 1
|
}">${
|
||||||
|
row.cellValue == 1
|
||||||
? '安全'
|
? '安全'
|
||||||
: row.cellValue == 2
|
: row.cellValue == 2
|
||||||
? 'III级预警'
|
? 'III级预警'
|
||||||
: row.cellValue == 3
|
: row.cellValue == 3
|
||||||
? 'II级预警'
|
? 'II级预警'
|
||||||
: row.cellValue == 4
|
: row.cellValue == 4
|
||||||
? 'I 级预警'
|
? 'I 级预警'
|
||||||
: row.cellValue == 5
|
: row.cellValue == 5
|
||||||
? '禁止接入'
|
? '禁止接入'
|
||||||
: row.cellValue == 6
|
: row.cellValue == 6
|
||||||
? '允许接入'
|
? '允许接入'
|
||||||
: ''}</span>`
|
: ''
|
||||||
|
}</span>`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ field: 'evaluateDate', title: '评估日期' },
|
{ field: 'evaluateDate', title: '评估日期' },
|
||||||
@@ -150,7 +157,7 @@ const tableStore: any = new TableStore({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'del',
|
name: 'del',
|
||||||
text: '删除',
|
text: '禁止接入',
|
||||||
type: 'danger',
|
type: 'danger',
|
||||||
icon: 'el-icon-Delete',
|
icon: 'el-icon-Delete',
|
||||||
render: 'confirmButton',
|
render: 'confirmButton',
|
||||||
@@ -171,7 +178,7 @@ const tableStore: any = new TableStore({
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
loadCallback: () => { }
|
loadCallback: () => {}
|
||||||
})
|
})
|
||||||
tableStore.table.params.evaluateType = ''
|
tableStore.table.params.evaluateType = ''
|
||||||
tableStore.table.params.id = dictData.state.area[0].id
|
tableStore.table.params.id = dictData.state.area[0].id
|
||||||
|
|||||||
@@ -1,16 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="终端">
|
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="设备">
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="add" class="mb10">新增</el-button>
|
<div class="formBox mb10"><el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button></div>
|
||||||
|
|
||||||
<vxe-table v-bind="defaultAttribute" v-loading="loading" height="500px" ref="xTable" :data="userData">
|
<vxe-table v-bind="defaultAttribute" v-loading="loading" height="500px" ref="xTable" :data="userData">
|
||||||
<vxe-column field="devName" title="终端名称"></vxe-column>
|
<vxe-column field="devName" title="设备名称"></vxe-column>
|
||||||
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
|
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
|
||||||
<vxe-column field="protocolCapacity" title="终端容量(MVA)"></vxe-column>
|
<vxe-column field="protocolCapacity" title="设备容量(MVA)"></vxe-column>
|
||||||
<vxe-column title="操作" width="120px">
|
<vxe-column title="操作" width="120px">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button type="primary" size="small" link @click="revise(row)">修改</el-button>
|
<el-button type="primary" size="small" link @click="revise(row)">修改</el-button>
|
||||||
|
|
||||||
<el-popconfirm @confirm="deleteD(row)" title="确认删除终端?">
|
<el-popconfirm @confirm="deleteD(row)" title="确认删除设备?">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<el-button type="danger" size="small" link>删除</el-button>
|
<el-button type="danger" size="small" link>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
@@ -21,21 +21,27 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog draggable v-model="addShow" width="400px" :title="title" :before-close="handleClose">
|
<el-dialog draggable v-model="addShow" width="400px" :title="title" :before-close="handleClose">
|
||||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
|
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
|
||||||
<el-form-item label="终端名称" prop="devName">
|
<el-form-item label="设备名称" prop="devName">
|
||||||
<el-input v-model.trim="form.devName" placeholder="请输入终端名称" maxlength="32" show-word-limit clearable/>
|
<el-input
|
||||||
|
v-model.trim="form.devName"
|
||||||
|
placeholder="请输入设备名称"
|
||||||
|
maxlength="32"
|
||||||
|
show-word-limit
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="电压等级" prop="devScale">
|
<el-form-item label="电压等级" prop="devScale">
|
||||||
<el-select v-model="form.devScale" clearable placeholder="请选择电压等级">
|
<el-select v-model="form.devScale" clearable placeholder="请选择电压等级">
|
||||||
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="终端容量(MVA)" prop="protocolCapacity">
|
<el-form-item label="设备容量(MVA)" prop="protocolCapacity">
|
||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="form.protocolCapacity"
|
v-model="form.protocolCapacity"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
:min="0"
|
:min="0"
|
||||||
:max="10000000"
|
:max="10000000"
|
||||||
placeholder="请选择终端容量"
|
placeholder="请选择设备容量"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
@@ -70,9 +76,9 @@ const form: any = ref({
|
|||||||
userId: ''
|
userId: ''
|
||||||
})
|
})
|
||||||
const rules = {
|
const rules = {
|
||||||
devName: [{ required: true, message: '请输入终端名称', trigger: 'blur' }],
|
devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
|
||||||
devScale: [{ required: true, message: '请输入终端名称', trigger: 'change' }],
|
devScale: [{ required: true, message: '请输入设备名称', trigger: 'change' }],
|
||||||
protocolCapacity: [{ required: true, message: '请输入终端名称', trigger: 'blur' }]
|
protocolCapacity: [{ required: true, message: '请输入设备名称', trigger: 'blur' }]
|
||||||
}
|
}
|
||||||
const open = (row: any) => {
|
const open = (row: any) => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
@@ -88,7 +94,7 @@ const open = (row: any) => {
|
|||||||
// 新增
|
// 新增
|
||||||
const add = () => {
|
const add = () => {
|
||||||
addShow.value = true
|
addShow.value = true
|
||||||
title.value = '新增终端'
|
title.value = '新增设备'
|
||||||
}
|
}
|
||||||
|
|
||||||
// 过滤数据
|
// 过滤数据
|
||||||
@@ -102,7 +108,7 @@ const formatter = (row: any) => {
|
|||||||
// 修改
|
// 修改
|
||||||
const revise = (row: any) => {
|
const revise = (row: any) => {
|
||||||
form.value = JSON.parse(JSON.stringify(row))
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
title.value = '修改终端'
|
title.value = '修改设备'
|
||||||
addShow.value = true
|
addShow.value = true
|
||||||
}
|
}
|
||||||
// 关闭弹框
|
// 关闭弹框
|
||||||
@@ -116,11 +122,11 @@ const handleClose = () => {
|
|||||||
}
|
}
|
||||||
formRef.value.resetFields()
|
formRef.value.resetFields()
|
||||||
}
|
}
|
||||||
// 新增终端
|
// 新增设备
|
||||||
const submitForm = async () => {
|
const submitForm = async () => {
|
||||||
await formRef.value.validate(valid => {
|
await formRef.value.validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (title.value == '新增终端') {
|
if (title.value == '新增设备') {
|
||||||
form.value.userId = rowList.value.userId
|
form.value.userId = rowList.value.userId
|
||||||
addDev(form.value).then(res => {
|
addDev(form.value).then(res => {
|
||||||
ElMessage.success('新增成功!')
|
ElMessage.success('新增成功!')
|
||||||
@@ -137,10 +143,10 @@ const submitForm = async () => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 删除终端
|
// 删除设备
|
||||||
const deleteD = row => {
|
const deleteD = row => {
|
||||||
removeDev({ devIds: row.devId }).then(res => {
|
removeDev({ devIds: row.devId }).then(res => {
|
||||||
ElMessage.success('删除终端成功!')
|
ElMessage.success('删除设备成功!')
|
||||||
open(rowList.value)
|
open(rowList.value)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -148,4 +154,10 @@ const deleteD = row => {
|
|||||||
defineExpose({ open })
|
defineExpose({ open })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped>
|
||||||
|
.formBox{
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -1,10 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
<div>
|
<div>
|
||||||
<TableHeader datePicker ref="TableHeaderRef">
|
<TableHeader :showTimeAll="false" showExport ref="TableHeaderRef">
|
||||||
<template #select>
|
<template #select>
|
||||||
<el-form-item label="用户类型">
|
<el-form-item label="用户类型">
|
||||||
<el-select v-model.trim="tableStore.table.params.userType" clearable placeholder="请选择用户类型">
|
<el-select
|
||||||
|
v-model.trim="tableStore.table.params.userType"
|
||||||
|
clearable
|
||||||
|
placeholder="请选择用户类型"
|
||||||
|
>
|
||||||
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -15,21 +19,28 @@
|
|||||||
</TableHeader>
|
</TableHeader>
|
||||||
<Table ref="tableRef" />
|
<Table ref="tableRef" />
|
||||||
<el-dialog draggable v-model="dialogVisible" :title="title" width="600" :before-close="handleClose">
|
<el-dialog draggable v-model="dialogVisible" :title="title" width="600" :before-close="handleClose">
|
||||||
<el-form ref="ruleFormRef" :model="form" label-width="auto" :disabled="disabled" :rules="rules">
|
<el-form ref="ruleFormRef" :model="form" label-width="170px" :disabled="disabled" :rules="rules">
|
||||||
<el-form-item label="用户名称：" prop="userName">
|
|
||||||
<el-input v-model.trim="form.userName" clearable placeholder="请输入用户名称" maxlength="32" show-word-limit/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="用户类型：" prop="userType">
|
<el-form-item label="用户类型：" prop="userType">
|
||||||
<el-select v-model="form.userType" clearable placeholder="请选择用户类型" @change="useChange">
|
<el-select v-model="form.userType" clearable placeholder="请选择用户类型" @change="useChange">
|
||||||
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="用户名称：" prop="userName">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="form.userName"
|
||||||
|
clearable
|
||||||
|
placeholder="请输入用户名称"
|
||||||
|
maxlength="32"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="电压等级：" prop="voltage">
|
<el-form-item label="电压等级：" prop="voltage">
|
||||||
<el-select v-model="form.voltage" clearable collapse-tags placeholder="请选择电压等级">
|
<el-select v-model="form.voltage" clearable collapse-tags placeholder="请选择电压等级">
|
||||||
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:label="userShow == 'Power_Station_Users' ? '拟接入容量(MVA)：' : '用户协议容量(MVA)：'"
|
:label="userShow == 'Power_Station_Users' ? '拟接入容量(MVA)：' : '用户协议容量(MVA)：'"
|
||||||
prop="protocolCapacity"
|
prop="protocolCapacity"
|
||||||
@@ -39,7 +50,6 @@
|
|||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
v-model="form.protocolCapacity"
|
v-model="form.protocolCapacity"
|
||||||
:min="0"
|
:min="0"
|
||||||
:precision="4"
|
|
||||||
:max="10000000"
|
:max="10000000"
|
||||||
placeholder="请输入用容量"
|
placeholder="请输入用容量"
|
||||||
/>
|
/>
|
||||||
@@ -53,7 +63,8 @@
|
|||||||
clearable
|
clearable
|
||||||
v-model="form.area"
|
v-model="form.area"
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
maxlength="300" show-word-limit
|
maxlength="300"
|
||||||
|
show-word-limit
|
||||||
type="textarea"
|
type="textarea"
|
||||||
placeholder="请输入详细地址"
|
placeholder="请输入详细地址"
|
||||||
/>
|
/>
|
||||||
@@ -68,7 +79,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<!-- 终端 -->
|
<!-- 设备 -->
|
||||||
<equipment ref="equipmentRef" />
|
<equipment ref="equipmentRef" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -177,7 +188,7 @@ const tableStore: any = new TableStore({
|
|||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
name: 'edit',
|
name: 'edit',
|
||||||
title: '终端 ',
|
title: '设备 ',
|
||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Plus',
|
icon: 'el-icon-Plus',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
@@ -196,10 +207,10 @@ const tableStore: any = new TableStore({
|
|||||||
disabled.value = true
|
disabled.value = true
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
title.value = '查看承载能力预评估用户'
|
title.value = '查看承载能力待评估用户'
|
||||||
form.value = JSON.parse(JSON.stringify(row))
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
form.value.regionList = [form.value.province, form.value.city, form.value.region]
|
form.value.regionList = [form.value.province, form.value.city, form.value.region]
|
||||||
userShow.value=uesrList.filter(item => item.id == row.userType)[0].code
|
userShow.value = uesrList.filter(item => item.id == row.userType)[0].code
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -212,11 +223,11 @@ const tableStore: any = new TableStore({
|
|||||||
disabled.value = false
|
disabled.value = false
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
await nextTick
|
await nextTick
|
||||||
title.value = '编辑承载能力预评估用户'
|
title.value = '编辑承载能力待评估用户'
|
||||||
|
|
||||||
form.value = JSON.parse(JSON.stringify(row))
|
form.value = JSON.parse(JSON.stringify(row))
|
||||||
form.value.regionList = [form.value.province, form.value.city, form.value.region]
|
form.value.regionList = [form.value.province, form.value.city, form.value.region]
|
||||||
userShow.value=uesrList.filter(item => item.id == row.userType)[0].code
|
userShow.value = uesrList.filter(item => item.id == row.userType)[0].code
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -259,7 +270,7 @@ const useChange = (e: string) => {
|
|||||||
// 新增
|
// 新增
|
||||||
const add = () => {
|
const add = () => {
|
||||||
disabled.value = false
|
disabled.value = false
|
||||||
title.value = '新增承载能力预评估用户'
|
title.value = '新增承载能力待评估用户'
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
}
|
}
|
||||||
// 保存
|
// 保存
|
||||||
@@ -269,14 +280,14 @@ const onSubmit = () => {
|
|||||||
form.value.province = form.value.regionList[0] || ''
|
form.value.province = form.value.regionList[0] || ''
|
||||||
form.value.city = form.value.regionList[1] || ''
|
form.value.city = form.value.regionList[1] || ''
|
||||||
form.value.region = form.value.regionList[2] || ''
|
form.value.region = form.value.regionList[2] || ''
|
||||||
if (title.value == '新增承载能力预评估用户') {
|
if (title.value == '新增承载能力待评估用户') {
|
||||||
addUse(form.value).then(res => {
|
addUse(form.value).then(res => {
|
||||||
ElMessage.success('新增成功!')
|
ElMessage.success('新增成功!')
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
handleClose()
|
handleClose()
|
||||||
})
|
})
|
||||||
} else if (title.value == '编辑承载能力预评估用户') {
|
} else if (title.value == '编辑承载能力待评估用户') {
|
||||||
updateUse(form.value).then(res => {
|
updateUse(form.value).then(res => {
|
||||||
ElMessage.success('修改成功!')
|
ElMessage.success('修改成功!')
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
<el-form-item style="position: relative; z-index: 2" v-if="plevel != 7">
|
<el-form-item style="position: relative; z-index: 2" v-if="plevel != 7">
|
||||||
<el-button icon="el-icon-Plus" type="primary" @click="add" v-if="!VITE_FLAG">
|
<el-button icon="el-icon-Plus" type="primary" @click="add" v-if="!VITE_FLAG">
|
||||||
{{
|
{{
|
||||||
nodeLevel == 200
|
nodeLevel1 == 200
|
||||||
? '新增供公司'
|
? '新增供电公司'
|
||||||
: nodeLevel == 300
|
: nodeLevel1 == 300
|
||||||
? '新增变电站'
|
? '新增变电站'
|
||||||
: nodeLevel == 400
|
: nodeLevel1 == 400
|
||||||
? '新增终端'
|
? '新增终端'
|
||||||
: nodeLevel == 500
|
: nodeLevel1 == 500
|
||||||
? '新增母线'
|
? '新增母线'
|
||||||
: nodeLevel >= 600
|
: nodeLevel1 >= 600
|
||||||
? '新增监测点'
|
? '新增监测点'
|
||||||
: '新增'
|
: '新增'
|
||||||
}}
|
}}
|
||||||
@@ -2026,6 +2026,7 @@ const latff: any = ref((rule: any, value: any, callback: any) => {
|
|||||||
const plevel = ref(0)
|
const plevel = ref(0)
|
||||||
const nodeDataList=ref()
|
const nodeDataList=ref()
|
||||||
const nodeEventList=ref()
|
const nodeEventList=ref()
|
||||||
|
const nodeLevel1=ref(0)
|
||||||
const nodeClick = (e: anyObj, data: any) => {
|
const nodeClick = (e: anyObj, data: any) => {
|
||||||
nodeDataList.value = data
|
nodeDataList.value = data
|
||||||
nodeEventList.value = e
|
nodeEventList.value = e
|
||||||
@@ -2049,6 +2050,7 @@ const nodeClick = (e: anyObj, data: any) => {
|
|||||||
getparentsNode(data)
|
getparentsNode(data)
|
||||||
pageStatus.value = 1
|
pageStatus.value = 1
|
||||||
nodeLevel.value = data.data.level
|
nodeLevel.value = data.data.level
|
||||||
|
nodeLevel1.value = data.data.level
|
||||||
nodeData.value = e
|
nodeData.value = e
|
||||||
AddProjectBO.value.projectParam = null
|
AddProjectBO.value.projectParam = null
|
||||||
AddProjectBO.value.provinceParam = null
|
AddProjectBO.value.provinceParam = null
|
||||||
@@ -2557,7 +2559,7 @@ const getNodeIndex = () => {
|
|||||||
}
|
}
|
||||||
/**查询节点内容 */
|
/**查询节点内容 */
|
||||||
const queryNodeContent = () => {
|
const queryNodeContent = () => {
|
||||||
console.log('🚀 ~ queryNodeContent ~ nodeData.value:', nodeData.value)
|
// console.log('🚀 ~ queryNodeContent ~ nodeData.value:', nodeData.value)
|
||||||
|
|
||||||
if (nodeData.value.id == null) {
|
if (nodeData.value.id == null) {
|
||||||
// ElMessage.warning('1111111')
|
// ElMessage.warning('1111111')
|
||||||
|
|||||||
@@ -129,14 +129,14 @@ const tableStore = new TableStore({
|
|||||||
{ field: 'subName', title: '变电站', minWidth: '150' },
|
{ field: 'subName', title: '变电站', minWidth: '150' },
|
||||||
{ field: 'ip', title: '网络参数', minWidth: '110' },
|
{ field: 'ip', title: '网络参数', minWidth: '110' },
|
||||||
{ field: 'scale', title: '电压等级', minWidth: '110' },
|
{ field: 'scale', title: '电压等级', minWidth: '110' },
|
||||||
{
|
// {
|
||||||
field: 'advanceType',
|
// field: 'advanceType',
|
||||||
title: '暂降类型',
|
// title: '暂降类型',
|
||||||
minWidth: '90',
|
// minWidth: '90',
|
||||||
formatter: (row: any) => {
|
// formatter: (row: any) => {
|
||||||
return row.cellValue || '其他'
|
// return row.cellValue || '其他'
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
field: 'advanceReason',
|
field: 'advanceReason',
|
||||||
title: '暂降原因',
|
title: '暂降原因',
|
||||||
|
|||||||
@@ -30,7 +30,7 @@
|
|||||||
<div style="height: 200px">
|
<div style="height: 200px">
|
||||||
<vxe-table height="auto" :data="form[item.key]" v-bind="defaultAttribute">
|
<vxe-table height="auto" :data="form[item.key]" v-bind="defaultAttribute">
|
||||||
|
|
||||||
<vxe-column type="seq" title="序号" width="60px"></vxe-column>
|
<vxe-column type="seq" title="序号" width="80px"></vxe-column>
|
||||||
|
|
||||||
<vxe-column
|
<vxe-column
|
||||||
v-for="(k, index) in item.child"
|
v-for="(k, index) in item.child"
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog draggable width="1000px" v-model="dialogVisible" :title="title">
|
<el-dialog draggable width="800px" v-model="dialogVisible" :title="title">
|
||||||
<el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
|
<el-form :inline="false" :model="form" label-width="auto" :rules="rules" ref="formRef">
|
||||||
<el-form-item label="谐波源名称" prop="harmName">
|
<el-form-item label="谐波源名称" prop="harmName">
|
||||||
<el-input
|
<el-input
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
v-model="form[item.field]"
|
v-model="form[item.field]"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
placeholder="请选择接入变电站"
|
placeholder="请选择变压器型号"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in transformer"
|
v-for="item in transformer"
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-select
|
<el-select
|
||||||
v-if="item.field == 'harmId'"
|
v-else-if="item.field == 'harmId'"
|
||||||
v-model="form[item.field]"
|
v-model="form[item.field]"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
@@ -207,12 +207,12 @@ const submit = async () => {
|
|||||||
emits('init', 3)
|
emits('init', 3)
|
||||||
})
|
})
|
||||||
}else if (title.value == '新增_冲击负荷') {
|
}else if (title.value == '新增_冲击负荷') {
|
||||||
await loadParamAdd(form.value).then((res: any) => {
|
await shockAdd(form.value).then((res: any) => {
|
||||||
ElMessage.success('新增成功')
|
ElMessage.success('新增成功')
|
||||||
emits('init', 4)
|
emits('init', 4)
|
||||||
})
|
})
|
||||||
} else if (title.value == '编辑_冲击负荷') {
|
} else if (title.value == '编辑_冲击负荷') {
|
||||||
await loadParamEdit(form.value).then((res: any) => {
|
await shockEdit(form.value).then((res: any) => {
|
||||||
ElMessage.success('修改成功')
|
ElMessage.success('修改成功')
|
||||||
emits('init', 4)
|
emits('init', 4)
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -391,4 +391,7 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
:deep(.el-select) {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
v-loading="item.loading"
|
v-loading="item.loading"
|
||||||
>
|
>
|
||||||
<vxe-column type="checkbox" width="60"></vxe-column>
|
<vxe-column type="checkbox" width="60"></vxe-column>
|
||||||
<vxe-column type="seq" title="序号" width="60px"></vxe-column>
|
<vxe-column type="seq" title="序号" width="80px"></vxe-column>
|
||||||
|
|
||||||
<vxe-column
|
<vxe-column
|
||||||
v-for="(k, index) in item.child"
|
v-for="(k, index) in item.child"
|
||||||
@@ -186,7 +186,7 @@ const column: any = ref([
|
|||||||
title: '冲击负荷类型',
|
title: '冲击负荷类型',
|
||||||
field: 'inpactloadtypeId'
|
field: 'inpactloadtypeId'
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
title: '数量',
|
title: '数量',
|
||||||
field: 'inpactloadNum'
|
field: 'inpactloadNum'
|
||||||
@@ -345,10 +345,11 @@ const formatter = (row: any) => {
|
|||||||
} else if (
|
} else if (
|
||||||
row.column.field == 'capacitorScale' ||
|
row.column.field == 'capacitorScale' ||
|
||||||
row.column.field == 'linevoltageScale' ||
|
row.column.field == 'linevoltageScale' ||
|
||||||
row.column.field == 'translowScale'
|
row.column.field == 'translowScale' ||
|
||||||
|
row.column.field == 'inpactloadhighScale'|| row.column.field == 'inpactloadlowScale'
|
||||||
) {
|
) {
|
||||||
const found = voltageleveloption.find((item: any) => item.id == row.cellValue)
|
const found = voltageleveloption.find((item: any) => item.id == row.cellValue)
|
||||||
return found.name || ''
|
return found?.name || ''
|
||||||
} else {
|
} else {
|
||||||
return row.cellValue
|
return row.cellValue
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -96,8 +96,8 @@ const info = (res: any) => {
|
|||||||
bottom: 40,
|
bottom: 40,
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
|
trigger: 'item',
|
||||||
formatter: '{a} <br/>{b} : {c} (次)',
|
formatter: '{a} <br/>{b} : {c} (次)',
|
||||||
confine: true
|
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
show: false
|
show: false
|
||||||
|
|||||||
@@ -44,13 +44,13 @@
|
|||||||
style="margin-left: 5px; width: 94px"></el-input>
|
style="margin-left: 5px; width: 94px"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="暂降类型:">
|
<!-- <el-form-item label="暂降类型:">
|
||||||
<el-select v-model="tableStore.table.params.eventType" placeholder="请选择暂降类型" clearable multiple
|
<el-select v-model="tableStore.table.params.eventType" placeholder="请选择暂降类型" clearable multiple
|
||||||
collapse-tags style="width: 100%">
|
collapse-tags style="width: 100%">
|
||||||
<el-option v-for="item in typeoptions" :key="item.id" :label="item.name"
|
<el-option v-for="item in typeoptions" :key="item.id" :label="item.name"
|
||||||
:value="item.id"></el-option>
|
:value="item.id"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item> -->
|
||||||
<el-form-item label="暂降原因:">
|
<el-form-item label="暂降原因:">
|
||||||
<el-select v-model="tableStore.table.params.eventReason" placeholder="请选择暂降原因" clearable
|
<el-select v-model="tableStore.table.params.eventReason" placeholder="请选择暂降原因" clearable
|
||||||
multiple collapse-tags style="width: 100%">
|
multiple collapse-tags style="width: 100%">
|
||||||
@@ -176,7 +176,7 @@ const tableStore = new TableStore({
|
|||||||
return triggeroptions.filter(item => item.id == row.eventType)[0]?.name
|
return triggeroptions.filter(item => item.id == row.eventType)[0]?.name
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{ field: 'advanceType', title: '暂降类型', minWidth: '100', },
|
// { field: 'advanceType', title: '暂降类型', minWidth: '100', },
|
||||||
{ field: 'advanceReason', title: '暂降原因', minWidth: '100' },
|
{ field: 'advanceReason', title: '暂降原因', minWidth: '100' },
|
||||||
{
|
{
|
||||||
field: 'depth',
|
field: 'depth',
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ const tableStore = new TableStore({
|
|||||||
{ title: '网络参数', field: 'ip', minWidth: '130' },
|
{ title: '网络参数', field: 'ip', minWidth: '130' },
|
||||||
{ title: '电压等级(kV)', field: 'voltageScale', width: '120' },
|
{ title: '电压等级(kV)', field: 'voltageScale', width: '120' },
|
||||||
{ title: '暂降发生时刻', field: 'startTime', width: '200' },
|
{ title: '暂降发生时刻', field: 'startTime', width: '200' },
|
||||||
{ title: '暂降类型', field: 'advanceType', minWidth: '130' },
|
// { title: '暂降类型', field: 'advanceType', minWidth: '130' },
|
||||||
{ title: '暂降原因', field: 'advanceReason', minWidth: '130' },
|
{ title: '暂降原因', field: 'advanceReason', minWidth: '130' },
|
||||||
{
|
{
|
||||||
title: '触发类型', field: 'eventType', minWidth: '80', formatter: (row: any) => {
|
title: '触发类型', field: 'eventType', minWidth: '80', formatter: (row: any) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user