代码提交
This commit is contained in:
@@ -0,0 +1,691 @@
|
||||
<template>
|
||||
<div class="default-main">
|
||||
<div class="title">
|
||||
变压器台账配置
|
||||
<back-component />
|
||||
</div>
|
||||
<!-- 主要内容 -->
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="5">
|
||||
<div style="margin: 10px; border-right: 1px solid">
|
||||
<div style="overflow-y: auto" class="xiaoshou" :style="height1">
|
||||
<!-- <el-tree
|
||||
class="filter-tree xiaoshou"
|
||||
v-loading="loading"
|
||||
element-loading-text="数据加载中"
|
||||
:style="'height:' + vh2 + 'px'"
|
||||
:data="treeMenuData"
|
||||
:props="{ children: 'children', label: 'name' }"
|
||||
:expand-on-click-node="false"
|
||||
:highlight-current="true"
|
||||
default-expand-all
|
||||
:filter-node-method="filterNode"
|
||||
@node-click="handleNodeClick1"
|
||||
ref="menuTree"
|
||||
node-key="id"
|
||||
>
|
||||
<span class="span-ellipsis" slot-scope="{ node, data }">
|
||||
<i :class="data.icon"></i>
|
||||
<span class="title" :title="node.label">{{ node.label }}</span>
|
||||
</span>
|
||||
</el-tree> -->
|
||||
<DeviceTree
|
||||
:default-expand-all="true"
|
||||
@node-click="handleNodeClick"
|
||||
@init="handleNodeClick"
|
||||
ref="menuTree"
|
||||
></DeviceTree>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="19">
|
||||
<div class="mt10">
|
||||
<TableHeader showExport :showSearch="false" ref="TableHeaderRef">
|
||||
<template v-slot:select>
|
||||
<span style="font-size: 14px; line-height: 40px; color: red;">
|
||||
所选变电站:
|
||||
<span style="color: black">{{ subName }}</span>
|
||||
</span>
|
||||
</template>
|
||||
<template #operation>
|
||||
<el-button type="primary" class="ml10" @click="transformerAdd" :icon="Plus">
|
||||
新增变压器信息
|
||||
</el-button>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<div>
|
||||
<!-- 为分页留出空间 -->
|
||||
<Table ref="tableRef" height="calc(100vh - 308px)" :row-config="{ isCurrent: true, isHover: true }"></Table>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<!-- 变压器信息新增/修改 -->
|
||||
<el-dialog
|
||||
draggable
|
||||
:title="transformerTitle"
|
||||
v-model="transformerInformation"
|
||||
:close-on-click-modal="false"
|
||||
width="700px"
|
||||
v-if="transformerInformation"
|
||||
:before-close="resetForm"
|
||||
>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleFormRef" label-width="100px">
|
||||
<el-form-item label="变压器名:" prop="tfName">
|
||||
<el-input v-model="ruleForm.tfName" placeholder="请输入" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="接线方式:" prop="wiring" class="top">
|
||||
<el-select style="width: 100%" v-model="ruleForm.wiring" clearable placeholder="请选择接线方式">
|
||||
<el-option
|
||||
v-for="item in connectionType"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="描述:" class="top">
|
||||
<el-input
|
||||
v-model="ruleForm.tfDescribe"
|
||||
placeholder="请输入"
|
||||
clearable
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="mt20 ml20">
|
||||
<el-button @click="transformerInformation = false">取消</el-button>
|
||||
<el-button type="primary" @click="onSubmit">确 定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<!-- 节点维护 -->
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:title="maintenanceTitle"
|
||||
v-model="nodemaintenanceInformation"
|
||||
width="65%"
|
||||
v-if="nodemaintenanceInformation"
|
||||
>
|
||||
<el-row :gutter="20" v-loading="isLoading3" element-loading-text="数据加载中">
|
||||
<el-col :span="8">
|
||||
<div style="border-right: 1px solid; height: 100%" class="xiaoshou">
|
||||
<div style="overflow-y: auto; height: 100%; overflow-x: auto;max-height: 350px;" class="tree mr10 xiaoshou">
|
||||
<el-input placeholder="输入关键字检索" v-model="filterText1" clearable></el-input>
|
||||
<el-tree
|
||||
style="cursor: pointer;display: inline-block;"
|
||||
:data="treeMenuLeftData"
|
||||
v-loading="loading"
|
||||
element-loading-text="数据加载中"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
ref="menuTreeLeft"
|
||||
highlight-current
|
||||
:check-strictly="true"
|
||||
:expand-on-click-node="true"
|
||||
default-expand-all
|
||||
:filter-node-method="filterNode"
|
||||
:props="{ children: 'children', label: 'name' }"
|
||||
@check="checkLeft"
|
||||
@node-click="handleNodeClick"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span class="span-ellipsis">
|
||||
<i :class="data.icon"></i>
|
||||
<span class="title_1" :title="node.label">{{ node.label }}</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form :model="messageInfo" label-width="90px">
|
||||
<el-form-item label="变压器名称:">
|
||||
<el-input disabled v-model="messageInfo.tfName" placeholder="变压器名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="变电站:" class="top">
|
||||
<el-input disabled v-model="messageInfo.subIndexName" placeholder="变电站"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="接线方式:" class="top">
|
||||
<el-input disabled v-model="messageInfo.wiring" placeholder="接线方式"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="更新人:" class="top">
|
||||
<el-input disabled v-model="messageInfo.updateBy" placeholder="更新人"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="更新时间:" class="top">
|
||||
<el-input disabled v-model="messageInfo.updateTime" placeholder="更新时间"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div style="border-left: 1px solid; height: 100%" class="xiaoshou">
|
||||
<div style="overflow-y: auto; height: 100%;overflow-x: auto;max-height: 350px;" class="ml10 tree xiaoshou">
|
||||
<el-input placeholder="输入关键字检索" v-model="filterText2" clearable></el-input>
|
||||
<el-tree
|
||||
style="cursor: pointer"
|
||||
:data="treeMenuRightData"
|
||||
v-loading="loading"
|
||||
element-loading-text="数据加载中"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
ref="menuTreeRight"
|
||||
:check-strictly="true"
|
||||
highlight-current
|
||||
:expand-on-click-node="true"
|
||||
default-expand-all
|
||||
:filter-node-method="filterNode"
|
||||
:props="{ children: 'children', label: 'name' }"
|
||||
@check="checkRight"
|
||||
@node-click="handleNodeClick"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span class="span-ellipsis">
|
||||
<i :class="data.icon"></i>
|
||||
<span class="title_1" :title="node.label">{{ node.label }}</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="border-top: #dddfe5 solid 1px; margin-top: 10px; margin-bottom: 5px"></div>
|
||||
<span slot="footer" class="dialog-footer" style="display: flex; justify-content: flex-end">
|
||||
<el-button @click="nodemaintenanceInformation = false">取 消</el-button>
|
||||
<el-button type="primary" @click="maintenanceOnsubmit">提交</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, watch } from 'vue'
|
||||
import BackComponent from '@/components/icon/back/index.vue'
|
||||
import { mainHeight } from '@/utils/layout'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import Table from '@/components/table/index.vue'
|
||||
import DeviceTree from '@/components/tree/pqs/deviceTree.vue'
|
||||
import { Plus, Setting } from '@element-plus/icons-vue'
|
||||
import TableHeader from '@/components/table/header/index.vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import {
|
||||
insertTransformer,
|
||||
updateTransformer,
|
||||
delTransformer,
|
||||
nodeMaintenance,
|
||||
getGeneratrix
|
||||
} from '@/api/device-boot/transformerStrategy'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { calc } from '@/api/advance-boot/sgGroven/sgScheme'
|
||||
|
||||
defineOptions({
|
||||
name: 'BusinessAdministrator/TerminalManagement/addLedger'
|
||||
})
|
||||
|
||||
const tableRef = ref()
|
||||
const dictData = useDictData()
|
||||
|
||||
const connectionType = dictData.getBasicData('Dev_Connect')
|
||||
|
||||
// 新增、修改
|
||||
const transformerTitle = ref('新增变压器信息')
|
||||
|
||||
const transformerInformation = ref(false)
|
||||
|
||||
const ruleFormRef = ref()
|
||||
|
||||
const menuTree = ref()
|
||||
|
||||
const ruleForm = reactive({
|
||||
tfName: '',
|
||||
wiring: '',
|
||||
subIndex: '',
|
||||
tfDescribe: ''
|
||||
})
|
||||
// 树选择
|
||||
const subName = ref('')
|
||||
|
||||
const parentId = ref('')
|
||||
|
||||
const rules = reactive({
|
||||
tfName: [{ required: true, message: '请输入变压器名', trigger: 'blur' }],
|
||||
wiring: [{ required: true, message: '请选择接线方式', trigger: 'change' }]
|
||||
})
|
||||
|
||||
// 变压器节点维护
|
||||
interface TreeNode {
|
||||
id: string
|
||||
name: string
|
||||
icon?: string
|
||||
level?: number
|
||||
disabled?: boolean
|
||||
children?: TreeNode[]
|
||||
}
|
||||
const maintenanceTitle = ref('变压器节点维护')
|
||||
const nodemaintenanceInformation = ref(false)
|
||||
const loading = ref(false)
|
||||
const isLoading3 = ref(false)
|
||||
const filterText1 = ref('')
|
||||
const filterText2 = ref('')
|
||||
const menuTreeLeft = ref()
|
||||
const menuTreeRight = ref()
|
||||
const treeMenuLeftData = ref<TreeNode[]>([])
|
||||
const treeMenuRightData = ref<TreeNode[]>([])
|
||||
const messageInfo = reactive({
|
||||
tfName: '',
|
||||
subIndexName: '',
|
||||
wiring: '',
|
||||
updateBy: '',
|
||||
updateTime: ''
|
||||
})
|
||||
const bind = ref<any[]>([])
|
||||
const bindLevel = ref<number>(0)
|
||||
|
||||
const tableStore = new TableStore({
|
||||
url: '/device-boot/pqsTransformer/transformerPage',
|
||||
method: 'POST',
|
||||
column: [
|
||||
{ title: '变压器名称', field: 'tfName' },
|
||||
{ title: '变电站', field: 'subIndexName' },
|
||||
{
|
||||
title: '接线方式',
|
||||
field: 'wiring',
|
||||
formatter: (row: any) => {
|
||||
if (row.column.property == 'wiring') {
|
||||
let title = ''
|
||||
connectionType.forEach(item => {
|
||||
if (item.id == row.row.wiring) {
|
||||
title = item.name
|
||||
}
|
||||
})
|
||||
return title
|
||||
} else {
|
||||
return row.row[row.column.property]
|
||||
}
|
||||
}
|
||||
},
|
||||
{ title: '更新人', field: 'updateBy' },
|
||||
{ title: '更新时间', field: 'updateTime' },
|
||||
// {
|
||||
// title: '等级',
|
||||
// field: 'nodeGrade',
|
||||
// render: 'tag',
|
||||
// custom: {
|
||||
// 0: 'success',
|
||||
// 1: 'warning',
|
||||
// 2: 'info'
|
||||
// },
|
||||
// replaceValue: {
|
||||
// 0: '极重要',
|
||||
// 1: '普通',
|
||||
// 2: '备用'
|
||||
// }
|
||||
// },
|
||||
{
|
||||
title: '描述',
|
||||
field: 'tfDescribe'
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '180',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'maintenance',
|
||||
title: '节点维护',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Share',
|
||||
render: 'basicButton',
|
||||
click: async row => {
|
||||
nodemaintenanceInformation.value = true
|
||||
maintenance(JSON.parse(JSON.stringify(row)))
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '编辑',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
click: row => {
|
||||
transformerInformation.value = true
|
||||
transformerTitle.value = '修改变压器信息'
|
||||
Object.assign(ruleForm, JSON.parse(JSON.stringify(row)))
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
name: 'del',
|
||||
title: '删除',
|
||||
type: 'danger',
|
||||
icon: 'el-icon-Delete',
|
||||
render: 'confirmButton',
|
||||
popconfirm: {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonType: 'danger',
|
||||
title: '确定删除吗?'
|
||||
},
|
||||
click: row => {
|
||||
delTransformer([row.tfIndex]).then(res => {
|
||||
ElMessage.success('删除成功')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
// beforeSearchFun: () => {
|
||||
// for (let key in tableStore.table.params) {
|
||||
// if (tableStore.table.params[key] === '' && key !== 'nodeGrade' && key !== 'searchState') {
|
||||
// delete tableStore.table.params[key]
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
loadCallback: () => {}
|
||||
})
|
||||
|
||||
tableStore.table.params.searchValue = ''
|
||||
provide('tableStore', tableStore)
|
||||
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
tableStore.index()
|
||||
}, 100)
|
||||
})
|
||||
|
||||
const height = mainHeight(20)
|
||||
const height1 = mainHeight(85)
|
||||
const height2 = mainHeight(300)
|
||||
|
||||
//变压器新增
|
||||
const transformerAdd = () => {
|
||||
ruleForm.tfName = ''
|
||||
ruleForm.wiring = ''
|
||||
ruleForm.tfDescribe = ''
|
||||
if (subName.value == '') {
|
||||
ElMessage({
|
||||
type: 'warning',
|
||||
message: '请选择变电站'
|
||||
})
|
||||
} else {
|
||||
transformerTitle.value = '新增变压器信息'
|
||||
transformerInformation.value = true
|
||||
nextTick(() => {
|
||||
ruleFormRef.value.clearValidate()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 树选择
|
||||
const handleNodeClick = (data: any, node: any) => {
|
||||
if (node.level == 4) {
|
||||
subName.value =
|
||||
node.parent.parent.parent.data.name +
|
||||
`>` +
|
||||
node.parent.parent.data.name +
|
||||
`>` +
|
||||
node.parent.data.name +
|
||||
`>` +
|
||||
node.data.name
|
||||
ruleForm.subIndex = node.data.id
|
||||
tableStore.table.params.searchValue = node.data.id
|
||||
parentId.value = node.data.id
|
||||
} else if (node.level == 5) {
|
||||
subName.value =
|
||||
node.parent.parent.parent.parent.data.name +
|
||||
`>` +
|
||||
node.parent.parent.parent.data.name +
|
||||
`>` +
|
||||
node.parent.parent.data.name +
|
||||
`>` +
|
||||
node.parent.data.name
|
||||
ruleForm.subIndex = node.parent.data.id
|
||||
tableStore.table.params.searchValue = node.data.id
|
||||
parentId.value = node.parent.data.id
|
||||
} else {
|
||||
tableStore.table.params.searchValue = ''
|
||||
}
|
||||
tableStore.index()
|
||||
}
|
||||
|
||||
const resetForm = () => {
|
||||
transformerInformation.value = false
|
||||
Object.assign(ruleForm, {
|
||||
tfName: '',
|
||||
wiring: '',
|
||||
subIndex: '',
|
||||
tfDescribe: ''
|
||||
})
|
||||
}
|
||||
// 确认
|
||||
const onSubmit = () => {
|
||||
ruleFormRef.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
if (transformerTitle.value == '新增变压器信息') {
|
||||
insertTransformer(ruleForm).then(res => {
|
||||
ElMessage.success('新增变压器信息成功')
|
||||
resetForm()
|
||||
menuTree.value.loadData()
|
||||
tableStore.onTableAction('search', {})
|
||||
})
|
||||
} else {
|
||||
ElMessageBox.confirm('是否确认修改?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
updateTransformer(ruleForm).then(res => {
|
||||
ElMessage.success('修改成功')
|
||||
resetForm()
|
||||
menuTree.value.loadData()
|
||||
tableStore.onTableAction('search', {})
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 变压器维护
|
||||
const maintenance = (val: any) => {
|
||||
maintenanceTitle.value = '变压器节点维护'
|
||||
maintenanceData.upNode = ''
|
||||
maintenanceData.downNode = ''
|
||||
maintenanceData.tfIndex = val.tfIndex
|
||||
isLoading3.value = true
|
||||
getGeneratrix({
|
||||
id: val.tfIndex,
|
||||
subId: val.subIndex
|
||||
}).then(res => {
|
||||
bind.value = res.data.bind
|
||||
treeMenuLeftData.value = res.data.upNode
|
||||
treeMenuRightData.value = res.data.downNode
|
||||
setDisabled(treeMenuRightData.value)
|
||||
setDisabled(treeMenuLeftData.value)
|
||||
isLoading3.value = false
|
||||
if (treeMenuLeftData.value && treeMenuLeftData.value.length > 0) {
|
||||
treeMenuLeftData.value[0].children?.forEach(item => {
|
||||
item.children?.forEach(item1 => {
|
||||
item1.children?.forEach(item2 => {
|
||||
item2.children?.forEach(item3 => {
|
||||
if (item3.level != null) {
|
||||
menuTreeLeft.value?.setCheckedKeys([item3.id])
|
||||
maintenanceData.upNode = item3.id
|
||||
bindLevel.value = item3.level
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
if (treeMenuRightData.value && treeMenuRightData.value.length > 0) {
|
||||
treeMenuRightData.value[0].children?.forEach(item => {
|
||||
item.children?.forEach(item1 => {
|
||||
item1.children?.forEach(item2 => {
|
||||
item2.children?.forEach(item3 => {
|
||||
if (item3.level != null) {
|
||||
menuTreeRight.value?.setCheckedKeys([item3.id])
|
||||
maintenanceData.downNode = item3.id
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
nodemaintenanceInformation.value = true
|
||||
})
|
||||
Object.assign(messageInfo, JSON.parse(JSON.stringify(val)))
|
||||
connectionType.forEach(item => {
|
||||
if (messageInfo.wiring == item.id) {
|
||||
messageInfo.wiring = item.name
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//设置禁选
|
||||
const setDisabled = (treeData: any[]) => {
|
||||
treeData.forEach((item) => {
|
||||
item.disabled = true;
|
||||
item.children.forEach((item1:any) => {
|
||||
item1.disabled = true;
|
||||
item1.children.forEach((item2:any) => {
|
||||
item2.disabled = true;
|
||||
item2.children.forEach((item3:any) => {
|
||||
item3.disabled = true;
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
watch(
|
||||
() => [filterText1.value, filterText2.value],
|
||||
([newVal1, newVal2]) => {
|
||||
menuTreeLeft.value.filter(newVal1)
|
||||
menuTreeRight.value.filter(newVal2)
|
||||
}
|
||||
)
|
||||
|
||||
/**筛选节点 */
|
||||
const filterNode = (value: any, data: any, node: any) => {
|
||||
if (!value) {
|
||||
return true
|
||||
}
|
||||
let _array: boolean[] = [] // 显式声明类型为 boolean[]
|
||||
getReturnNode(node, _array, value)
|
||||
let result = false
|
||||
_array.forEach(item => {
|
||||
result = result || item
|
||||
})
|
||||
return result
|
||||
}
|
||||
|
||||
const getReturnNode = (node: any, _array: boolean[], value: string) => {
|
||||
let isPass = node.data && node.data.name && node.data.name.indexOf(value) !== -1
|
||||
isPass ? _array.push(isPass) : ''
|
||||
if (!isPass && node.level !== 1 && node.parent) {
|
||||
getReturnNode(node.parent, _array, value)
|
||||
}
|
||||
}
|
||||
|
||||
const maintenanceData = reactive({
|
||||
upNode: '',
|
||||
downNode: '',
|
||||
tfIndex: ''
|
||||
})
|
||||
|
||||
//上节点选择
|
||||
const checkLeft = (checkedNodes: any, checkedKeys: any) => {
|
||||
maintenanceData.upNode = checkedNodes.id
|
||||
if (maintenanceData.upNode === maintenanceData.downNode) {
|
||||
menuTreeRight.value?.setCheckedKeys([])
|
||||
maintenanceData.downNode = ''
|
||||
}
|
||||
if (checkedKeys.checkedKeys.length > 1) {
|
||||
menuTreeLeft.value?.setCheckedKeys([checkedNodes.id])
|
||||
}
|
||||
}
|
||||
|
||||
//下节点选择
|
||||
const checkRight = (checkedNodes: any, checkedKeys: any) => {
|
||||
maintenanceData.downNode = checkedNodes.id
|
||||
if (maintenanceData.downNode === maintenanceData.upNode) {
|
||||
menuTreeLeft.value?.setCheckedKeys([])
|
||||
maintenanceData.upNode = ''
|
||||
}
|
||||
if (checkedKeys.checkedKeys.length > 1) {
|
||||
menuTreeRight.value?.setCheckedKeys([checkedNodes.id])
|
||||
}
|
||||
}
|
||||
|
||||
//节点维护提交
|
||||
const maintenanceOnsubmit = () => {
|
||||
for (let i = 0; i < bind.value.length; i++) {
|
||||
if (bind.value[i][0] == maintenanceData.upNode) {
|
||||
for (let j = 0; j < bind.value.length; j++) {
|
||||
if (bind.value[j][1] == maintenanceData.downNode) {
|
||||
ElMessage({
|
||||
type: 'warning',
|
||||
message: '上下节点无法选择相同母线!!!'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
if (bindLevel.value != 5) {
|
||||
for (let i = 0; i < bind.value.length; i++) {
|
||||
if (maintenanceData.upNode == bind.value[i][1] && maintenanceData.downNode == bind.value[i][0]) {
|
||||
ElMessage({
|
||||
type: 'warning',
|
||||
message: '上下节点无法选择相同母线!!!'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
nodeMaintenance(maintenanceData).then((res: any) => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '维护成功'
|
||||
})
|
||||
nodemaintenanceInformation.value = false
|
||||
tableStore.index()
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 550;
|
||||
}
|
||||
|
||||
.xiaoshou {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.span-ellipsis {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
::v-deep .el-tree {
|
||||
font-size: 13px !important;
|
||||
font-weight: 540 !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user