Web/admin-govern
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

优化暂态事件列表

Browse Source
This commit is contained in:
guanj
2026-06-09 19:51:31 +08:00
parent 03d302ded8
commit bda7373133
48 changed files with 1834 additions and 1474 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/views/govern/alarm/multiCondition.vue
View File

@@ -1,37 +1,42 @@
<template>
<el-dialog v-model="visible" title="多条件筛选" width="450px" append-to-body draggable
class="transient-filter-dialog">
<el-dialog v-model="visible" title="事件筛选" width="450px" append-to-body draggable class="transient-filter-dialog">
<el-form label-width="auto" class="filter-form">
<el-form-item label="暂态幅值(%)">
<div class="range-inputs">
<el-input-number v-model="filterForm.featureAmplitudeMin" class="range-input-item" :min="0"
:max="200" :precision="3" :step="0.01" :controls="false" placeholder="0"
@change="onRangeMinChange($event, 'featureAmplitudeMax')" />
<span class="range-sep">&lt; 　幅值　 &lt;</span>
<el-input-number v-model="filterForm.featureAmplitudeMax" class="range-input-item" :min="0"
:max="200" :precision="3" :step="0.01" :controls="false" placeholder="200"
@change="onRangeMaxChange($event, filterForm.featureAmplitudeMin, 'featureAmplitudeMax', '暂态幅值')" />
<el-input-number v-model="params.featureAmplitudeMin" class="range-input-item" :min="0" :max="180"
:precision="2" :step="0.01" :controls="false" placeholder="0" />
<span class="range-sep">&lt;&ensp;&ensp;&ensp;幅值&ensp;&ensp;&ensp;&lt;</span>
<el-input-number v-model="params.featureAmplitudeMax" class="range-input-item" :min="0" :max="180"
:precision="2" :step="0.01" :controls="false" placeholder="180" />
</div>
</el-form-item>
<el-form-item label="暂态持续时间">
<el-form-item label="暂态持续时间(s)">
<div class="range-inputs">
<el-input-number v-model="filterForm.evtParamTmMin" class="range-input-item" :min="0"
:precision="3" :step="0.01" :controls="false" placeholder="X毫秒"
@change="onRangeMinChange($event, 'evtParamTmMax')" />
<span class="range-sep">&lt; 持续时间 &lt;</span>
<el-input-number v-model="filterForm.evtParamTmMax" class="range-input-item" :min="0"
:precision="3" :step="0.01" :controls="false" placeholder="X毫秒"
@change="onRangeMaxChange($event, filterForm.evtParamTmMin, 'evtParamTmMax', '暂态持续时间')" />
<el-input-number v-model="params.evtParamTmMin" class="range-input-item" :min="0" :max="60"
:precision="2" :step="0.01" :controls="false" placeholder="X秒" />
<span class="range-sep">&lt;&ensp;持续时间&ensp;&lt;</span>
<el-input-number v-model="params.evtParamTmMax" class="range-input-item" :min="0" :max="60"
:precision="2" :step="0.01" :controls="false" placeholder="X秒" />
</div>
</el-form-item>
<el-form-item label="事件严重度">
<div class="range-inputs">
<el-input-number v-model="params.severityMin" class="range-input-item" :min="0" :max="10"
:precision="2" :step="1" :controls="false" placeholder="0" />
<span class="range-sep">&lt;&emsp;严重度&emsp; &lt;</span>
<el-input-number v-model="params.severityMax" class="range-input-item" :min="0" :max="10"
:precision="2" :step="1" :controls="false" placeholder="10" />
</div>
</el-form-item>
<el-form-item label="触发类型">
<el-select v-model="params.showName" clearable placeholder="请选择触发类型" style="width: 100%">
<el-select v-model="params.target" clearable placeholder="请选择触发类型" multiple collapse-tags
style="width: 317px">
<el-option v-for="item in eventTypeList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="是否存在波形">
<el-select v-model="params.fileFlag" clearable placeholder="请选择是否存在波形" style="width: 100%">
<el-select v-model="params.fileFlag" clearable placeholder="请选择是否存在波形" style="width: 317px">
<el-option v-for="item in fileFlagOptions" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
@@ -46,13 +51,16 @@
</template>
<script setup lang="ts">
import { ref, watch } from 'vue'
import { ElMessage } from 'element-plus'
const getDefaultFilterParams = () => ({
featureAmplitude: '',
evtParamTm: '',
showName: '',
featureAmplitudeMin: undefined as number | undefined,
featureAmplitudeMax: undefined as number | undefined,
evtParamTmMin: undefined as number | undefined,
evtParamTmMax: undefined as number | undefined,
severityMin: undefined as number | undefined,
severityMax: undefined as number | undefined,
target: [] as string[],
fileFlag: '' as string | number
})
@@ -67,9 +75,11 @@ const emit = defineEmits<{
}>()
const eventTypeList = [
{ label: '电压暂降', value: '电压暂降' },
{ label: '电压暂升', value: '电压暂升' },
{ label: '电压中断', value: '电压中断' }
{ label: '暂降', value: '暂降' },
{ label: '暂升', value: '暂升' },
{ label: '中断', value: '中断' },
{ label: '瞬态', value: '瞬态' },
{ label: '振荡', value: '振荡' },
]
const fileFlagOptions = [
@@ -77,50 +87,6 @@ const fileFlagOptions = [
{ label: '不存在', value: 0 }
]
type RangeMaxField = 'featureAmplitudeMax' | 'evtParamTmMax'
const filterForm = ref<{
featureAmplitudeMin?: number
featureAmplitudeMax?: number
evtParamTmMin?: number
evtParamTmMax?: number
}>({})
const parseRangeParam = (val: string): [number | undefined, number | undefined] => {
if (!val) return [undefined, undefined]
const [min = '', max = ''] = String(val).split(',')
const minNum = min !== '' ? Number(min) : undefined
const maxNum = max !== '' ? Number(max) : undefined
return [
minNum != null && !Number.isNaN(minNum) ? minNum : undefined,
maxNum != null && !Number.isNaN(maxNum) ? maxNum : undefined
]
}
const joinRangeParam = (min?: number, max?: number) => {
if (min == null && max == null) return ''
return `${min ?? ''},${max ?? ''}`
}
const onRangeMinChange = (min: number | undefined, maxField: RangeMaxField) => {
const max = filterForm.value[maxField]
if (min != null && max != null && max <= min) {
filterForm.value[maxField] = undefined
}
}
const onRangeMaxChange = (
max: number | undefined,
min: number | undefined,
maxField: RangeMaxField,
label: string
) => {
if (min != null && max != null && max <= min) {
ElMessage.warning(`${label}最大值必须大于最小值`)
filterForm.value[maxField] = undefined
}
}
const validateRange = (
min: number | undefined,
max: number | undefined,
@@ -132,15 +98,8 @@ const validateRange = (
if (!hasMin && !hasMax) return true
if (hasMin !== hasMax) {
ElMessage.warning(`${label}请同时填写最小值和最大值`)
return false
}
if (min! <= 0 || max! <= 0) {
ElMessage.warning(`${label}必须大于0`)
return false
}
// 只填最小值或最大值其中一个时，不做范围校验
if (hasMin !== hasMax) return true
if (max! <= min!) {
ElMessage.warning(`${label}最大值必须大于最小值`)
@@ -155,41 +114,30 @@ const validateRange = (
return true
}
const syncFromParams = () => {
const [faMin, faMax] = parseRangeParam(props.params.featureAmplitude)
const [tmMin, tmMax] = parseRangeParam(props.params.evtParamTm)
filterForm.value.featureAmplitudeMin = faMin
filterForm.value.featureAmplitudeMax = faMax
filterForm.value.evtParamTmMin = tmMin
filterForm.value.evtParamTmMax = tmMax
}
const reset = () => {
filterForm.value = {}
Object.assign(props.params, getDefaultFilterParams())
}
const onConfirm = () => {
const { featureAmplitudeMin, featureAmplitudeMax, evtParamTmMin, evtParamTmMax } = filterForm.value
const { featureAmplitudeMin, featureAmplitudeMax, evtParamTmMin, evtParamTmMax, severityMin, severityMax } = props.params
if (!validateRange(featureAmplitudeMin, featureAmplitudeMax, '暂态幅值', { maxLimit: 200 })) {
if (!validateRange(featureAmplitudeMin, featureAmplitudeMax, '暂态幅值', { maxLimit: 180 })) {
return
}
if (!validateRange(evtParamTmMin, evtParamTmMax, '暂态持续时间')) {
if (!validateRange(evtParamTmMin, evtParamTmMax, '暂态持续时间', { maxLimit: 60 })) {
return
}
if (!validateRange(severityMin, severityMax, '严重度', { maxLimit: 10 })) {
return
}
props.params.featureAmplitude = joinRangeParam(featureAmplitudeMin, featureAmplitudeMax)
props.params.evtParamTm = joinRangeParam(evtParamTmMin, evtParamTmMax)
visible.value = false
emit('confirm')
}
watch(visible, val => {
if (val) syncFromParams()
})
defineExpose({ reset, syncFromParams })
defineExpose({ reset })
</script>
<style scoped lang="scss">