联调 在线监测 页面 修改云效问题

This commit is contained in:
GGJ
2024-06-25 15:13:47 +08:00
parent 8551527aa6
commit 7b7b8b0b89
19 changed files with 411 additions and 90 deletions

View File

@@ -199,6 +199,14 @@ export function handleWarningAlarmFlag(data) {
data
})
}
//发起预警单,发起告警单
export function report(data) {
return createAxios({
url: '/supervision-boot/onlineMonitor/report',
method: 'POST',
data
})
}
//提交用户投诉新增表单
export function addComplaintsData(data) {

View File

@@ -0,0 +1,127 @@
<template>
<el-dialog draggable v-model="dialogVisible" :title="title" width="80%" :before-close="handleClose">
<div style="height: 45vh">
<vxe-table height="auto" v-bind="defaultAttribute" :data="List">
<vxe-column field="dept" title="负责单位"></vxe-column>
<vxe-column field="substation" title="变电站名称"></vxe-column>
<vxe-column field="deviceName" title="终端名称"></vxe-column>
<vxe-column field="lineName" title="监测点名称"></vxe-column>
<vxe-column
field="businessType"
title="监测对象类型"
:formatter="row => industry.find((item: any) => item.id == row.cellValue)?.name || '/'"
></vxe-column>
<vxe-column field="objectName" title="监测对象名称"></vxe-column>
<vxe-column
field="targetType"
title="指标类型"
:formatter="row => exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'"
></vxe-column>
<vxe-column
field="overLimitDay"
title="累计超标天数"
:formatter="row => (row.cellValue != null ? row.cellValue : '/')"
></vxe-column>
</vxe-table>
</div>
<el-form :model="form" ref="formRef" class="form-two mt10" :rules="rules" label-width="auto">
<!-- <el-form-item label="年份:" prop="year">
<el-input v-model="form.year" placeholder="请输入年份" />
</el-form-item>
<el-form-item label="编号:" prop="number">
<el-input v-model="form.number" placeholder="请输入编号" />
</el-form-item> -->
<el-form-item label="编号:" prop="year">
<div style="display: flex; justify-content: space-between">
<el-input style="width: 45%" v-model="form.year" placeholder="请输入年份">
<template #append>年份</template>
</el-input>
<el-input style="width: 45%" v-model="form.number" placeholder="请输入编号">
<template #append>编号</template>
</el-input>
</div>
</el-form-item>
<el-form-item label="整改意见:" prop="issueDetail">
<el-input
v-model="form.issueDetail"
:rows="2"
type="textarea"
clearable
style="width: 100%"
placeholder="请输入整改意见"
></el-input>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="submit">发起</el-button>
</span>
</template>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, defineEmits } from 'vue'
import { useDictData } from '@/stores/dictData'
import { ElMessage } from 'element-plus'
import { report } from '@/api/process-boot/electricitymanagement'
import { defaultAttribute } from '@/components/table/defaultAttribute'
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogVisible = ref(false)
const title: any = ref('')
const industry = dictData.getBasicData('Business_Type')
const form: any = ref({})
const exceeded = dictData.getBasicData('Steady_Statis')
const resetForm = () => {
form.value = {
issueDetail: '',
year: new Date().getFullYear() + '',
number: '0'
}
}
const List = ref([])
resetForm()
const rules = {
issueDetail: [{ required: true, message: '请输入整改意见', trigger: 'blur' }],
year: [{ required: true, message: '请输入编号', trigger: 'blur' }],
number: [{ required: true, message: '请输入编号', trigger: 'blur' }]
}
const formRef = ref()
const submit = () => {
console.log('🚀 ~ open ~ form.value:', form.value)
formRef.value.validate(valid => {
if (valid) {
report({
...form.value,
type: title.value == '发起预警单' ? 0 : 1,
idList: List.value.map(item => item.id)
}).then(res => {
ElMessage.success('发起成功')
dialogVisible.value = false
emits('onSubmit')
})
} else {
console.log('表单验证失败')
return false
}
})
}
const open = (row: any) => {
dialogVisible.value = true
List.value = row.row
title.value = row.text
form.value = { ...row.form, ...form.value }
}
const handleClose = () => {
formRef.value && formRef.value.resetFields()
dialogVisible.value = false
}
defineExpose({ open })
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,55 @@
<template>
<el-dialog draggable v-model="dialogVisible" :title="title" width="80%" :before-close="handleClose">
<div style="height: 45vh">
<vxe-table height="auto" v-bind="defaultAttribute" :data="List">
<vxe-column field="dept" title="负责单位"></vxe-column>
<vxe-column field="substation" title="变电站名称"></vxe-column>
<vxe-column field="deviceName" title="终端名称"></vxe-column>
<vxe-column field="lineName" title="监测点名称"></vxe-column>
<vxe-column
field="businessType"
title="监测对象类型"
:formatter="row => industry.find((item: any) => item.id == row.cellValue)?.name || '/'"
></vxe-column>
<vxe-column field="objectName" title="监测对象名称"></vxe-column>
<vxe-column
field="targetType"
title="指标类型"
:formatter="row => exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'"
></vxe-column>
<vxe-column
field="overLimitDay"
title="累计超标天数"
:formatter="row => (row.cellValue != null ? row.cellValue : '/')"
></vxe-column>
</vxe-table>
</div>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, defineEmits } from 'vue'
import { useDictData } from '@/stores/dictData'
import { ElMessage } from 'element-plus'
import { report } from '@/api/process-boot/electricitymanagement'
import { defaultAttribute } from '@/components/table/defaultAttribute'
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogVisible = ref(false)
const title: any = ref('')
const industry = dictData.getBasicData('Business_Type')
const exceeded = dictData.getBasicData('Steady_Statis')
const open = (row: any) => {
dialogVisible.value = true
title.value = row.text
}
const handleClose = () => {
dialogVisible.value = false
}
defineExpose({ open })
</script>
<style lang="scss" scoped></style>

