Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of http://192.168.1.22:3000/frontend/admin-sjzx

Browse Source
This commit is contained in:
guanj
2025-08-27 19:25:38 +08:00
parent 10e3495a97 2afa5aa23b
commit b9e29802bd
15 changed files with 1646 additions and 374 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/api/advance-boot/assess.ts
View File

@@ -1,5 +1,5 @@
import createAxios from '@/utils/request'
import { useAdminInfo } from '@/stores/adminInfo'
//获取变电站下面的母线列表
export function getBusBarSelect(params: any) {
return createAxios({
@@ -104,7 +104,14 @@ export function transformerDelete(data: any) {
data
})
}
//获取冲击负荷字典
export function loadList(data: any) {
return createAxios({
url: '/advance-boot/assessDicShockLoad/list',
method: 'Post',
data
})
}
//新增冲击负荷字典
export function loadAdd(data: any) {
return createAxios({
@@ -137,6 +144,14 @@ export function userAdd(data: any) {
data
})
}
//修改评估用户
export function userEdit(data: any) {
return createAxios({
url: '/advance-boot/assessUser/edit',
method: 'Post',
data
})
}
//删除评估用户
export function batchDel(data: any) {
return createAxios({
@@ -145,7 +160,7 @@ export function batchDel(data: any) {
data
})
}
//删除评估用户
//获取评估用户
export function userGetInfo(params: any) {
return createAxios({
url: '/advance-boot/assessUser/getInfo',
@@ -323,4 +338,69 @@ export function shockDelete(data: any) {
data
})
}
//获取评估树
export function getTree(data: any) {
const adminInfo = useAdminInfo()
return createAxios({
url: '/advance-boot/secondaryEvaluation/evaluationTree?deptId=' + adminInfo.deptIndex,
method: 'post',
data
})
}
//获取评估结果
export function getResult(data: any, assessId?: string | number) {
return createAxios({
url: `/advance-boot/secondaryEvaluation/assessResult${assessId ? `?assessId=${assessId}` : ''}`,
method: 'post',
data
});
}
//导出评估结果
export function exportResult(data: any, assessId?: string | number) {
return createAxios({
url: `/advance-boot/secondaryEvaluation/downAssessResult${assessId ? `?assessId=${assessId}` : ''}`,
method: 'get',
responseType: 'blob'
});
}
//导入评估
export const evaluation = (assessId: string, file: File) => {
const formData = new FormData()
formData.append('assessId', assessId)
formData.append('file', file)
return createAxios({
url: '/advance-boot/secondaryEvaluation/evaluation',
method: 'post',
data: formData,
headers: {
'Content-Type': 'multipart/form-data'
}
})
}
//直接评估
export function assessResult(data: {
assessId: string | number,
endTime: string,
id: string | number,
startTime: string
}) {
return createAxios({
url: `/advance-boot/secondaryEvaluation/lineEvaluation`,
method: 'post',
data
});
}
//下载模板
export const downloadAssessTemplate = () => {
return createAxios({
url: '/advance-boot/secondaryEvaluation/downTemplateAssessResult',
method: 'get',
responseType: 'blob'
})
}

70
src/components/tree/pqs/assessTree.vue
View File

@@ -14,6 +14,10 @@ import { useDictData } from '@/stores/dictData'
import { getTerminalTreeForFive } from '@/api/device-boot/terminalTree'
import { useConfig } from '@/stores/config'
import { defineProps } from 'vue'
import {
getTree
} from '@/api/advance-boot/assess'
defineOptions({
name: 'pms/pointTree'
})
@@ -41,6 +45,26 @@ const formData = ref({
statisticalType: classificationData[0].id,
scale: null
})
// 添加数据转换函数
const transformTreeData = (data: any[]) => {
if (!data || !Array.isArray(data)) return [];
return data.map(item => {
// 创建新对象，确保不修改原始数据
const newItem: any = {
name: item.treeName ,
id: item.treeId ,
children: []
};
// 递归处理子节点
if (item.children && Array.isArray(item.children)) {
newItem.children = transformTreeData(item.children);
}
return newItem;
});
};
const loadData = () => {
let obj = classificationData.find(function (i) {
return i.id === formData.value.statisticalType
@@ -48,38 +72,24 @@ const loadData = () => {
let form = JSON.parse(JSON.stringify(formData.value))
form.statisticalType = classificationData.find((item: any) => item.id == form.statisticalType)
let nodeKey = ''
getTerminalTreeForFive(form).then(res => {
console.log(res)
getTree({}).then(res => {
// 转换数据结构为指定格式
const transformedData = transformTreeData(res.data);
// 确保有数据再进行处理
if (transformedData && transformedData.length > 0 &&
transformedData[0].children && transformedData[0].children.length > 0) {
nodeKey = transformedData[0].children[0].id
emit('init', transformedData[0].children[0])
res.data = [
{
name: '张家口供电公司',
level: -1,
id: 0,
children: [
{
name: '特种钢厂',
level: 1,
id: 2
},
{
name: '体育中心',
level: 1,
id: 3
}
]
tree.value = transformedData
if (nodeKey) {
nextTick(() => {
treeRef.value.treeRef.setCurrentKey(nodeKey)
})
}
]
nodeKey = res.data[0].children[0]
emit('init', res.data[0].children[0])
tree.value = res.data
if (nodeKey) {
nextTick(() => {
treeRef.value.treeRef.setCurrentKey(nodeKey)
// treeRef.value.treeRef.setExpandedKeys(nodeKey)
})
}
})
}

139
src/views/pqs/runManage/assessment/components/assess/assessTemplate.vue Normal file
View File

@@ -0,0 +1,139 @@
<template>
<el-dialog
draggable
class="cn-operate-dialog"
v-model="eventDataUploadVisible"
:title="title"
style="width: 415px"
top="25vh"
>
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="120px" ref="formRef">
<el-form-item label="用户数据文件">
<el-upload
v-model:file-list="fileList"
ref="uploadEventData"
action=""
:limit="1"
:on-exceed="handleExceed"
:auto-upload="false"
:on-change="choose"
>
<template #trigger>
<el-button type="primary">选择数据文件</el-button>
</template>
</el-upload>
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer>
<span class="dialog-footer">
<el-button @click="eventDataUploadVisible = false">取消</el-button>
<el-button type="primary" @click="submit">评估</el-button>
</span>
</template>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, reactive, inject } from 'vue'
import TableStore from '@/utils/tableStore'
import { ElMessage } from 'element-plus'
import type { UploadInstance, UploadProps, UploadRawFile, UploadUserFile } from 'element-plus'
import { genFileId } from 'element-plus'
import { deVReportImportSensitive } from '@/api/supervision-boot/userReport/form'
import {evaluation} from '@/api/advance-boot/assess'
const fileList = ref<UploadUserFile[]>([])
const formRef = ref()
const tableStore = inject('tableStore') as TableStore
const eventDataUploadVisible = ref(false)
const title = ref('')
const uploadEventData = ref<UploadInstance>()
const currentNodeId = ref('')
// 注意不要和表单ref的命名冲突
const form = reactive({
file: null
})
//弹出界面，默认选择用户的第一个生产线的第一条进线进行数据导入
const open = async (text: string , treeId:string) => {
currentNodeId.value = treeId
title.value = text
resetForm()
form.file = null
fileList.value = []
eventDataUploadVisible.value = true
}
//重置表单内容
const resetForm = () => {
if (formRef.value) {
formRef.value.resetFields()
}
}
/**
* 选择待上传文件
*/
const choose = (e: any) => {
form.file = e.raw
}
const handleExceed: UploadProps['onExceed'] = files => {
uploadEventData.value!.clearFiles()
const file = files[0] as UploadRawFile
file.uid = genFileId()
uploadEventData.value!.handleStart(file)
fileList.value = [{ name: file.name, url: '' }]
}
const emit = defineEmits<{
(e: 'data-success'): void
}>()
/**
* 提交用户表单数据
*/
const submit = async () => {
if (form.file) {
formRef.value.validate(async (valid: any) => {
if (valid) {
try {
ElMessage.info('评估中...')
// 调用后端评估接口
const formData = new FormData()
formData.append('assessId',currentNodeId.value)
formData.append('file', form.file)
// 假设你有一个调用评估接口的方法，如 evaluation
// 你需要在 API 文件中实现这个方法
const response = await evaluation(currentNodeId.value, form.file)
if (response.data) {
ElMessage.success('评估成功！')
emit('data-success')
} else {
ElMessage.error('评估失败！')
}
eventDataUploadVisible.value = false
} catch (error) {
ElMessage.error('评估失败，请重试！')
}
}
})
} else {
ElMessage.error('请选择数据文件')
}
}
defineExpose({ open })
</script>
<style scoped>
.el-form-item__content div {
width: 100% !important;
}
</style>

359
src/views/pqs/runManage/assessment/components/assess/index.vue
View File

@@ -1,36 +1,65 @@
<template>
<div :style="height">
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size">
<AssessTree
:default-expand-all="false"
@node-click="handleNodeClick"
@init="handleNodeClick"
></AssessTree>
</pane>
<pane style="background: #fff">
<div class="actionButtons mb10">
<el-button type="primary" icon="el-icon-Upload">导入数据背景</el-button>
<el-button type="primary" icon="el-icon-Memo" @click="assess">评估</el-button>
<el-button type="primary" icon="el-icon-Download">导出报告</el-button>
</div>
<div :style="collapseHeight" style="overflow-y: auto">
<el-collapse v-model="collapseName" class="pl10 pr10">
<el-collapse-item title="基本信息" :name="1">
<information />
</el-collapse-item>
<el-collapse-item title="评估结果信息" :name="2">
<Outcome />
</el-collapse-item>
</el-collapse>
</div>
</pane>
</splitpanes>
</div>
<div :style="height">
<splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
<pane :size="size">
<AssessTree
:default-expand-all="false"
@node-click="handleNodeClick"
@init="handleNodeClick"
ref="assessTreeRef"
:current-node-key="currentTreeKey"
></AssessTree>
</pane>
<pane style="background: #fff">
<div class="actionButtons mb10">
<el-button icon="el-icon-Download" type="primary" @click="exportExcelTemplate" :loading="loading">模版下载</el-button>
<el-button type="primary" icon="el-icon-Upload" @click="handleImportClick">导入数据背景</el-button>
<el-button type="primary" icon="el-icon-Memo" class="ml10" @click="assess2">评估</el-button>
<el-button type="primary" icon="el-icon-Download" @click="exportReport">导出报告</el-button>
</div>
<div :style="collapseHeight" style="overflow-y: auto">
<el-collapse v-model="collapseName" class="pl10 pr10">
<el-collapse-item title="基本信息" :name="1">
<div class="loading-container">
<div v-if="infoLoading" class="loading-wrapper">
<el-icon class="is-loading"><Loading /></el-icon>
<span class="loading-text">加载中...</span>
</div>
<information
v-show="!infoLoading"
:node-id="currentNodeId"
@data-loaded="() => infoLoading = false"
/>
</div>
</el-collapse-item>
<el-collapse-item title="评估结果信息" :name="2">
<div class="loading-container">
<div v-if="outcomeLoading" class="loading-wrapper">
<el-icon class="is-loading"><Loading /></el-icon>
<span class="loading-text">加载中...</span>
</div>
<Outcome
v-show="!outcomeLoading"
:node-id="currentNodeId"
@data-status="handleDataStatus"
@data-loaded="() => outcomeLoading = false"
/>
</div>
</el-collapse-item>
</el-collapse>
</div>
</pane>
</splitpanes>
</div>
<AssessTemplate ref="assessTemplate" @data-success = "assess"></AssessTemplate>
</template>
<script setup lang="ts">
import { onMounted, ref, provide } from 'vue'
import { ElMessage, ElLoading } from 'element-plus'
import { onMounted, ref, provide ,nextTick } from 'vue'
import 'splitpanes/dist/splitpanes.css'
import { Splitpanes, Pane } from 'splitpanes'
import TableStore from '@/utils/tableStore'
@@ -39,61 +68,279 @@ import TableHeader from '@/components/table/header/index.vue'
import { mainHeight } from '@/utils/layout'
import information from './information.vue'
import Outcome from './outcome.vue'
import {exportResult,downloadAssessTemplate,assessResult,userGetInfo} from '@/api/advance-boot/assess'
import { Loading } from '@element-plus/icons-vue'
import AssessTemplate from './assessTemplate.vue'
defineOptions({
// name: 'harmonic-boot/report/word'
// name: 'harmonic-boot/report/word'
})
const collapseName = ref([1, 2])
const height = mainHeight(80)
const collapseHeight = mainHeight(125)
const size = ref(0)
const dotList: any = ref({})
const infoLoading = ref(false)
const outcomeLoading = ref(false)
const loading = ref(false)
const assessTemplate = ref()
// 添加当前节点 ID 的响应式变量
const currentNodeId = ref<string | number | null>(null)
const currentNodeName = ref('')
const tableStore = new TableStore({
url: '',
method: 'POST',
column: [],
beforeSearchFun: () => {},
loadCallback: () => {}
url: '',
method: 'POST',
column: [],
beforeSearchFun: () => {},
loadCallback: () => {}
})
provide('tableStore', tableStore)
// 评估
const assess = () => {
collapseName.value = [2]
//有无评估结果
const result = ref(true)
const handleDataStatus = (hasData: boolean) => {
if (!hasData) {
result.value = false
} else {
result.value = true
}
}
onMounted(() => {
const dom = document.getElementById('navigation-splitpanes')
//模板下载
const exportExcelTemplate = async () => {
loading.value = true
downloadAssessTemplate().then((res: any) => {
let blob = new Blob([res], {
type: 'application/vnd.ms-excel'
})
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = '评估结果模板'
document.body.appendChild(link)
link.click()
link.remove()
})
await setTimeout(() => {
loading.value = false
}, 0)
}
//导出
const exportReport = () => {
if (!result.value){
ElMessage.warning('请先评估！')
return
}
// 显示导出中提示
const loading = ElLoading.service({
lock: true,
text: '导出中...',
background: 'rgba(0, 0, 0, 0.7)'
})
exportResult({}, currentNodeId.value).then((res: any) => {
let blob = new Blob([res], { // 注意使用 res.data 而不是 res
type: 'application/vnd.ms-excel'
})
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.href = url
link.download = currentNodeName.value + '-评估结果.xls' // 建议添加文件扩展名
document.body.appendChild(link)
link.click()
link.remove()
window.URL.revokeObjectURL(url)
// 关闭加载提示并显示成功消息
loading.close()
ElMessage.success('导出成功！')
}).catch(error => {
// 处理导出失败情况
loading.close()
ElMessage.error('导出失败，请重试！')
})
}
//导入
const handleImportClick = () => {
if (!currentNodeId.value) {
ElMessage.warning('请选择评估节点！')
return
}
assessTemplate.value.open('导入背景数据', currentNodeId.value.toString())
}
// 导入弹窗关闭后通知父组件更新
const assess = async () => {
// 展开评估结果
collapseName.value = [2]
// 更新评估状态
result.value = true
// ✅ 强制更新 nodeId，触发子组件的 watch
// 可以通过修改 currentNodeId 的值，或者重新赋值来触发 watch
const tempId = currentNodeId.value
currentNodeId.value = null // 先置空
setTimeout(() => {
if (dom) {
size.value = Math.round((180 / dom.offsetHeight) * 100)
}
}, 100)
currentNodeId.value = tempId // 再恢复，触发 watch
}, 0)
}
//评估
const assess2 = async () => {
// 显示导出中提示
const loading = ElLoading.service({
lock: true,
text: '评估结果中...',
background: 'rgba(0, 0, 0, 0.7)'
});
userGetInfo({ assessId: currentNodeId.value }).then(res => {
// 获取昨天的日期
const yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);
// 格式化为 yyyy-MM-dd
const yyyy = yesterday.getFullYear();
const mm = String(yesterday.getMonth() + 1).padStart(2, '0');
const dd = String(yesterday.getDate()).padStart(2, '0');
const yesterdayStr = `${yyyy}-${mm}-${dd}`;
const assessData = {
assessId: currentNodeId.value,
endTime: `${yesterdayStr} 23:59:59`, // 使用动态的昨天日期
id: res.data.lineId,
startTime: `${yesterdayStr} 00:00:00` // 使用动态的昨天日期
};
assessResult(assessData).then(res => {
// 关闭加载提示并显示成功消息
loading.close();
ElMessage.success('评估成功！');
// 展开评估结果
collapseName.value = [2];
// 更新评估状态
result.value = true;
const tempId = currentNodeId.value;
currentNodeId.value = null; // 先置空
setTimeout(() => {
currentNodeId.value = tempId; // 再恢复，触发 watch
}, 0);
}).catch(error => {
// 关闭加载提示并显示失败消息
loading.close();
ElMessage.error('评估失败');
});
}).catch(error => {
// 处理 userGetInfo 的错误
loading.close();
ElMessage.error('获取用户信息失败');
});
};
onMounted(() => {
const dom = document.getElementById('navigation-splitpanes')
setTimeout(() => {
if (dom) {
size.value = Math.round((180 / dom.offsetHeight) * 100)
}
}, 100)
})
// 添加树组件的引用
const assessTreeRef = ref<any>(null)
// 控制树组件当前高亮的节点key
const currentTreeKey = ref<string | number | null>(null)
// 保存上一次真正有效的节点key（子节点）
const lastValidNodeKey = ref<string | number | null>(null)
const handleNodeClick = (data: any, node: any) => {
dotList.value = data
// 阻止点击父节点的逻辑处理
if (!data ||
(node && !node.isLeaf) ||
(data.children && data.children.length > 0) ||
(node && node.childNodes && node.childNodes.length > 0)) {
// 点击父节点时，保持树的高亮状态为上一次有效的子节点
currentTreeKey.value = lastValidNodeKey.value
return
}
// 点击的是子节点，更新高亮状态
lastValidNodeKey.value = data?.id || null
currentTreeKey.value = lastValidNodeKey.value
dotList.value = data
currentNodeId.value = data?.id || null
currentNodeName.value = data?.name || ''
// ✅ 开启两个 loading
infoLoading.value = true
outcomeLoading.value = true
}
</script>
<style lang="scss" scoped>
.splitpanes.default-theme .splitpanes__pane {
background: #eaeef1;
background: #eaeef1;
}
:deep(.el-collapse-item__header) {
// font-family: AlimamaDongFangDaKai;
font-size: 20px;
&::before {
content: '▍'; /* 添加星号 */
font-size: 16px;
color: var(--el-color-primary);
}
// font-family: AlimamaDongFangDaKai;
font-size: 20px;
&::before {
content: '▍'; /* 添加星号 */
font-size: 16px;
color: var(--el-color-primary);
}
}
.actionButtons {
display: flex;
justify-content: end;
display: flex;
justify-content: end;
}
.loading-container {
position: relative;
min-height: 100px; /* 防止空白时高度塌陷 */
}
.loading-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.loading-text {
margin-left: 8px;
color: #606266;
}
.is-loading {
animation: rotating 2s linear infinite;
}
@keyframes rotating {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ml10 {
margin-left: 10px;
}
</style>

383
src/views/pqs/runManage/assessment/components/assess/information.vue
View File

@@ -4,34 +4,32 @@
<el-collapse v-model="activeNames">
<el-collapse-item title="用户参数维护" :name="1">
<el-descriptions :column="4" border>
<el-descriptions-item label="所在地市">张家口</el-descriptions-item>
<el-descriptions-item label="用户名称">名称1</el-descriptions-item>
<el-descriptions-item label="用户协议容量(MVA)">100</el-descriptions-item>
<el-descriptions-item label="是否包含电容器">否</el-descriptions-item>
<el-descriptions-item label="风电场装机容量"></el-descriptions-item>
<el-descriptions-item label="所在地市">{{ form.deptName }}</el-descriptions-item>
<el-descriptions-item label="用户名称">{{ form.assessName }}</el-descriptions-item>
<el-descriptions-item label="用户协议容量(MVA)">{{ form.agreedCapacity }}</el-descriptions-item>
<el-descriptions-item label="是否包含电容器">{{ form.withCapacitor }}</el-descriptions-item>
<el-descriptions-item :label=windfarmCapacityLabel>{{ form.windfarmCapacity }}</el-descriptions-item>
</el-descriptions>
</el-collapse-item>
<el-collapse-item title="系统参数维护" :name="2">
<el-descriptions :column="4" border>
<el-descriptions-item label="接入变电站">变电站1</el-descriptions-item>
<el-descriptions-item label="变电站电压等级">220V</el-descriptions-item>
<el-descriptions-item label="接入母线">母线1</el-descriptions-item>
<el-descriptions-item label="母线电压等级">220V</el-descriptions-item>
<el-descriptions-item label="供电设备容量(MVA)">100</el-descriptions-item>
<el-descriptions-item label="最小短路容量(MVA)">10</el-descriptions-item>
<el-descriptions-item label="PCC点名称">名称1</el-descriptions-item>
<el-descriptions-item label="PCC点电网电阻">20</el-descriptions-item>
<el-descriptions-item label="长度">30</el-descriptions-item>
<el-descriptions-item label="回路数">2</el-descriptions-item>
<el-descriptions-item label="导线类型"></el-descriptions-item>
<el-descriptions-item label="接入变电站">{{ form.powerstationName }}</el-descriptions-item>
<el-descriptions-item label="变电站电压等级">{{ form.powerstationScale }}</el-descriptions-item>
<el-descriptions-item label="接入母线">{{ form.busName }}</el-descriptions-item>
<el-descriptions-item label="母线电压等级">{{ form.busScale }}</el-descriptions-item>
<el-descriptions-item label="供电设备容量(MVA)">{{ form.powersupplyCapacity }}</el-descriptions-item>
<el-descriptions-item label="最小短路容量(MVA)">{{ form.minshortcircuitCapacity }}</el-descriptions-item>
<el-descriptions-item label="PCC点名称">{{ form.lineName }}</el-descriptions-item>
<el-descriptions-item label="PCC点电网电阻">{{ form.lineGridreactance }}</el-descriptions-item>
<el-descriptions-item label="长度">{{ form.lineLen }}</el-descriptions-item>
<el-descriptions-item label="回路数">{{ form.lineNum }}</el-descriptions-item>
<el-descriptions-item label="导线类型">{{ form.linetypeId }}</el-descriptions-item>
</el-descriptions>
</el-collapse-item>
<el-collapse-item :title="item.name" v-for="(item, index) in column" :name="index + 3">
<el-collapse-item :title="item.name" v-for="(item, index) in column" :key="index" :name="index + 3">
<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" v-loading="item.loading">
<vxe-column type="seq" title="序号" width="80px"></vxe-column>
<vxe-column
v-for="(k, index) in item.child"
:key="index"
@@ -48,205 +46,390 @@
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import { userGetInfo ,
cableList,
assessTransformerParamList,
transformerList,
capacitorList,
windPowerList,
loadParamList,
loadList,
shockList,
characteristicList
} from '@/api/advance-boot/assess'
import { useDictData } from '@/stores/dictData'
const dictData = useDictData()
// 定义 props
const props = defineProps({
nodeId: {
type: [String, Number],
default: null
}
})
const activeNames = ref([1, 2, 3, 4, 5, 6, 7])
const form: any = ref({
city: '',
windFarms: '',
transformer: [
{
name: '变压器1',
name1: '变压器型号1',
name2: '100'
},
{
name: '变压器2',
name1: '变压器型号2',
name2: '100'
}
], //变压器
capacitor: [
{
name: '电容器1',
name1: '20',
name2: '100',
name3: '72.73',
name4: '400V'
},
{
name: '电容器2',
name1: '20',
name2: '100',
name3: '72.73',
name4: '400V'
}
], //电容器
windPower: [
{
name: '风机1',
name1: '0.1',
name2: '100'
},
{
name: '风机2',
name1: '0.1',
name2: '100'
}
], //风电
deptName: '', // 所在地市
assessName: '', // 用户名称
agreedCapacity: '', // 用户协议容量(MVA)
withCapacitor: '', // 是否包含电容器
windFarms: '', // 风电场装机容量
powerstationName: '', // 接入变电站
powerstationScale: '', // 变电站电压等级
busName: '', // 接入母线
busScale: '', // 母线电压等级
powersupplyCapacity: '', // 供电设备容量(MVA)
minshortcircuitCapacity: '', // 最小短路容量(MVA)
lineName: '', // PCC点名称
lineGridreactance: '', // PCC点电网电阻
lineLen: '', // 长度
lineNum: '', // 回路数
linetypeId: '', // 导线类型
transformer: [], //变压器
capacitor: [], //电容器
windPower: [], //风电
load: [], //用户负荷
impact: [] //冲击性负荷
})
const column: any = ref([
{
loading: false,
name: '变压器参数维护',
key: 'transformer',
child: [
{
title: '用户变压器名称',
field: 'name'
field: 'transName'
},
{
title: '变压器型号',
field: 'name1'
field: 'transtypeId'
},
{
title: '变压器台数',
field: 'name2'
field: 'transNum'
}
]
},
{
{
loading: false,
name: '电容器组参数维护',
key: 'capacitor',
child: [
{
title: '用户电容器名称',
field: 'name'
field: 'capacitorName'
},
{
title: '电容器组数量',
field: 'name1'
field: 'capacitorNum'
},
{
title: '单组容量(kVar)',
field: 'name2'
field: 'capacitorCapacity'
},
{
title: '电抗率(%)',
field: 'name3'
field: 'capacitorReactance'
},
{
title: '电压等级',
field: 'name4'
field: 'capacitorScale'
}
]
},
{
loading: false,
name: '风电参数',
key: 'windPower',
child: [
{
title: '风机名称',
field: 'name'
field: 'windgeneratorName'
},
{
title: '风机闪变系数',
field: 'name1'
field: 'flickerCoeff'
},
{
title: '风机额定视在功率',
field: 'name2'
field: 's'
}
]
},
{
loading: false,
name: '用户负荷',
key: 'load',
child: [
{
title: '配电窒名称',
field: 'name'
field: 'loadName'
},
{
title: '进线电压',
field: 'name1'
field: 'linevoltageScale'
},
{
title: '配变容量(kVA)',
field: 'name2'
field: 'transhighCapacity'
},
{
title: '配电变压器阻抗(%)',
field: 'name3'
field: 'transImpedance'
},
{
title: '谐波源特性',
field: 'name4'
field: 'harmId'
},
{
title: '配变低压侧电压',
field: 'name5'
field: 'translowScale'
},
{
title: '非线性负荷功率(kW)',
field: 'name6'
field: 'nonlinearloadPower'
},
{
title: '功率因素',
field: 'name7'
field: 'powerFactor'
}
]
},
{
loading: false,
name: '冲击性负荷',
key: 'impact',
child: [
{
title: '冲击负荷类型',
field: 'name'
},
{
title: '冲击负荷功率(MVA)',
field: 'name1'
field: 'inpactloadtypeId'
},
{
title: '数量',
field: 'name2'
},
{
title: '启动方式',
field: 'name3'
field: 'inpactloadNum'
},
{
title: '启动容量倍数',
field: 'name4'
field: 'inpactloadPower'
},
{
title: '冲击负荷高压侧电压',
field: 'name5'
title: '高压侧电压',
field: 'inpactloadhighScale'
},
{
title: '有无隔离变',
field: 'name6'
field: 'isIsolationtrans'
},
{
title: '隔离变阻抗(%)',
field: 'name7'
field: 'isolationtransImpedance'
},
{
title: '低压侧电压',
field: 'name8'
field: 'inpactloadlowScale'
},
{
title: '负荷频度选择',
field: 'name9'
field: 'inpactloadFreq'
},
{
title: '闪变叠加系数',
field: 'name10'
field: 'flickerCoeff'
}
]
}
])
const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
// 创建计算属性来动态生成标签文本
const windfarmCapacityLabel = computed(() => {
if (form.value.isWindfarm === '01') {
return '风电场装机容量'
} else {
return '用户有功功率'
}
})
const filteredColumn = computed(() => {
// const windfarmValue = form.value.isWindfarm;
// if (windfarmValue === '01') {
// // 如果是风电场，显示除冲击负荷外的所有项
// return column.value.filter((item: any) => item.key !== 'impact')
// } else {
// // 如果不是风电场，显示除风电参数外的所有项
// return column.value.filter((item: any) => item.key !== 'windPower')
// }
})
const emit = defineEmits(['data-loaded'])
// 监听 nodeId 变化并执行相应操作
watch(() => props.nodeId, async (newId) => {
// 先清空表单数据
form.value = {
deptName: '', // 所在地市
assessName: '', // 用户名称
agreedCapacity: '', // 用户协议容量(MVA)
withCapacitor: '', // 是否包含电容器
windFarms: '', // 风电场装机容量
powerstationName: '', // 接入变电站
powerstationScale: '', // 变电站电压等级
busName: '', // 接入母线
busScale: '', // 母线电压等级
powersupplyCapacity: '', // 供电设备容量(MVA)
minshortcircuitCapacity: '', // 最小短路容量(MVA)
lineName: '', // PCC点名称
lineGridreactance: '', // PCC点电网电阻
lineLen: '', // 长度
lineNum: '', // 回路数
linetypeId: '', // 导线类型
transformer: [], // 变压器
capacitor: [], // 电容器
windPower: [], // 风电
load: [], // 用户负荷
impact: [] // 冲击性负荷
};
if (newId) {
userGetInfo({ assessId: newId }).then(async (res: any) => {
form.value = res.data
// 转换 withCapacitor 字段
if (form.value.withCapacitor === '00') {
form.value.withCapacitor = '否'
} else if (form.value.withCapacitor === '01') {
form.value.withCapacitor = '是'
}
//变电站电压等级
const voltageLevel = voltageleveloption.find(item => item.id === form.value.powerstationScale);
form.value.powerstationScale= voltageLevel?.name
//母线电压等级
const busScale = voltageleveloption.find(item => item.id === form.value.busScale);
form.value.busScale = busScale?.name
//导线类型
await cableList({}).then(res => {
form.value.linetypeId = res.data.find((item: any) => item.linetypeId === form.value.linetypeId)?.linetypeName
})
// 变压器参数维护
await assessTransformerParamList({ assessId: props.nodeId}).then(res => {
form.value.transformer = res.data
// 获取变压器类型字典数据
transformerList({}).then((res: any) => {
// 使用 map 方法创建新数组
form.value.transformer = form.value.transformer.map((transformerItem: any) => {
const found = res.data.find((item: any) => item.transtypeId == transformerItem.transtypeId)
if (found) {
return {
...transformerItem,
transtypeId: found.transtypeName
}
}
return transformerItem
})
})
})
// 电容器参数维护
await capacitorList({ assessId: props.nodeId }).then(res => {
form.value.capacitor = res.data
form.value.capacitor = form.value.capacitor.map((capacitorItem: any) => {
const voltageLevel = voltageleveloption.find(item => item.id === capacitorItem.capacitorScale);
if (voltageLevel) {
return {
...capacitorItem,
capacitorScale: voltageLevel.name
}
}
return capacitorItem
})
})
// 风电参数
await windPowerList({ assessId: props.nodeId }).then(res => {
form.value.windPower = res.data
})
// 用户负荷参数
await loadParamList({ assessId: props.nodeId }).then(res => {
form.value.load = res.data
// 谐波源特特性
characteristicList({}).then((res: any) => {
form.value.load = form.value.load.map((transformerItem: any) => {
const found = res.data.find((item: any) => item.harmId == transformerItem.harmId)
if (found) {
return {
...transformerItem,
harmId: found.harmName
}
}
return transformerItem
})
})
form.value.load = form.value.load.map((loadItem: any) => {
// 处理进线电压
const lineVoltage = voltageleveloption.find(item => item.id === loadItem.linevoltageScale);
// 处理配变低压侧电压
const transLowVoltage = voltageleveloption.find(item => item.id === loadItem.translowScale)
return {
...loadItem,
linevoltageScale: lineVoltage?.name || loadItem.linevoltageScale,
translowScale: transLowVoltage?.name || loadItem.translowScale
}
})
})
// 冲击性负荷
const startupOptions = ref<Array<{ label: string; value: string }>>([])
await shockList({ assessId: props.nodeId }).then(async (res: { data: never[] }) => {
form.value.impact = res.data
// 冲击负荷类型
const loadRes = await loadList({})
// 处理冲击负荷类型名称
form.value.impact = form.value.impact.map((impactItem: any) => {
const found = loadRes.data.find((item: any) => item.inpactloadtypeId == impactItem.inpactloadtypeId)
if (found) {
return {
...impactItem,
inpactloadtypeId: found.inpactloadtypeName
}
}
return impactItem
})
form.value.impact = form.value.impact.map((loadItem: any) => {
// 处理高压侧电压
const HeightVoltage = voltageleveloption.find(item => item.id === loadItem.inpactloadhighScale);
// 处理低压侧电压
const LowVoltage = voltageleveloption.find(item => item.id === loadItem.inpactloadlowScale)
return {
...loadItem,
inpactloadhighScale: HeightVoltage?.name || loadItem.inpactloadhighScale,
inpactloadlowScale: LowVoltage?.name || loadItem.inpactloadlowScale
}
})
})
}
)
}
// 等待 DOM 更新后延迟触发
await nextTick()
setTimeout(() => {
emit('data-loaded')
}, 1000) // 3秒延迟
}, { immediate: true })
</script>
<style lang="scss" scoped>
:deep(.el-collapse-item__header) {

529
src/views/pqs/runManage/assessment/components/assess/outcome.vue
View File

@@ -9,16 +9,16 @@
height="110px"
v-bind="defaultAttribute"
:cell-class-name="getCellClassName"
style="width: 60%"
style="width: 50%"
>
<vxe-column title="估算方式" field="name" />
<vxe-column title="冲击负荷数量" field="name1" />
<vxe-column title="电压波动" field="name2" />
<vxe-column title="国标限值" field="name3" />
<vxe-column title="冲击负荷数量" field="inPactLoadNum" />
<vxe-column title="电压波动" field="data" />
<vxe-column title="国标限值" field="limitData" />
<vxe-column title="判断">
<template #default="{ row }">
<el-tag v-if="row.name2 > row.name3" type="warning">不合格</el-tag>
<el-tag v-else type="success">合格</el-tag>
<span v-if="!row.data || row.data === ''"></span>
<el-tag v-else-if="row.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-table>
@@ -27,17 +27,16 @@
height="110px"
v-bind="defaultAttribute"
:cell-class-name="getCellClassName"
style="width: 40%"
style="width: 50%"
>
<vxe-column title="冲击负荷数量" field="name1" />
<vxe-column title="闪变" field="name2" />
<vxe-column title="国标限值" field="name3" />
<vxe-column title="冲击负荷数量" field="inPactLoadNum" />
<vxe-column title="闪变" field="data" />
<vxe-column title="国标限值" field="limitData" />
<vxe-column title="判断">
<template #default="{ row }">
<span v-if="row.name2 == null"></span>
<el-tag v-else-if="row.name2 > row.name3" type="warning">不合格</el-tag>
<el-tag v-else type="success">合格</el-tag>
<span v-if="!row.limitData || row.limitData === ''"></span>
<el-tag v-else-if="row.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-table>
@@ -49,6 +48,7 @@
height="330px"
:merge-cells="mergeCells"
v-bind="defaultAttribute"
:cell-class-name="getCellClassName2"
style="width: 100%"
>
<vxe-column field="name" width="80px">
@@ -60,24 +60,28 @@
<vxe-column field="name1" title="用户项目负载/出力(%)" min-width="160px" />
</vxe-colgroup>
<vxe-colgroup title="用户无功设备不运行">
<vxe-column field="name2" title="百分比(%)" min-width="90px" />
<vxe-column field="name3" title="有名值(%)" min-width="90px" />
<vxe-column field="name4" title="上限值(%)" min-width="90px" />
<vxe-column field="name5" title="下限值(%)" min-width="90px" />
<vxe-column field="capOff.percent" title="百分比(%)" min-width="90px" />
<vxe-column field="capOff.voltagePercent" title="有名值(%)" min-width="90px" />
<vxe-column field="capOff.capUP" title="上限值(%)" min-width="90px" />
<vxe-column field="capOff.capDown" title="下限值(%)" min-width="90px" />
<vxe-column title="判断" min-width="80px">
<template #default="{ row }">
<el-tag type="success">合格</el-tag>
<span v-if="!row.capOff || !row.capOff.percent"></span>
<el-tag v-else-if="row.capOff.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-colgroup>
<vxe-colgroup title="用户无功设备全部运行">
<vxe-column field="name6" title="百分比(%)" min-width="90px" />
<vxe-column field="name7" title="有名值(%)" min-width="90px" />
<vxe-column field="name8" title="上限值(%)" min-width="90px" />
<vxe-column field="name9" title="下限值(%)" min-width="90px" />
<vxe-column field="capOn.percent" title="百分比(%)" min-width="90px" />
<vxe-column field="capOn.voltagePercent" title="有名值(%)" min-width="90px" />
<vxe-column field="capOn.capUP" title="上限值(%)" min-width="90px" />
<vxe-column field="capOn.capDown" title="下限值(%)" min-width="90px" />
<vxe-column title="判断" min-width="80px">
<template #default="{ row }">
<el-tag type="success">合格</el-tag>
<span v-if="!row.capOff || !row.capOff.percent"></span>
<el-tag v-else-if="row.capOn.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-colgroup>
@@ -92,56 +96,56 @@
style="width: 100%"
>
<vxe-column title="估算方式" field="name" />
<vxe-column title="负序电压不平衡度(%)" field="name2" />
<vxe-column title="国标限值(%)" field="name3" />
<vxe-column title="负序电压不平衡度(%)" field="data" />
<vxe-column title="国标限值(%)" field="limitData" />
<vxe-column title="判断">
<template #default="{ row }">
<el-tag v-if="row.name2 > row.name3" type="warning">不合格</el-tag>
<el-tag v-else type="success">合格</el-tag>
<span v-if="!row.data || row.data === ''"></span>
<el-tag v-else-if="row.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-table>
</el-collapse-item>
<el-collapse-item title="谐波电压/电流评估结果" :name="4">
<el-collapse-item title="谐波电流/电压评估结果" :name="4">
<div class="flickerWaves" style="height: 520px">
<vxe-table :data="harmonicCurrents" height="520px" v-bind="defaultAttribute" :cell-class-name="getCellClassName3" style="width: 50%">
<vxe-column title="谐波次数" field="name" />
<vxe-colgroup title="电容器谐波电流评估值(A)">
<vxe-column field="notInvested" title="未投入" min-width="160px" />
<vxe-column field="hasInvested" title="已投入" min-width="160px" />
</vxe-colgroup>
<vxe-column title="国标限值(%)" field="limitData" />
<vxe-column title="判断">
<template #default="{ row }">
<span v-if="!row.limitData || row.limitData === ''"></span>
<el-tag v-else-if="row.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-table>
<vxe-table
:data="harmonicVoltage"
height="520px"
v-bind="defaultAttribute"
:cell-class-name="getCellClassName"
:cell-class-name="getCellClassName3"
style="width: 50%"
>
<vxe-column title="谐波次数" field="name" />
<vxe-colgroup title="电容器谐波电流评估值(A)">
<vxe-column field="name1" title="未投入" min-width="160px" />
<vxe-column field="name2" title="已投入" min-width="160px" />
</vxe-colgroup>
<vxe-column title="国标限值(A)" field="name3" />
<vxe-column title="判断">
<template #default="{ row }">
<!-- <span v-if="row.name2 == null"></span>
<el-tag v-if="row.name2 > row.name3" type="warning">不合格</el-tag>
<el-tag v-else type="success">合格</el-tag> -->
</template>
</vxe-column>
</vxe-table>
<vxe-table :data="harmonicCurrents" height="520px" v-bind="defaultAttribute" style="width: 50%">
<vxe-column title="谐波次数" field="name" />
<vxe-colgroup title="电容器谐波电压评估值(%)">
<vxe-column field="name1" title="未投入" min-width="160px" />
<vxe-column field="name2" title="已投入" min-width="160px" />
<vxe-column field="notInvested" title="未投入" min-width="160px" />
<vxe-column field="hasInvested" title="已投入" min-width="160px" />
</vxe-colgroup>
<vxe-column title="国标限值(%)" field="name3" />
<vxe-column title="国标限值(A)" field="limitData" />
<vxe-column title="判断">
<template #default="{ row }">
<span v-if="row.name2 == null"></span>
<el-tag v-else-if="row.name2 > row.name3" type="warning">不合格</el-tag>
<el-tag v-else type="success">合格</el-tag>
<span v-if="!row.limitData || row.limitData === ''"></span>
<el-tag v-else-if="row.isQualified" type="success">合格</el-tag>
<el-tag v-else type="warning">不合格</el-tag>
</template>
</vxe-column>
</vxe-table>
</div>
</el-collapse-item>
</el-collapse>
@@ -151,117 +155,82 @@
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import {getResult} from '@/api/advance-boot/assess'
// 定义 props
const props = defineProps({
nodeId: {
type: [String, Number],
default: null
}
})
const activeNames = ref([1, 2, 3, 4, 5, 6, 7])
// 波动
const undulation = ref([
{
name: '近似计算',
name1: '1',
name2: '6.94',
name3: '3.00'
},
{
name: '精确估算',
name1: '1',
name2: '6.94',
name3: '3.00'
inPactLoadNum:'',
data:'',
limitData:'',
}
])
// 闪变
const flicker = ref([
{
name1: '1',
name2: '1.1',
name3: '0.8'
},
{}
inPactLoadNum:'',
data:'',
limitData:'',
}
])
// 电压偏差
const voltageDeviation = ref([
{
name: '电网高峰负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
capOff: {}, // 不投入状态数据
capOn: {} // 全部投入状态数据
},
{
name: '电网高峰负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
name1: '60',
capOff: {}, // 不投入状态数据
capOn: {} // 全部投入状态数据
},
{
name: '电网高峰负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
name1: '0',
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
name1: '60',
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '100',
name2: '2.14',
name3: '107.65',
name4: '10.00',
name5: '-10.00',
name6: '2.14',
name7: '107.65',
name8: '10.00',
name9: '-10.00'
name1: '0',
capOff: {},
capOn: {}
}
])
// 三相电压
const imbalance = ref([
{
name: '近似计算',
name2: '2.1',
name3: '1.3'
name: '严格估算',
data: '',
limitData: ''
},
{
name: '精确估算',
name2: '1.6',
name3: '1.3'
name: '一般估算',
data: '',
limitData: ''
}
])
// 谐波电压
@@ -274,23 +243,303 @@ const mergeCells = ref([
{ row: 3, col: 0, rowspan: 3, colspan: 1 }
])
// 添加单元格class
const getCellClassName = ({ row, columnIndex }) => {
if (row.name2 > row.name3 && columnIndex == 2) {
const getCellClassName = ({ row, columnIndex }: { row: any; columnIndex: number }) => {
if (row.isQualified === false && columnIndex == 1) {
return 'custom-cell-bg' // 为 Alice 的单元格添加背景
}
return ''
}
onMounted(() => {
for (let i = 2; i < 51; i++) {
harmonicVoltage.value.push({
name: i
})
harmonicCurrents.value.push({
name: i
})
//谐波判判合格
const getCellClassName3 = ({ row, column, columnIndex }: { row: any; column: any; columnIndex: number }) => {
if (column.field === 'notInvested') {
if (row.isNotQualified == false && columnIndex == 0) {
return 'custom-cell-bg' // 为 Alice 的单元格添加背景
}
}
})
if (row.isHasQualified == false&& columnIndex == 1) {
return 'custom-cell-bg' // 为 Alice 的单元格添加背景
}
return ''
}
//电压偏差判合格
const getCellClassName2 = ({ row, column, columnIndex }: { row: any; column: any; columnIndex: number }) => {
// 用户无功设备不运行 - 百分比列
if (column.field === 'capOff.percent') {
if (row.capOff && row.capOff.isQualified === false) {
return 'custom-cell-bg';
}
}
// 用户无功设备全部运行 - 百分比列
if (column.field === 'capOn.percent') {
if (row.capOn && row.capOn.isQualified === false) {
return 'custom-cell-bg';
}
}
return ''
}
const emit = defineEmits<{
(e: 'data-status', status: boolean): void
(e: 'data-loaded'): void
}>()
// 监听 nodeId 变化并执行相应操作
watch(() => props.nodeId, async (newId) => {
if (newId) {
// 重置电压偏差数据到初始状态
resetVoltageDeviationData();
// 重置三相电压不平衡数据到初始状态
resetImbalanceData();
// 重置谐波数据
initializeHarmonicVoltage();
initializeHarmonicCurrents();
// 确保谐波次数已初始化
if (harmonicVoltage.value.length === 0) {
for (let i = 2; i <= 50; i++) {
harmonicVoltage.value.push({
name: i
});
}
}
if (harmonicCurrents.value.length === 0) {
for (let i = 2; i <= 50; i++) {
harmonicCurrents.value.push({
name: i
});
}
}
getResult({}, newId).then(res => {
if(res.data == null){
emit('data-status', false);// 通知父组件无数据
resetAllTableData();
return
}
emit('data-status', true);
// 处理电压波动数据 - 确保是数组
if (res?.data?.fluc) {
if (Array.isArray(res.data.fluc)) {
undulation.value = res.data.fluc;
} else {
// 如果是单个对象，包装成数组
undulation.value = [res.data.fluc];
}
} else {
// 提供默认值
undulation.value = [{
inPactLoadNum: '',
data: '',
limitData: ''
}];
}
// 处理闪变数据
if (res?.data?.plt) {
flicker.value = Array.isArray(res.data.plt) ? res.data.plt : [res.data.plt];
} else {
flicker.value = [{
inPactLoadNum: '',
data: '',
limitData: ''
}];
}
// 处理电压偏差数据
if (res?.data?.capOff || res?.data?.capOn) {
let capOffData: string|any[] = [];
let capOnData: string|any[] = [];
if (res.data.capOff) {
capOffData = Array.isArray(res.data.capOff) ? res.data.capOff : [res.data.capOff];
}
if (res.data.capOn) {
capOnData = Array.isArray(res.data.capOn) ? res.data.capOn : [res.data.capOn];
}
// 合并数据并保持原有结构
voltageDeviation.value = voltageDeviation.value.map((item, index) => {
const capOffItem = capOffData[index] || {};
const capOnItem = capOnData[index] || {};
return {
...item,
capOff: capOffItem,
capOn: capOnItem
};
});
// 动态调整合并单元格
const totalDataLength = Math.max(capOffData.length, capOnData.length);
updateMergeCellsConfiguration(totalDataLength);
}
/// 处理三相电压不平衡数据
if (res?.data?.unblance) {
const unbalanceData = Array.isArray(res.data.unblance) ? res.data.unblance : [res.data.unblance];
// 保持预定义结构，合并新数据
imbalance.value = imbalance.value.map((item, index) => ({
...item,
...(unbalanceData[index] || {})
}));
}
// 处理谐波数据
if (res?.data?.harmV) {
const harmVData = Array.isArray(res.data.harmV) ? res.data.harmV : [res.data.harmV];
// 按索引将API数据与已有的谐波次数合并
harmonicVoltage.value = harmonicVoltage.value.map((item, index) => {
const apiData = harmVData[index];
return apiData ? { ...item, ...apiData } : item;
});
}
if (res?.data?.harmI) { const harmIData = Array.isArray(res.data.harmI) ? res.data.harmI : [res.data.harmI];
// 按索引将API数据与已有的谐波次数合并
harmonicCurrents.value = harmonicCurrents.value.map((item, index) => {
const apiData = harmIData[index];
return apiData ? { ...item, ...apiData } : item;
});
}
})
// 等待 DOM 更新后延迟触发
await nextTick()
setTimeout(() => {
emit('data-loaded')
}, 1000) // 3秒延迟
}
}, { immediate: true });
// 添加重置所有表格数据的函数
function resetAllTableData() {
// 重置电压波动数据
undulation.value = [];
// 重置闪变数据
flicker.value = [];
// 重置电压偏差数据到初始状态
voltageDeviation.value = []
// 重置三相电压不平衡数据到初始状态
imbalance.value = []
// 重置谐波数据
harmonicVoltage.value = [];
harmonicCurrents.value = [];
}
// 重置电压偏差数据到初始状态
function resetVoltageDeviationData() {
voltageDeviation.value = [
{
name: '电网高峰负荷',
name1: '100',
capOff: {}, // 不投入状态数据
capOn: {} // 全部投入状态数据
},
{
name: '电网高峰负荷',
name1: '60',
capOff: {}, // 不投入状态数据
capOn: {} // 全部投入状态数据
},
{
name: '电网高峰负荷',
name1: '0',
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '100',
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '60',
capOff: {},
capOn: {}
},
{
name: '电网低谷负荷',
name1: '0',
capOff: {},
capOn: {}
}
];
updateMergeCellsConfiguration(6); // 固定为6条数据
}
// 重置三相电压不平衡数据到初始状态
function resetImbalanceData() {
imbalance.value = [
{
name: '严格估算',
data: '',
limitData: ''
},
{
name: '一般估算',
data: '',
limitData: ''
}
];
}
// 初始化谐波电压数据
function initializeHarmonicVoltage() {
harmonicVoltage.value = [];
for (let i = 2; i <= 50; i++) {
harmonicVoltage.value.push({
name: i
});
}
}
// 初始化谐波电流数据
function initializeHarmonicCurrents() {
harmonicCurrents.value = [];
for (let i = 2; i <= 50; i++) {
harmonicCurrents.value.push({
name: i
});
}
}
// 添加更新合并单元格配置的函数
function updateMergeCellsConfiguration(dataLength) {
// 根据实际数据长度动态计算合并策略
const newMergeCells = [];
if (dataLength >= 6) {
// 如果数据足够，按原来的方式合并（前3行和后3行）
newMergeCells.push({ row: 0, col: 0, rowspan: 3, colspan: 1 });
newMergeCells.push({ row: 3, col: 0, rowspan: 3, colspan: 1 });
} else if (dataLength >= 4) {
// 如果只有4条数据，前2行和后2行分别合并
newMergeCells.push({ row: 0, col: 0, rowspan: 2, colspan: 1 });
newMergeCells.push({ row: 2, col: 0, rowspan: 2, colspan: 1 });
} else if (dataLength >= 2) {
// 如果只有2条数据，每行单独合并
newMergeCells.push({ row: 0, col: 0, rowspan: 1, colspan: 1 });
newMergeCells.push({ row: 1, col: 0, rowspan: 1, colspan: 1 });
}
mergeCells.value = newMergeCells;
}
</script>
<style lang="scss" scoped>
:deep(.el-collapse-item__header) {
@@ -298,8 +547,6 @@ onMounted(() => {
font-size: 16px !important;
&::before {
content: '' !important; /* 添加星号 */
}
}

3
src/views/pqs/runManage/assessment/components/dictionary/components/cable/index.vue
View File

@@ -3,7 +3,8 @@
<TableHeader :showReset="false" ref="TableHeaderRef" showExport>
<template #select>
<el-form-item label="导线型号">
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入导线型号" />
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入导线型号" show-word-limit
maxlength="32"/>
</el-form-item>
</template>
<template #operation>

4
src/views/pqs/runManage/assessment/components/dictionary/components/harmonicWave/index.vue
View File

@@ -3,7 +3,8 @@
<TableHeader :showReset="false" ref="TableHeaderRef" showExport>
<template #select>
<el-form-item label="谐波源名称">
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入谐波源名称" />
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入谐波源名称" show-word-limit
maxlength="32"/>
</el-form-item>
</template>
<template #operation>
@@ -149,6 +150,7 @@ const del = () => {
}
}
onMounted(() => {
tableStore.index()
})
</script>

3
src/views/pqs/runManage/assessment/components/dictionary/components/load/index.vue
View File

@@ -3,7 +3,8 @@
<TableHeader :showReset="false" ref="TableHeaderRef" showExport>
<template #select>
<el-form-item label="负荷类型">
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入负荷类型" />
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入负荷类型" show-word-limit
maxlength="32"/>
</el-form-item>
</template>
<template #operation>

3
src/views/pqs/runManage/assessment/components/dictionary/components/transformer/index.vue
View File

@@ -3,7 +3,8 @@
<TableHeader :showReset="false" ref="TableHeaderRef" showExport>
<template #select>
<el-form-item label="变压器型号">
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入变压器型号" />
<el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入变压器型号" show-word-limit
maxlength="32"/>
</el-form-item>
</template>
<template #operation>

211
src/views/pqs/runManage/assessment/components/uese/addform.vue
View File

@@ -18,6 +18,7 @@
:value="item.transtypeId"
></el-option>
</el-select>
<!-- 用户负荷参数维护 -->
<el-select
v-else-if="item.field == 'harmId'"
v-model="form[item.field]"
@@ -32,6 +33,96 @@
:value="item.harmId"
></el-option>
</el-select>
<!-- 冲击负荷参数维护 -->
<el-select
v-else-if="item.field == 'inpactloadtypeId'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择冲击负荷类型"
@change="handleImpactLoadTypeChange"
>
<el-option
v-for="item in shockList"
:key="item.inpactloadtypeId"
:label="item.inpactloadtypeName"
:value="item.inpactloadtypeId"
></el-option>
</el-select>
<el-select
v-else-if="item.field == 'inpactloadStartup'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择启动方式"
@change="handleStartupChange"
>
<el-option
v-for="startup in startupOptions"
:key="startup.value"
:label="startup.label"
:value="startup.value"
/>
</el-select>
<el-select
v-else-if="item.field == 'inpactloadFreq'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择负荷频度"
>
<el-option label="N≤4次/d" value="01"></el-option>
<el-option label="N>4次/d且N≤2次/h" value="02"></el-option>
<el-option label="2次/h<N≤10次/h" value="03"></el-option>
</el-select>
<el-select
v-else-if="item.field == 'isIsolationtrans'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择是否隔离变"
>
<el-option label="是" value="01" />
<el-option label="否" value="00" />
</el-select>
<el-select
v-else-if="item.field == 'inpactloadhighScale'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择高压侧电压"
>
<el-option
v-for="item in voltageleveloption"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
<el-select
v-else-if="item.field == 'inpactloadlowScale'"
v-model="form[item.field]"
filterable
clearable
placeholder="请选择低压侧电压"
>
<el-option
v-for="item in voltageleveloption"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
<el-input-number
v-else-if="item.field == 'powerFactor'"
v-model="form[item.field]"
:min="0"
:max="1"
:step="0.1"
:precision="1"
placeholder="请输入功率因数"
/>
<el-input-number
v-else-if="
@@ -43,8 +134,8 @@
item.field == 's'||
item.field == 'transhighCapacity'||
item.field == 'transImpedance'||
item.field == 'nonlinearloadPower'||
item.field == 'powerFactor'
item.field == 'nonlinearloadPower'
"
style="width: 100%"
v-model="form[item.field]"
@@ -70,7 +161,9 @@
:value="item.id"
></el-option>
</el-select>
<el-input v-else v-model.trim="form[item.field]" placeholder="请输入内容" />
<el-input v-else v-model.trim="form[item.field]" placeholder="请输入内容" show-word-limit maxlength="32" :disabled= "item.field == 'inpactloadPower'"/>
</el-form-item>
</el-form>
</el-scrollbar>
@@ -99,13 +192,15 @@ import {
loadParamAdd,
loadParamEdit,
shockAdd,
shockEdit
shockEdit,
loadList
} from '@/api/advance-boot/assess'
import { ElMessage, ElMessageBox, ElDatePicker } from 'element-plus'
const emits = defineEmits(['init'])
const child: any = ref([])
const transformer: any = ref([])
const characteristic: any = ref([])
const shockList: any = ref([])
const form: any = ref({})
const dictData = useDictData()
//字典获取电压等级
@@ -120,7 +215,7 @@ const rules = {
capacitorReactance: [{ required: true, message: '请输入电抗率', trigger: 'blur' }],
capacitorScale: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
windgeneratorName: [{ required: true, message: '请输入风机名称', trigger: 'blur' }],
flickerCoeff: [{ required: true, message: '请输入风机闪变系数', trigger: 'blur' }],
flickerCoeff: [{ required: true, message: '请输入闪变叠加系数', trigger: 'blur' }],
s: [{ required: true, message: '请输入风机额定视在功率', trigger: 'blur' }],
loadName: [{ required: true, message: '请输入负荷名称', trigger: 'blur' }],
transhighCapacity: [{ required: true, message: '请输入配变容量', trigger: 'blur' }],
@@ -130,16 +225,26 @@ const rules = {
linevoltageScale: [{ required: true, message: '请选择进线电压', trigger: 'change' }],
harmId: [{ required: true, message: '请选择谐波源特性', trigger: 'change' }],
translowScale: [{ required: true, message: '请选择配变低压侧电压', trigger: 'change' }],
inpactloadtypeId: [{ required: true, message: '请选择冲击负荷类型', trigger: 'change' }],
inpactloadStartup: [{ required: true, message: '请选择启动方式', trigger: 'change' }],
inpactloadNum:[{ required: true, message: '请输入数量', trigger: 'blur' }],
inpactloadPower:[{ required: true, message: '请输入容量率', trigger: 'blur' }],
isIsolationtrans:[{ required: true, message: '请选择是否隔离变', trigger: 'change' }],
isolationtransImpedance:[{ required: true, message: '请输入隔离变阻抗', trigger: 'blur' }],
inpactloadhighScale:[{ required: true, message: '请选择高压侧电压', trigger: 'change' }],
inpactloadlowScale:[{ required: true, message: '请选择低压侧电压', trigger: 'change' }],
inpactloadFreq:[{ required: true, message: '请选择负荷频度', trigger: 'change' }],
}
const formRef = ref()
const dialogVisible = ref(false)
const title = ref('')
const open = (row: any) => {
console.log('🚀 ~ open ~ row:', row)
info()
title.value = row.title + `_${row.item.name}`
child.value = row.item.child
if (row.title == '新增') {
row.item.child.forEach((item: any) => {
form.value[item.field] = ''
@@ -149,6 +254,32 @@ const open = (row: any) => {
row.item.child.forEach((item: any) => {
form.value = JSON.parse(JSON.stringify(row.row))
})
// 如果是冲击负荷类型，需要设置启动方式下拉选项
if (form.value.inpactloadtypeId) {
// 根据选中的冲击负荷类型ID筛选数据
currentImpactLoadOptions.value = shockList.value.filter(
(item: any) => item.inpactloadtypeId === form.value.inpactloadtypeId
)
console.log('🚀 ~ open ~ currentImpactLoadOptions:', currentImpactLoadOptions.value)
// 构建启动方式选项
const uniqueStartups = new Map()
currentImpactLoadOptions.value.forEach((item: any) => {
uniqueStartups.set(item.inpactloadStartup, {
label: item.inpactloadStartup,
value: item.inpactloadStartup
})
})
startupOptions.value = Array.from(uniqueStartups.values())
// 如果有选项，默认选择第一个
if (startupOptions.value.length > 0) {
form.value.inpactloadStartup = startupOptions.value[0].value
} else {
form.value.inpactloadStartup = ''
}
}
}
dialogVisible.value = true
@@ -162,6 +293,72 @@ const info = async () => {
characteristicList({}).then((res: any) => {
characteristic.value = res.data
})
loadList({}).then((res: any) => {
shockList.value = res.data
})
}
// 添加启动方式选项数据
const startupOptions = ref<Array<{ label: string; value: string }>>([])
// 存储当前冲击负荷类型的选项
const currentImpactLoadOptions = ref([])
// 处理冲击负荷类型变化
const handleImpactLoadTypeChange = (value: any) => {
if (value) {
// 直接根据选中的冲击负荷类型ID筛选数据
currentImpactLoadOptions.value = shockList.value.filter(
(item: any) => item.inpactloadtypeId === value
)
// 构建启动方式选项
const uniqueStartups = new Map()
currentImpactLoadOptions.value.forEach((item: any) => {
uniqueStartups.set(item.inpactloadStartup, {
label: item.inpactloadStartup,
value: item.inpactloadStartup
})
})
startupOptions.value = Array.from(uniqueStartups.values())
// 如果有选项，默认选择第一个
if (startupOptions.value.length > 0) {
form.value.inpactloadStartup = startupOptions.value[0].value
} else {
form.value.inpactloadStartup = ''
}
// 清空之前选择的容量
form.value.inpactloadPower = null
// 触发启动方式变化事件，自动设置对应的容量
if (startupOptions.value.length > 0) {
handleStartupChange(startupOptions.value[0].value)
}
} else {
startupOptions.value = []
currentImpactLoadOptions.value = []
form.value.inpactloadStartup = ''
form.value.inpactloadPower = null
}
}
// 处理启动方式变化
const handleStartupChange = (value: any) => {
if (value && currentImpactLoadOptions.value.length > 0) {
// 根据启动方式查找对应的容量倍数
const selectedOption = currentImpactLoadOptions.value.find(
(item: any) => item.inpactloadStartup === value
)
if (selectedOption) {
// 设置容量为倍数，实际应用中可能需要根据其他参数计算具体容量值
form.value.inpactloadPower = selectedOption.inpactloadMultiple
} else {
form.value.inpactloadPower = null
}
} else {
form.value.inpactloadPower = null
}
}
const submit = async () => {
formRef.value.validate(async (valid: any) => {

68
src/views/pqs/runManage/assessment/components/uese/form.vue
View File

@@ -1,8 +1,9 @@
<template>
<div class="default-main">
<div class="actionButtons">
<el-button type="primary" icon="el-icon-Check" class="md8" @click="onsubmit">保存</el-button>
<el-button type="primary" icon="el-icon-Check" class="md8" @click="onsubmit" v-if="showSaveButton">保存</el-button>
<back-component style="margin: 8px" />
</div>
<div :style="pageHeight" style="overflow-y: auto">
<el-collapse v-model="activeNames" class="pl10 pr10">
@@ -14,6 +15,7 @@
class="form-four"
:rules="rules"
label-width="auto"
:disabled="formDisabled"
>
<el-form-item label="所在地市" prop="deptId">
<!-- <el-select v-model="form.deptId" clearable placeholder="请选择所在地市">
@@ -27,10 +29,10 @@
<Area ref="areaRef" v-model="form.deptId" style="width: 100%" @changeValue="changeArea" />
</el-form-item>
<el-form-item label="用户名称" prop="assessName">
<el-input v-model="form.assessName" placeholder="用户名称" clearable />
<el-input v-model="form.assessName" placeholder="用户名称" clearable show-word-limit maxlength="32"/>
</el-form-item>
<el-form-item label="电压等级" prop="userScale">
<el-select v-model="form.userScale" clearable placeholder="请选择变电站">
<el-select v-model="form.userScale" clearable placeholder="请选择电压等级">
<el-option
v-for="item in voltageleveloption"
:key="item.id"
@@ -60,7 +62,7 @@
<el-option label="其他" value="03"></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户有功功率(MW)" prop="windfarmCapacity">
<el-form-item :label="windfarmCapacityLabel" prop="windfarmCapacity">
<el-input-number
style="width: 100%"
v-model="form.windfarmCapacity"
@@ -84,6 +86,7 @@
class="form-four"
:rules="rules"
label-width="auto"
:disabled="formDisabled"
>
<el-form-item label="接入变电站" prop="powerstationId">
<el-select
@@ -204,7 +207,7 @@
</el-form>
</el-collapse-item>
<div v-if="form.assessId">
<tabFrom :assessId="form.assessId" />
<tabFrom :assessId="form.assessId" :isWindfarm="form.isWindfarm" :isWithCapacitor="form.withCapacitor" :disabled="formDisabled"/>
</div>
</el-collapse>
</div>
@@ -216,17 +219,17 @@ import BackComponent from '@/components/icon/back/index.vue'
import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout'
import Area from '@/components/form/area/index.vue'
import { useRouter } from 'vue-router'
import { ElMessage, ElMessageBox, ElDatePicker } from 'element-plus'
import { useRoute } from 'vue-router'
import { getSubstationSelect } from '@/api/device-boot/line'
import tabFrom from './tabFrom.vue'
import { cableList, getBusBarSelect, getMonitorSelect, userAdd, userGetInfo } from '@/api/advance-boot/assess'
import { cableList, getBusBarSelect, getMonitorSelect, userAdd, userGetInfo ,userEdit} from '@/api/advance-boot/assess'
const activeNames = ref([1, 2, 3, 4, 5, 6, 7])
const dictData = useDictData()
const pageHeight = mainHeight(70)
const areaOptionList = dictData.getBasicData('jibei_area')
const { query } = useRoute() // 查询参数
const { query} = useRoute() // 查询参数
//字典获取电压等级
const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
const powerstationList: any = ref([]) //变电站列表
@@ -234,6 +237,17 @@ const busList: any = ref([]) //generatrix列表
const linetypeList: any = ref([]) //线路类型
const pccList: any = ref([]) //pcc列表
const route = useRoute()
const isViewMode = ref(route.query.mode === 'view')
// 根据 isViewMode 控制表单的禁用状态
const formDisabled = ref(isViewMode.value)
// 或者在保存按钮上根据模式控制显示
const showSaveButton = !isViewMode.value
const form: any = ref({
assessId: '',
deptId: dictData.state.area[0].id,
@@ -284,17 +298,41 @@ const rules = {
lineGridresistance: [{ required: true, message: '请输入PCC点电网电抗', trigger: 'blur' }]
}
const windfarmCapacityLabel = computed(() => {
if (form.value.isWindfarm === '01') {
return '风电场装机容量(MW)'
} else {
return '用户有功功率(MW)'
}
})
const form1 = ref()
const form2 = ref()
// 保存
const onsubmit = () => {
form1.value.validate((valid: any) => {
if (valid) {
form2.value.validate((valid2: any) => {
if (valid2) {
userAdd(form.value).then((res: any) => {
if(form.value.assessId){
userEdit(form.value).then((res: any) => {
form.value.assessId = res.data
ElMessage({
type: 'success',
message: '编辑成功!'
})
})
}else{
userAdd(form.value).then((res: any) => {
form.value.assessId = res.data
})
ElMessage({
type: 'success',
message: '新增成功!'
})
})
}
}
})
}
@@ -330,7 +368,7 @@ const changePowerstation = (e: any, flag: boolean = true) => {
form.value.lineName = ''
}
let data = powerstationList.value.filter((item: any) => item.id == e)[0]
form.value.powerstationName = data.voltageName
form.value.powerstationName = data.name
form.value.powerstationScale = data.voltageLevel
getBusBarSelect({ stationId: data.id }).then(res => {
busList.value = res.data
@@ -342,7 +380,7 @@ const changePowerstation = (e: any, flag: boolean = true) => {
// 点击母线
const changeBus = (e: any) => {
let data = busList.value.filter((item: any) => item.id == e)[0]
form.value.busName = data.voltageName
form.value.busName = data.name
form.value.busScale = data.voltageLevel
}
// 点击pcc
@@ -351,10 +389,12 @@ const LineChange = (e: any) => {
form.value.lineName = data.name
}
onMounted(() => {
console.log(123, query?.id)
info(query?.id)
})
</script>
<style lang="scss" scoped>
.actionButtons {
@@ -395,3 +435,5 @@ onMounted(() => {
min-width: 120px;
}
</style>

34
src/views/pqs/runManage/assessment/components/uese/index.vue
View File

@@ -19,6 +19,7 @@
v-model="tableStore.table.params.assessName"
clearable
show-word-limit
maxlength="32"
></el-input>
</el-form-item>
<el-form-item label="接入变电站">
@@ -27,6 +28,7 @@
v-model="tableStore.table.params.powerstationName"
clearable
show-word-limit
maxlength="32"
></el-input>
</el-form-item>
<el-form-item label="电站电压等级">
@@ -99,6 +101,8 @@ import { useDictData } from '@/stores/dictData'
import { ElMessage, ElMessageBox, ElDatePicker } from 'element-plus'
import { cableList, batchDel } from '@/api/advance-boot/assess'
import { useRouter } from 'vue-router'
import Form from './form.vue'
defineOptions({
name: 'runManage/addUser'
})
@@ -167,7 +171,7 @@ const tableStore: any = new TableStore({
return row.cellValue == '01' ? '风电场' : row.cellValue == '02' ? '光伏' : '其他'
}
},
{ field: 'windfarmCapacity', title: '用户有功功率(MW)', minWidth: 180 },
{ field: 'windfarmCapacity', title: '风电场装机容量(MW)', minWidth: 180 },
{
field: 'singleLoad',
title: '是否单相负荷',
@@ -205,17 +209,25 @@ const tableStore: any = new TableStore({
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: async row => {}
click: async row => {
push({
path: 'addUser',
query: {
id: row.assessId,
mode: 'view'
}
})
}
}
]
}
],
beforeSearchFun: () => {
// tableStore.table.params.deptId = tableStore.table.params.deptIndex
},
loadCallback: () => {}
loadCallback: () => { }
})
tableStore.table.params.assessName = ''
tableStore.table.params.deptId = ''
@@ -225,6 +237,17 @@ tableStore.table.params.isWindfarm = ''
tableStore.table.params.powerstationScaleList = []
provide('tableStore', tableStore)
const route = useRoute()
// 监听路由变化
watch(
() => route.query,
(newQuery) => {
tableStore.index()
},
{ immediate: true }
)
// 新增评估用户页面
const addForm = () => {
push({
@@ -263,4 +286,7 @@ onMounted(() => {
tableStore.index()
Info()
})
</script>

124
src/views/pqs/runManage/assessment/components/uese/tabFrom.vue
View File

@@ -1,11 +1,23 @@
<template>
<el-collapse-item :title="item.name" v-for="(item, index) in column" :key="index" :name="index + 3">
<el-collapse-item :title="item.name" v-for="(item, index) in column" :key="index" :name="index + 3" >
<div class="mb10">
<el-button type="primary" size="small" icon="el-icon-Plus" @click="addFform(item)">新增</el-button>
<el-button type="primary" size="small" icon="el-icon-Delete" @click="deleteFform(item, index)">
<el-button
type="primary"
size="small"
icon="el-icon-Plus"
@click="addFform(item)"
:disabled="item.key === 'capacitorList' && props.isWithCapacitor === '00' || props.disabled"
>
新增</el-button>
<el-button
type="primary"
size="small"
icon="el-icon-Delete"
@click="deleteFform(item, index)"
:disabled="item.key === 'capacitorList' && props.isWithCapacitor === '00' || props.disabled"
>
删除
</el-button>
<!-- <el-button type="primary" size="small" icon="el-icon-Download">导出</el-button> -->
</div>
<div style="height: 250px">
<vxe-table
@@ -24,10 +36,16 @@
:field="k.field"
:title="k.title"
:formatter="formatter"
></vxe-column>
<vxe-column title="操作" width="150px">
<template #default="{ row }">
<el-button type="text" @click="edit(item, row)">编辑</el-button>
<el-button
type="text"
@click="edit(item, row)"
:disabled="item.key === 'capacitorList' && props.isWithCapacitor === '00' || props.disabled"
>
编辑</el-button>
</template>
</vxe-column>
</vxe-table>
@@ -52,18 +70,36 @@ import {
loadParamList,
loadParamDelete,
shockList,
shockDelete
shockDelete,
loadList
} from '@/api/advance-boot/assess'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import { ElMessage, ElMessageBox, ElDatePicker } from 'element-plus'
const props = defineProps({
assessId: { type: String, required: true }
assessId: {
type: String,
required: true
},
isWindfarm: {
type: String,
default: ''
},
isWithCapacitor:{
type: String,
default: ''
},
disabled: { // 定义 disabled prop
type: Boolean,
required: false,
default: false
}
})
const dictData = useDictData()
//字典获取电压等级
const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
const transformer: any = ref([])
const characteristic: any = ref([])
const shockRef: any = ref([])
const addformRef = ref()
const xTableRef = ref()
@@ -75,6 +111,7 @@ const column: any = ref([
key: 'transformerList',
child: [
{
title: '用户变压器名称',
field: 'transName'
},
@@ -90,7 +127,6 @@ const column: any = ref([
},
{
loading: false,
name: '电容器组参数维护',
key: 'capacitorList',
child: [
@@ -186,6 +222,11 @@ const column: any = ref([
title: '冲击负荷类型',
field: 'inpactloadtypeId'
},
{
title: '启动方式',
field: 'inpactloadStartup',
},
{
title: '数量',
@@ -214,7 +255,8 @@ const column: any = ref([
},
{
title: '负荷频度',
field: 'inpactloadFreq'
field: 'inpactloadFreq',
},
{
title: '闪变叠加系数',
@@ -223,6 +265,18 @@ const column: any = ref([
]
}
])
const filteredColumn = computed(() => {
// const windfarmValue = props.isWindfarm;
// if (windfarmValue === '01') {
// // 如果是风电场，显示除冲击负荷外的所有项
// return column.value.filter((item: any) => item.key !== 'impactList')
// } else {
// // 如果不是风电场，显示除风电参数外的所有项
// return column.value.filter((item: any) => item.key !== 'windPowerList')
// }
})
const dataList = ref({
transformerList: [], //变压器参数维护
capacitorList: [], //电容器
@@ -232,6 +286,16 @@ const dataList = ref({
})
// 新增
const addFform = (item: any) => {
if (item.key === 'transformerList' && dataList.value.transformerList.length > 0) {
ElMessage.warning('变压器参数已存在，不允许重复新增！');
return;
}
if (item.key === 'capacitorList' && dataList.value.capacitorList.length > 0) {
ElMessage.warning('电容器组参数已存在，不允许重复新增！');
return;
}
addformRef.value.open({
title: '新增',
item: item,
@@ -304,8 +368,7 @@ const edit = (item: any, row: any) => {
}
const info = async (i: number) => {
column.value[i].loading = true
//column.value[i].loading = true
if (i == 0) {
// 变压器参数维护
await assessTransformerParamList({ assessId: props.assessId }).then(res => {
@@ -328,18 +391,44 @@ const info = async (i: number) => {
})
} else if (i == 4) {
// 冲击性负荷
await shockList({ assessId: props.assessId }).then(res => {
await shockList({ assessId: props.assessId }).then((res: { data: never[] }) => {
dataList.value.impactList = res.data
})
}
column.value[i].loading = false
}
const typeId = ref(null)
// 过滤数据
const formatter = (row: any) => {
if (row.column.field == 'transtypeId') {
const found = transformer.value.find((item: any) => item.transtypeId == row.cellValue)
return found.transtypeName || '' // 使用可选链并提供默认值
} else if (row.column.field == 'harmId') {
if (row.cellValue) {
const found = transformer.value.find((item: any) => item.transtypeId == row.cellValue)
return found?.transtypeName || ''
} else {
return '' // 或者返回默认值
}
}else if(row.column.field =='inpactloadtypeId'){
const found = shockRef.value.find((item: any) => item.inpactloadtypeId == row.cellValue)
typeId.value = found.inpactloadtypeId
return found.inpactloadtypeName|| '' // 使用可选链并提供默认值
}else if(row.column.field =='inpactloadStartup'){
const found = shockRef.value.find((item: any) => item.inpactloadtypeId == typeId.value)
return found.inpactloadStartup
}
else if(row.column.field == 'isIsolationtrans'){
return row.cellValue == '01' ? '是' : '否'
}else if(row.column.field =='inpactloadFreq'){
if(row.cellValue == '01'){
return 'N≤4次/d'
}else if(row.cellValue == '02'){
return 'N>4次/d且N≤2次/h'
}else{
return '2次/h<N≤10次/h'
}
}
else if (row.column.field == 'harmId') {
const found = characteristic.value.find((item: any) => item.harmId == row.cellValue)
return found.harmName || '' // 使用可选链并提供默认值
} else if (
@@ -364,6 +453,11 @@ const dictionary = () => {
characteristicList({}).then((res: any) => {
characteristic.value = res.data
})
//冲击负荷类型
loadList({}).then((res: any) => {
shockRef.value = res.data
})
}
onMounted(async () => {
await dictionary()

4
src/views/setting/dictionary/list/popupEdit.vue
View File

@@ -113,7 +113,9 @@ const submit = async () => {
}
const handleInput = (value: string) => {
form.name = value.replace(/[^\d]/g, '')
form.name = value.replace(/\s/g, '')
//form.name = value.replace(/[^\d]/g, '')
}
defineExpose({ open })