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

电能质量问题-用户投诉联调

Browse Source
This commit is contained in:
zhujiyan
2024-05-22 16:25:29 +08:00
parent 3a4b3edae5
commit b49d6defcc
4 changed files with 207 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/api/process-boot/electricitymanagement.ts
View File

@@ -198,4 +198,13 @@ export function handleWarningAlarmFlag(data) {
method: 'POST',
data
})
}
}
//提交用户投诉新增表单
export function addComplaintsData(data) {
return createAxios({
url: '/supervision-boot/SupervisionUserComplaint/add',
method: 'POST',
data
})
}

81
src/views/pqs/supervise/electricalEnergy/components1/complaints.vue
View File

@@ -1,4 +1,5 @@
<template>
<!-- 用户投诉 -->
<!-- 2 有新增 发起 预警单 -->
<TableHeader area datePicker ref="TableHeaderRef">
@@ -8,7 +9,7 @@
</TableHeader>
<Table ref="tableRef" />
<!-- 新增 -->
<complaintsForm ref="formRef" />
<complaintsForm ref="formRef" @onSubmit="tableStore.index()"/>
</template>
<script setup lang="ts">
import { ref, onMounted, provide, nextTick } from 'vue'
@@ -27,7 +28,7 @@ const formRef = ref()
const TableHeaderRef = ref()
const tableStore = new TableStore({
url: '/supervision-boot/generalSurvey/getSurvey',
url: '/supervision-boot/SupervisionUserComplaint/list',
publicHeight: 65,
method: 'POST',
column: [
@@ -41,47 +42,57 @@ const tableStore = new TableStore({
}
},
{ field: 'userName', title: '用户名称' },
{ field: 'userId', title: '用户编号' },
{ field: 'complaintContent', title: '投诉内容' },
{ field: 'complaintTime', title: '投诉时间' },
{ field: 'userNumber', title: '用户编号' },
// { field: 'userCategory', title: '用户类别' },
{ field: 'complaintText', title: '投诉内容' },
{ field: 'steadyIndicator', title: '稳态指标' },
{ field: 'transientIndicators', title: '暂态指标' },
{ field: 'monitorName', title: '监测点名称' },
{ field: 'monitorNumber', title: '监测点编号' },
{
title: '操作',
width: '180',
align: 'center',
render: 'buttons',
field:'status',
title: '是否实现监测',
formatter: (row: any) => {
return row.cellvalue=='0'?'否':'是'
}
},
// {
// title: '操作',
// width: '180',
// align: 'center',
// render: 'buttons',
buttons: [
{
name: 'edit',
title: '发起预警单',
type: 'primary',
icon: 'el-icon-Open',
render: 'confirmButton',
popconfirm: {
confirmButtonText: '确认',
cancelButtonText: '取消',
confirmButtonType: 'primary',
title: '请确认发起发起预警单!'
},
click: row => {}
}
]
}
// buttons: [
// {
// name: 'edit',
// title: '发起预警单',
// type: 'primary',
// icon: 'el-icon-Open',
// render: 'confirmButton',
// popconfirm: {
// confirmButtonText: '确认',
// cancelButtonText: '取消',
// confirmButtonType: 'primary',
// title: '请确认发起发起预警单!'
// },
// click: row => {}
// }
// ]
// }
],
beforeSearchFun: () => {
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
tableStore.table.params.currentPage = tableStore.table.params.pageNum
},
loadCallback: () => {
tableStore.table.data = [
{
userName: '东润开阳堡光伏电站用户',
userId: '8115771123274',
complaintContent: '装置频繁重启',
complaintTime: '2024-05-16'
}
]
// tableStore.table.data = [
// {
// userName: '东润开阳堡光伏电站用户',
// userId: '8115771123274',
// complaintContent: '装置频繁重启',
// complaintTime: '2024-05-16'
// }
// ]
}
})

202
src/views/pqs/supervise/electricalEnergy/components1/form/complaintsForm.vue
View File