View File

@@ -1,13 +1,33 @@
<template>
<!-- <div>1 监测点信息 发起预告警单 </div> -->
<TableHeader area datePicker nextFlag ref="TableHeaderRef">
<TableHeader datePicker nextFlag ref="TableHeaderRef">
<template v-slot:select>
<el-form-item label="区域">
<Area ref="areaRef" v-model="tableStore.table.params.deptId" @changeValue="changeArea" />
</el-form-item>
<el-form-item label="超标指标">
<el-select v-model="tableStore.table.params.targetId" clearable placeholder="请选择超标指标">
<el-select
v-model="tableStore.table.params.targetList"
clearable
multiple
collapse-tags
collapse-tags-tooltip
placeholder="请选择超标指标"
>
<el-option v-for="item in exceeded" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="数据类型">
<el-switch
v-model="tableStore.table.params.dataType"
inline-prompt
active-value="1"
inactive-value="0"
active-text="超标数据"
inactive-text="无数据"
/>
</el-form-item>
<el-form-item label="预警阈值">
<!-- <el-input v-model="tableStore.table.params.alertThreshold" placeholder="请输入预警阈值" clearable></el-input> -->
<el-input-number
@@ -27,33 +47,58 @@
@change="changeAlarm"
/>
</el-form-item>
<!-- <el-form-item label="搜索">
<el-input
v-model="tableStore.table.params.searchValue"
placeholder="输入变电站、终端、监测点名称"
clearable
></el-input>
</el-form-item> -->
</template>
<template #operation v-if="flag == '2'">
<el-button icon="el-icon-Plus" type="primary" @click="launch('发起预警单')">发起预警单</el-button>
<el-button icon="el-icon-Plus" type="primary" @click="launch('发起告警单')">发起告警单</el-button>
</template>
</TableHeader>
<Table ref="tableRef" />
<!-- /告警单 -->
<alarmList ref="alarmListRef" @onSubmit="tableStore.index()" />
<!-- 详情 -->
<detail ref="detailRef" />
</template>
<script setup lang="ts">
import { ref, onMounted, provide, nextTick } from 'vue'
import TableStore from '@/utils/tableStore'
import Area from '@/components/form/area/index.vue'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useDictData } from '@/stores/dictData'
import { handleWarningAlarmFlag } from '@/api/process-boot/electricitymanagement'
// Steady_Statis
import alarmList from './form/alarmList.vue'
import detail from './form/detail.vue'
const dictData = useDictData()
//字典获取超标指标
const exceeded = dictData.getBasicData('Steady_Statis')
const tableRef = ref()
const industry = dictData.getBasicData('Business_Type')
const TableHeaderRef = ref()
const alarmListRef = ref()
const detailRef = ref()
const list: any = ref({
deptId: '',
searchBeginTime: '',
searchEndTime: ''
})
const level: any = ref(dictData.state.area[0]?.level)
const flag = ref('')
const tableStore = new TableStore({
url: '/supervision-boot/onlineMonitor/list',
publicHeight: 65,
method: 'POST',
// isWebPaging:true,
column: [
{ title: '', type: 'checkbox', width: 40 },
{
title: '序号',
type: 'seq',
@@ -63,9 +108,11 @@ const tableStore = new TableStore({
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
}
},
{ field: 'dept', title: '负责单位' },
{ field: 'substation', title: '变电站名称' },
{ field: 'lineName', title: '监测点名称' },
{ field: 'deviceName', title: '终端名称' },
{ field: 'lineName', title: '监测点名称' },
{
field: 'businessType',
title: '监测对象类型',
@@ -75,21 +122,20 @@ const tableStore = new TableStore({
}
},
{ field: 'objectName', title: '监测对象名称' },
{ field: 'dept', title: '负责单位' },
{
field: 'dataResource',
title: '数据来源',
render: 'tag',
custom: {
0: 'primary',
1: 'success'
},
replaceValue: {
0: '系统默认',
1: '自定义'
field: 'targetType',
title: '指标类型',
formatter: (row: any) => {
return exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'
}
},
{
field: 'overLimitDay',
title: '累计超标天数',
formatter: (row: any) => {
return row.cellValue != null ? row.cellValue : '/'
}
},
{ field: 'overLimitDay', title: '累计超标天数' },
{
title: '操作',
@@ -100,70 +146,87 @@ const tableStore = new TableStore({
buttons: [
{
name: 'productSetting',
title: '发起告警单',
type: 'warning',
disabled: row => {
return row.overLimitDay < tableStore.table.params.alarmThreshold
},
title: '查看详情',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: async row => {
// handleWarningAlarmFlag(row).then(res => {
// console.log(res)
// ElMessage.success('发起告警单成功!')
// tableStore.index()
// })
const { value } = await ElMessageBox.prompt('', '整改意见', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputType: 'textarea',
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
inputErrorMessage: '请输入整改意见'
})
handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
ElMessage.success('发起告警单成功!')
tableStore.index()
})
}
},
{
name: 'edit',
title: '发起预警单',
type: 'primary',
icon: 'el-icon-Open',
disabled: row => {
return row.overLimitDay >= tableStore.table.params.alarmThreshold
},
render: 'basicButton',
click: async row => {
// handleWarningAlarmFlag(row).then(res => {
// console.log(res)
// ElMessage.success('发起预警单成功!')
// tableStore.index()
// })
const { value } = await ElMessageBox.prompt('', '整改意见', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputType: 'textarea',
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
inputErrorMessage: '请输入整改意见'
})
handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
ElMessage.success('发起预警单成功!')
tableStore.index()
click: row => {
detailRef.value.open({
text: '详情',
form: list.value
})
}
}
// {
// name: 'productSetting',
// title: '发起告警单',
// type: 'warning',
// disabled: row => {
// return row.overLimitDay < tableStore.table.params.alarmThreshold
// },
// icon: 'el-icon-EditPen',
// render: 'basicButton',
// click: async row => {
// // handleWarningAlarmFlag(row).then(res => {
// // console.log(res)
// // ElMessage.success('发起告警单成功!')
// // tableStore.index()
// // })
// const { value } = await ElMessageBox.prompt('', '整改意见', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// inputType: 'textarea',
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
// inputErrorMessage: '请输入整改意见'
// })
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
// ElMessage.success('发起告警单成功!')
// tableStore.index()
// })
// }
// },
// {
// name: 'edit',
// title: '发起预警单',
// type: 'primary',
// icon: 'el-icon-Open',
// disabled: row => {
// return row.overLimitDay >= tableStore.table.params.alarmThreshold
// },
// render: 'basicButton',
// click: async row => {
// // handleWarningAlarmFlag(row).then(res => {
// // console.log(res)
// // ElMessage.success('发起预警单成功!')
// // tableStore.index()
// // })
// const { value } = await ElMessageBox.prompt('', '整改意见', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// inputType: 'textarea',
// inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格
// inputErrorMessage: '请输入整改意见'
// })
// handleWarningAlarmFlag({ ...row, reformAdvice: value }).then(res => {
// ElMessage.success('发起预警单成功!')
// tableStore.index()
// })
// }
// }
]
}
],
beforeSearchFun: () => {
tableStore.table.params.deptId = tableStore.table.params.deptIndex
tableStore.table.params.currentPage = tableStore.table.params.pageNum
list.value.deptId = tableStore.table.params.deptId
list.value.searchBeginTime = tableStore.table.params.searchBeginTime
list.value.searchEndTime = tableStore.table.params.searchEndTime
flag.value = level.value
},
loadCallback: () => {
// tableStore.table.data = [
@@ -187,9 +250,10 @@ const tableStore = new TableStore({
}
})
tableStore.table.params.alertThreshold = 10
tableStore.table.params.alarmThreshold = 15
// tableStore.table.params.targetId = ''
tableStore.table.params.targetList = []
tableStore.table.params.dataType = '1'
tableStore.table.params.deptId = dictData.state.area[0].id
provide('tableStore', tableStore)
onMounted(() => {
@@ -215,6 +279,22 @@ const changeAlarm = e => {
}
}
}
// 发起预警单
const launch = (title: string) => {
if (tableStore.table.selection.length == 0) {
ElMessage.warning('请选择一条数据')
return
}
alarmListRef.value.open({
text: title,
form: list.value,
row: tableStore.table.selection
})
}
const changeArea = e => {
level.value = e.data.level
}
</script>
<style scoped lang="scss"></style>

View File

@@ -162,6 +162,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
planAddRef.value.open('编辑', row.id, false)
}

View File

@@ -179,6 +179,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
planTestRef.value.open('编辑', row.id, false)
}

View File

@@ -180,6 +180,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
dialogVisible.value = true
titleButton1.value = '编辑'

View File

@@ -174,6 +174,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
addForms.value.open({
title: '编辑',

View File

@@ -178,6 +178,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
deviceQuitPopup.value.open('编辑', row)
}

View File

@@ -175,6 +175,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
deviceQuitPopup.value.open('编辑', row)
}

View File

@@ -173,6 +173,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
feedbackPopup.value.open(
'编辑',

View File

@@ -155,6 +155,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
feedbackPopup.value.open(
'编辑',

View File

@@ -127,6 +127,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
addForms.value.filterUsers([6])
addForms.value.open({

View File

@@ -146,6 +146,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
addForms.value.filterUsers([5, 4, 3, 2, 1, 0])
addForms.value.open({

View File

@@ -138,6 +138,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
debugForms.value.open('编辑', row)
}

View File

@@ -565,7 +565,7 @@ const resetForm = () => {
shortCapacity: '10', // 短路容量
dealCapacity: '10', //协议容量
devCapacity: '10', //终端容量
standardCapacity: '10', //基准容量
standardCapacity: 10, //基准容量
isGridConnectionPoint: 0, //是否并网点
isStatistical: 0, // 是否参与统计
lineId: '', // 监测点编码
@@ -634,6 +634,30 @@ const changevoltageDeviationLimit = async () => {
form.value.pt1 = val * 10
form.value.pt2 = 1
}
if (Number(val) < 0.6) {
form.value.standardCapacity = 10
} else if (Number(val) < 20) {
form.value.standardCapacity = 100
} else if (Number(val) < 35) {
form.value.standardCapacity = 200
} else if (Number(val) < 66) {
form.value.standardCapacity = 250
} else if (Number(val) < 110) {
form.value.standardCapacity = 500
} else if (Number(val) < 220) {
form.value.standardCapacity = 750
} else if (Number(val) < 330) {
form.value.standardCapacity = 2000
} else if (Number(val) < 500) {
form.value.standardCapacity = 3000
} else if (Number(val) < 750) {
form.value.standardCapacity = 4500
} else if (Number(val) < 1000) {
form.value.standardCapacity = 7000
} else {
form.value.standardCapacity = 9000
}
}
findAllMonitoringTerminalList()
//获取树形图数据
@@ -710,7 +734,7 @@ const changeUserName = () => {
shortCapacity: 0, // 短路容量
dealCapacity: obj.userReportProjectPO?.agreementCapacity, //协议容量
devCapacity: 0, //终端容量
standardCapacity: 0 //基准容量
standardCapacity: 10 //基准容量
}
getDictTree(obj.userReportProjectPO?.nonlinearDeviceType)
})
@@ -723,7 +747,7 @@ const changeUserName = () => {
shortCapacity: 0, // 短路容量
dealCapacity: 0, //协议容量
devCapacity: 0, //终端容量
standardCapacity: 0 //基准容量
standardCapacity: 10 //基准容量
}
getDictTree()
})

View File

@@ -132,6 +132,10 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
addForms.value.open({
title: '编辑',

View File

@@ -175,6 +175,9 @@ const tableStore = new TableStore({
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
disabled: row => {
return !(row.status == 0)
},
click: row => {
addForms.value.open({
title: '编辑',

View File

@@ -151,19 +151,6 @@ const tableStore = new TableStore({
return row.testRunState != 2 || !row.processInstanceId
}
},
{
name: 'edit',
title: '编辑',
type: 'primary',
icon: 'el-icon-Open',
render: 'basicButton',
showDisabled: row => {
return row.createBy != adminInfo.$state.id || !(row.status == 0)
},
click: row => {
}
},
{
name: 'productSetting',
title: '重新试运行',