239 lines
8.3 KiB
Vue
239 lines
8.3 KiB
Vue
|
<template>
|
|||
|
|
<!-- 基础信息弹出框 -->
|
|||
|
|
<el-dialog :model-value="dialogVisible" :title="dialogTitle" v-bind="dialogMiddle" @close="close" align-center>
|
|||
|
|
<div>
|
|||
|
|
<el-form :model="formContent" ref='dialogFormRef' :rules='rules' class="form-two">
|
|||
|
|
<el-form-item label="名称" prop="name" >
|
|||
|
|
<el-input v-model='formContent.name' placeholder="请输入监测点名称"/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="线路号" prop="num" >
|
|||
|
|
<el-select v-model="formContent.num" clearable placeholder="请选择线路号" @change="handleMonNumChange">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in lineNum"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="所属母线" prop="busbar" placeholder="请输入所属母线" >
|
|||
|
|
<el-input v-model="formContent.busbar" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="PT变比" prop="pt" placeholder="请输入PT变比" >
|
|||
|
|
<el-input v-model="formContent.pt" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="CT变比" prop="ct" placeholder="请输入CT变比" >
|
|||
|
|
<el-input v-model="formContent.ct" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label='接线方式' prop='connection' >
|
|||
|
|
<el-select v-model="formContent.connection" clearable placeholder="请选择接线方式">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in dictStore.getDictData('Dev_Connect')"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.id"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label='统计间隔' prop='statInterval' >
|
|||
|
|
<el-select v-model="formContent.statInterval" clearable placeholder="请选择统计间隔">
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in dictStore.getDictData('Dev_Chns')"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.name"
|
|||
|
|
:value="item.code"
|
|||
|
|
/>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="谐波系统检测点id" prop="harmSysId" placeholder="请输入谐波系统检测点id" >
|
|||
|
|
<el-input v-model="formContent.harmSysId" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
<template #footer>
|
|||
|
|
<div class="dialog-footer">
|
|||
|
|
<el-button @click="close()">取消</el-button>
|
|||
|
|
<el-button type="primary" @click="save()" >
|
|||
|
|
保存
|
|||
|
|
</el-button>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-dialog>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script lang="ts" setup>
|
|||
|
|
import{ ElMessage, type FormInstance,type FormItemRule } from 'element-plus'
|
|||
|
|
import type { ProTableInstance } from '@/components/ProTable/interface'
|
|||
|
|
import { ref,computed, Ref, toRaw } from 'vue'
|
|||
|
|
import { type Monitor } from '@/api/device/interface/monitor'
|
|||
|
|
import {dialogMiddle} from '@/utils/elementBind'
|
|||
|
|
import { useDictStore } from '@/stores/modules/dict'
|
|||
|
|
import { generateUUID } from '@/utils'
|
|||
|
|
import { Device } from '@/api/device/interface/device'
|
|||
|
|
|
|||
|
|
const dictStore = useDictStore()
|
|||
|
|
const lineNum = ref<{ id: number; name: string }[]>([])
|
|||
|
|
const originalNum = ref<number | null>(null) // 存储编辑前的 num 值
|
|||
|
|
const monitorTable = ref<any[]>()
|
|||
|
|
// 定义弹出组件元信息
|
|||
|
|
const dialogFormRef = ref()
|
|||
|
|
function useMetaInfo() {
|
|||
|
|
const dialogVisible = ref(false)
|
|||
|
|
const titleType = ref('add')
|
|||
|
|
const formContent = ref<Monitor.ResPqMon>({
|
|||
|
|
id: '',
|
|||
|
|
devId: '',
|
|||
|
|
busbar: '',
|
|||
|
|
name: '',
|
|||
|
|
num: 1,
|
|||
|
|
pt: '',
|
|||
|
|
ct: '',
|
|||
|
|
connection: '',
|
|||
|
|
statInterval: 1,
|
|||
|
|
harmSysId: '',
|
|||
|
|
})
|
|||
|
|
return { dialogVisible, titleType, formContent }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const { dialogVisible, titleType, formContent } = useMetaInfo()
|
|||
|
|
|
|||
|
|
|
|||
|
|
const emit = defineEmits(['get-parameter'])
|
|||
|
|
// 清空formContent
|
|||
|
|
const resetFormContent = () => {
|
|||
|
|
formContent.value = {
|
|||
|
|
id: '',
|
|||
|
|
devId: '',
|
|||
|
|
busbar: '',
|
|||
|
|
name: '',
|
|||
|
|
num: 1,
|
|||
|
|
pt: '',
|
|||
|
|
ct: '',
|
|||
|
|
connection: '',
|
|||
|
|
statInterval: 1,
|
|||
|
|
harmSysId: '',
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let dialogTitle = computed(() => {
|
|||
|
|
return titleType.value === 'add' ? '新增监测点台账' : '编辑监测点台账'
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 关闭弹窗
|
|||
|
|
const close = () => {
|
|||
|
|
dialogVisible.value = false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//定义校验规则
|
|||
|
|
const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
|
|||
|
|
name : [{ required: true, message: '监测点名称必填！', trigger: 'blur' }],
|
|||
|
|
num:[ { required: true, message: '线路号必选', trigger: 'change' }],
|
|||
|
|
pt: [
|
|||
|
|
{ required: true, message: 'PT变比必填！', trigger: 'blur' },
|
|||
|
|
{ pattern: /^[1-9]\d*:[1-9]\d*$/, message: 'PT变比格式应为 n:n 形式，例如 1:1', trigger: 'blur' }
|
|||
|
|
],
|
|||
|
|
ct: [
|
|||
|
|
{ required: true, message: 'CT变比必填！', trigger: 'blur' },
|
|||
|
|
{ pattern: /^[1-9]\d*:[1-9]\d*$/, message: 'CT变比格式应为 n:n 形式，例如 1:1', trigger: 'blur' }
|
|||
|
|
],
|
|||
|
|
connection: [{ required: true, message: '接线方式必选！', trigger: 'change' }],
|
|||
|
|
busbar : [{ required: true, message: '所属母线必填！', trigger: 'blur' }],
|
|||
|
|
harmSysId : [{ required: true, message: '谐波系统检测点id必填！', trigger: 'blur' }],
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 保存数据
|
|||
|
|
const save = () => {
|
|||
|
|
try {
|
|||
|
|
dialogFormRef.value?.validate(async (valid: boolean) => {
|
|||
|
|
if (valid) {
|
|||
|
|
// 校验名称是否重复
|
|||
|
|
const isNameDuplicate = monitorTable.value.some(
|
|||
|
|
item => item.name === formContent.value.name && item.id !== formContent.value.id
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
if (isNameDuplicate) {
|
|||
|
|
ElMessage.error({ message: '监测点名称已存在，请重新输入！' })
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (titleType.value != 'edit')
|
|||
|
|
{
|
|||
|
|
formContent.value.id = generateUUID().replaceAll("-","")
|
|||
|
|
}
|
|||
|
|
emit('get-parameter', formContent.value)
|
|||
|
|
ElMessage.success({ message: `${dialogTitle.value}成功！` })
|
|||
|
|
close()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error('验证过程中出现错误', err)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 打开弹窗，可能是新增，也可能是编辑
|
|||
|
|
const open = async (sign: string, data: Monitor.ResPqMon,device: Device.ResPqDev,table: any[]) => {
|
|||
|
|
// 重置表单
|
|||
|
|
//dialogFormRef.value?.resetFields()
|
|||
|
|
titleType.value = sign
|
|||
|
|
dialogVisible.value = true
|
|||
|
|
monitorTable.value = table|| []
|
|||
|
|
// 提取 table 中已使用的 num（安全处理）
|
|||
|
|
const usedNums = new Set<number>()
|
|||
|
|
if (table && table.length > 0) {
|
|||
|
|
table.forEach(item => {
|
|||
|
|
if (item.num != null) {
|
|||
|
|
usedNums.add(Number(item.num))
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
lineNum.value = Array.from({ length: device.devChns }, (_, i) => {
|
|||
|
|
const id = i + 1;
|
|||
|
|
return {
|
|||
|
|
id,
|
|||
|
|
name: id.toString()
|
|||
|
|
};
|
|||
|
|
}).filter(item => !usedNums.has(item.id)); // 过滤掉已被使用的线路号
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (sign == 'edit') {
|
|||
|
|
formContent.value = { ...data }
|
|||
|
|
originalNum.value = data.num // 记录原始线路号
|
|||
|
|
} else {
|
|||
|
|
resetFormContent()
|
|||
|
|
originalNum.value = null
|
|||
|
|
// 设置默认选中第一个线路号
|
|||
|
|
if (lineNum.value.length > 0) {
|
|||
|
|
formContent.value.num = lineNum.value[0].id
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
formContent.value.devId = device.id
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
const handleMonNumChange = (value: string) => {
|
|||
|
|
const newValue = parseInt(value)
|
|||
|
|
if (originalNum.value && originalNum.value !== newValue) {
|
|||
|
|
// 将原来的 num 添加回 lineNum（表示释放）
|
|||
|
|
lineNum.value.push({
|
|||
|
|
id: originalNum.value,
|
|||
|
|
name: originalNum.value.toString()
|
|||
|
|
})
|
|||
|
|
//移除新选择的 num（因为已被占用）
|
|||
|
|
lineNum.value = lineNum.value.filter(item => item.id !== newValue).sort((a, b) => a.id - b.id)
|
|||
|
|
|
|||
|
|
// 更新 originalNum 为最新值，以便下次修改
|
|||
|
|
originalNum.value = newValue
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 对外映射
|
|||
|
|
defineExpose({ open })
|
|||
|
|
|
|||
|
|
</script>
|