@@ -1,45 +1,119 @@
<template>
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 1100px" :before-close="handleClose">
<el-form :model="userAdddata" :inline="true" ref="userAddRef" :rules="rules">
<el-form-item label="用户名称:" prop="userName">
<el-input v-model="userAdddata.userName" clearable placeholder="请输入用户名称"></el-input>
</el-form-item>
<el-form-item label="用户编号:" prop="userNo">
<el-input v-model="userAdddata.userNo" clearable placeholder="请输入用户编号"></el-input>
</el-form-item>
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 55%" :before-close="handleClose">
<el-form
:model="form"
ref="formRef"
:rules="rules"
label-width="140px"
label-position="right"
:scroll-to-error="true"
>
<el-row>
<el-col :span="12">
<el-form-item label="用户名称:" style="margin-top: 10px" prop="userName">
<el-input
v-model="form.userName"
clearable
style="width: 100%"
placeholder="请输入用户名称"
></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="用户类别:" style="margin-top: 10px" prop="userCategory">
<el-select
v-model="form.userCategory"
clearable
style="width: 100%"
placeholder="请选择用户类别"
>
<el-option
v-for="item in monitorTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="用户编号:" style="margin-top: 10px" prop="userNumber">
<el-input
v-model="form.userNumber"
clearable
style="width: 100%"
placeholder="请输入用户编号"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否实现监测:" style="margin-top: 10px" prop="status">
<el-radio-group v-model="form.status">
<el-radio value="0">否</el-radio>
<el-radio value="1">是</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col v-if="form.status == '1'" :span="12">
<el-form-item label="监测点名称:" style="margin-top: 10px" prop="monitorName">
<el-input
v-model="form.monitorName"
clearable
style="width: 100%"
placeholder="请输入监测点名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.status == '1'">
<el-col :span="12">
<el-form-item label="监测点编号:" style="margin-top: 10px" prop="monitorNumber">
<el-input
v-model="form.monitorNumber"
clearable
style="width: 100%"
placeholder="请输入监测点编号"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="投诉内容:" style="margin-top: 10px" prop="complaintContent">
<el-form-item label="投诉内容:" style="margin-top: 10px" prop="complaintText">
<el-input
type="textarea"
style="width: 400px"
:autosize="{ minRows: 2, maxRows: 4 }"
placeholder="请输入内容"
v-model="userAdddata.complaintContent"
v-model="form.complaintText"
></el-input>
</el-form-item>
<br />
<el-form-item label="投诉时间:" style="margin-top: 10px" prop="complaintTime">
<el-date-picker
v-model="userAdddata.complaintTime"
type="date"
placeholder="选择日期"
value-format="YYYY-MM-DD"
></el-date-picker>
</el-form-item>
<el-form-item label="稳态指标:" prop="steadyState">
<el-checkbox-group v-model="userAdddata.steadyState">
<el-checkbox v-for="(item, ind) in steadyStateList" :key="ind" :label="item.code">
{{ item.name }}
</el-checkbox>
<el-form-item label="稳态指标:" style="margin-top: 10px" prop="steadyIndicator">
<el-checkbox-group v-model="form.steadyIndicator">
<div style="width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start">
<el-checkbox
style="flex: none; width: 120px"
v-for="(item, ind) in steadyStateList"
:key="ind"
:label="item.name"
>
{{ item.name }}
</el-checkbox>
</div>
</el-checkbox-group>
</el-form-item>
<br />
<el-form-item label="暂态指标:" prop="transientIndicators">
<el-checkbox-group v-model="userAdddata.transientIndicators">
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
{{ item.name }}
</el-checkbox>
<el-form-item label="暂态指标:" style="margin-top: 10px" prop="transientIndicators">
<el-checkbox-group v-model="form.transientIndicators">
<div style="width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start">
<el-checkbox
style="flex: none; width: 120px"
v-for="(item, ind) in transientIndicatorsList"
:key="ind"
:label="item.name"
>
{{ item.name }}
</el-checkbox>
</div>
</el-checkbox-group>
</el-form-item>
</el-form>
@@ -52,38 +126,55 @@
</el-dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { ref,defineEmits } from 'vue'
import { useDictData } from '@/stores/dictData'
const emit = defineEmits(['onsubmit'])
import { addComplaintsData } from '@/api/process-boot/electricitymanagement'
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogVisible = ref(false)
const title: any = ref('')
const steadyStateList = dictData.getBasicData('Steady_Indicator')
const transientIndicatorsList = dictData.getBasicData('Transient_Indicators')
const userAdddata = ref({
complaintContent: '',
complaintTime: '',
steadyState: [],
userName: '',
userNo: '',
transientIndicators: []
const form = ref({
complaintText: '', //投诉内容
status: '0', //是否实现监测
steadyIndicator: [], //稳态指标
transientIndicators: [], //暂态指标
userName: '', //用户名称
userNumber: '', //用户编号
userCategory: '', //用户类别
monitorName: '', //监测点名称
monitorNumber: '' //监测点编号
})
const rules = {
problemName: [{ required: true, message: '请输入问题名称', trigger: 'blur' }],
userName: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
userNo: [{ required: true, message: '请输入用户编号', trigger: 'blur' }],
complaintContent: [{ required: true, message: '请输入投诉内容', trigger: 'blur' }],
complaintTime: [{ required: true, message: '请选择时间', trigger: 'change' }],
problemSources: [{ required: true, message: '情选择问题来源', trigger: 'change' }],
abnormalDevTime: [{ required: true, message: '请选择时间', trigger: 'change' }],
userNumber: [{ required: true, message: '请输入用户编号', trigger: 'blur' }],
userCategory: [{ required: true, message: '请选择用户类别', trigger: 'change' }],
complaintText: [{ required: true, message: '请输入投诉内容', trigger: 'blur' }],
status: [{ required: true, message: '请选择是否实现监测', trigger: 'change' }],
transientIndicators: [{ required: true, message: '请选择暂态指标', trigger: 'change' }],
steadyState: [{ required: true, message: '请选择稳态指标', trigger: 'change' }],
eventDescription: [{ required: true, message: '请输入设备异常描述', trigger: 'blur' }],
abnormalDevName: [{ required: true, message: '请输入问题名称', trigger: 'blur' }]
steadyIndicator: [{ required: true, message: '请选择稳态指标', trigger: 'change' }],
monitorName: [{ required: true, message: '请输入监测点名称', trigger: 'blur' }],
monitorNumber: [{ required: true, message: '请输入监测点编号', trigger: 'blur' }],
}
const formRef = ref(null)
const submit = () => {
handleClose()
formRef.value.validate(valid => {
if (valid) {
form.value = {
...form.value,
steadyIndicator: form.value.steadyIndicator.join(','),
transientIndicators: form.value.transientIndicators.join(',')
}
addComplaintsData(form.value).then(res => {
emits('onSubmit')
handleClose()
})
} else {
console.log('表单验证失败')
return false
}
})
}
const open = (row: any) => {
@@ -98,7 +189,10 @@ const handleClose = () => {
defineExpose({ open })
</script>
<style lang="scss" scoped>
:deep(.el-upload-list__item) {
width: 400px;
.el-form {
width: 96%;
margin: 0 auto;
height: 400px;
margin-top: 20px;
}
</style>

6
src/views/pqs/supervise/electricalEnergy/index.vue
View File

@@ -2,13 +2,13 @@
<div class="default-main">
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="在线监测" name="1">
<online v-if="activeName=='1'"/>
<online v-if="activeName == '1'" />
</el-tab-pane>
<el-tab-pane label="用户投诉" name="2">
<complaints v-if="activeName=='2'"/>
<complaints v-if="activeName == '2'" />
</el-tab-pane>
<el-tab-pane label="现场测试问题" name="3">
<testQuestions v-if="activeName=='3'"/>
<testQuestions v-if="activeName == '3'" />
</el-tab-pane>
<!-- <el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="电能质量问题查询维护" name="1">