添加海南技术监督
This commit is contained in:
@@ -0,0 +1,533 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="add" title="问题新增" width="400px" :before-close="handleClose">
|
||||
<el-divider content-position="left">第一步 基本信息填报</el-divider>
|
||||
<el-form :inline="true" ref="ruleForm" :rules="rules" label-width="auto" class="form-one" :model="addData">
|
||||
<el-form-item label="所属单位">
|
||||
<Area ref="areaRef" v-model="addData.orgNo" disabled />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题来源" prop="problemSources">
|
||||
<el-select v-model="addData.problemSources" clearable placeholder="请选择问题来源">
|
||||
<el-option
|
||||
v-for="item in problemData"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题名称" prop="problemName">
|
||||
<el-input v-model="addData.problemName" clearable placeholder="请填写问题名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" @click="nextStep">下一步</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!-- 新增第二步(在线监测超标问题新增) -->
|
||||
<el-dialog draggable title="在线监测超标问题新增" v-model="onlineAdd" width="1500px" :before-close="handleClose">
|
||||
<el-divider content-position="left">第二步 选择问题测点</el-divider>
|
||||
<el-form :inline="true" class="form">
|
||||
<el-form-item label="告警时间">
|
||||
<DatePicker ref="DateRef" />
|
||||
</el-form-item>
|
||||
<el-form-item label="稳态指标">
|
||||
<el-select v-model="harmonicTypes" multiple collapse-tags placeholder="请选择稳态指标">
|
||||
<el-option v-for="item in harmonicTypesList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="越线天数占比(%)">
|
||||
<el-input-number v-model="rate" :min="0" :max="100" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-Search" @click="searchOnLine">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<vxe-table v-bind="defaultAttribute" v-loading="isLoading1" height="350" ref="xTable1Ref" :data="onlineAddData">
|
||||
<vxe-column type="radio" width="60"></vxe-column>
|
||||
<vxe-column field="sustationName" title="变电站"></vxe-column>
|
||||
<vxe-column field="barName" title="母线"></vxe-column>
|
||||
<vxe-column field="measurementPointName" title="监测点名称"></vxe-column>
|
||||
<vxe-column field=" " title="监测点编号"></vxe-column>
|
||||
<vxe-column field="loadType" title="监测对象类型"></vxe-column>
|
||||
<vxe-column field="objName" title="监测对象"></vxe-column>
|
||||
<vxe-column field="voltageLevel" title="电压等级"></vxe-column>
|
||||
<vxe-column field="harmonicType" title="告警类型" :formatter="formatter"></vxe-column>
|
||||
<vxe-column field="overLimitrate" title="越线天数占比">
|
||||
<template #default="{ row }">
|
||||
<el-dropdown>
|
||||
<span class="el-dropdown-link">
|
||||
{{ row.overLimitrate.toFixed(3) }}
|
||||
<el-icon class="el-icon--right">
|
||||
<arrow-down />
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-for="item in row?.dateList">{{ item }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
|
||||
<div style="display: flex; justify-content: center; margin-top: 10px">
|
||||
<el-button type="primary" class="ml20" @click="previouStep">上一步</el-button>
|
||||
<el-button type="primary" class="ml20" @click="OnlineMonitoring">生成问题</el-button>
|
||||
<el-button type="primary" class="ml20" @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 新增第二步(普测超标问题新增) -->
|
||||
<el-dialog draggable title="普测超标问题新增" v-model="ordinaryAdd" width="1200px" :before-close="handleClose">
|
||||
<el-divider content-position="left">第二步 选择普测计划及问题类型</el-divider>
|
||||
<el-form :model="ordinaryA" :inline="true" class="form">
|
||||
<el-form-item>
|
||||
<Area v-model="ordinaryA.orgNo"></Area>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="普测结果上传时间">
|
||||
<el-date-picker
|
||||
v-model="ordinaryA.planStartTime"
|
||||
type="month"
|
||||
format="YYYY-MM"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择月"
|
||||
@change="queryPlanName"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="普测计划名称">
|
||||
<el-select v-model="ordinaryA.planName" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in planNameList"
|
||||
:key="item.planName"
|
||||
:label="item.planName"
|
||||
:value="item.planName"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-Search" @click="searchFnExcessive">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<vxe-table
|
||||
v-bind="defaultAttribute"
|
||||
v-loading="isLoading2"
|
||||
height="350"
|
||||
ref="xTable2Ref"
|
||||
:data="ordinaryAddData"
|
||||
>
|
||||
<vxe-column type="radio" width="60"></vxe-column>
|
||||
<vxe-column field="subName" title="变电站名称"></vxe-column>
|
||||
<vxe-column field="voltageLevelName" title="变电站电压等级"></vxe-column>
|
||||
</vxe-table>
|
||||
|
||||
<el-divider content-position="left">第三步 选择问题指标</el-divider>
|
||||
<el-form :model="ordinaryA" :rules="rules" ref="ordinaryARef" :inline="true" class="form">
|
||||
<el-form-item label="稳态指标" prop="steadyState">
|
||||
<el-checkbox-group v-model="ordinaryA.steadyState">
|
||||
<el-checkbox v-for="(item, ind) in steadyStateList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="暂态指标" prop="transientIndicators">
|
||||
<el-checkbox-group v-model="ordinaryA.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="display: flex; justify-content: center; margin-top: 10px">
|
||||
<el-button type="primary" class="ml20" @click="previouStep">上一步</el-button>
|
||||
<el-button type="primary" class="ml20" @click="GeneralSurvey">生成问题</el-button>
|
||||
<el-button type="primary" class="ml20" @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!-- 新增第二步(运维异常问题新增) -->
|
||||
<el-dialog draggable title="运维异常问题新增" v-model="operationAdd" width="1200px" :before-close="handleClose">
|
||||
<el-divider content-position="left">第二步 选择普测计划及问题类型</el-divider>
|
||||
<el-form :model="operationAdddata" ref="operationAddRef" :inline="true" :rules="rules">
|
||||
<el-form-item label="异常终端名称:" prop="abnormalDevName">
|
||||
<el-input
|
||||
v-model="operationAdddata.abnormalDevName"
|
||||
clearable
|
||||
placeholder="请填写异常终端名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="发现异常时间:" prop="abnormalDevTime">
|
||||
<el-date-picker
|
||||
v-model="operationAdddata.abnormalDevTime"
|
||||
type="date"
|
||||
placeholder="请选择发现异常时间"
|
||||
value-format="YYYY-MM-DD"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="终端异常描述:" style="margin-top: 10px" prop="eventDescription">
|
||||
<el-input
|
||||
type="textarea"
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
placeholder="请填写终端异常描述"
|
||||
v-model="operationAdddata.eventDescription"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left">第三步 选择问题指标</el-divider>
|
||||
<el-form-item label="稳态指标:" prop="steadyState">
|
||||
<el-checkbox-group v-model="operationAdddata.steadyState">
|
||||
<el-checkbox v-for="(item, ind) in steadyStateList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="暂态指标:" prop="transientIndicators">
|
||||
<el-checkbox-group v-model="operationAdddata.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="display: flex; justify-content: center; margin-top: 10px">
|
||||
<el-button type="primary" class="ml20" @click="previouStep">上一步</el-button>
|
||||
<el-button type="primary" class="ml20" @click="generateAbnormal">生成问题</el-button>
|
||||
<el-button type="primary" class="ml20" @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 新增第二步(用户投诉问题新增) -->
|
||||
<el-dialog draggable title="用户投诉问题新增" v-model="userAdd" width="1200px" :before-close="handleClose">
|
||||
<el-divider content-position="left">第二步 选择投诉用户</el-divider>
|
||||
<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-divider content-position="left">第三步 填写投诉详情</el-divider>
|
||||
|
||||
<el-form-item label="投诉内容:" style="margin-top: 10px" prop="complaintContent">
|
||||
<el-input
|
||||
type="textarea"
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
placeholder="请输入内容"
|
||||
v-model="userAdddata.complaintContent"
|
||||
></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-divider content-position="left">第四步 选择问题指标</el-divider>
|
||||
|
||||
<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-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-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div style="display: flex; justify-content: center; margin-top: 10px">
|
||||
<el-button type="primary" class="ml20" @click="previouStep">上一步</el-button>
|
||||
<el-button type="primary" class="ml20" @click="userAddProblem">生成问题</el-button>
|
||||
<el-button type="primary" class="ml20" @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||
import Area from '@/components/form/area/index.vue'
|
||||
import DatePicker from '@/components/form/datePicker/index.vue'
|
||||
import { ArrowDown } from '@element-plus/icons-vue'
|
||||
const emit = defineEmits(['handleClose', 'onSubmit'])
|
||||
const dictData = useDictData()
|
||||
const problemData = dictData.getBasicData('Problem_Sources')
|
||||
const alarmList = dictData.getBasicData('alarm_Type')
|
||||
const Voltage = dictData.getBasicData('Dev_Voltage')
|
||||
const userTypeData = dictData.getBasicData('User_Category')
|
||||
import {
|
||||
getRMpPartHarmonicDetail,
|
||||
querySurveyPlanName,
|
||||
querySurveyPlanOnQuestion,
|
||||
addAbnormalIssues,
|
||||
addComplaintIssues,
|
||||
addGeneralSurveyIssues,
|
||||
addExcessiveIssues
|
||||
} from '@/api/process-boot/electricitymanagement'
|
||||
import { ElMessage } from 'element-plus'
|
||||
const steadyStateList = dictData.getBasicData('Steady_Indicator')
|
||||
const transientIndicatorsList = dictData.getBasicData('Transient_Indicators')
|
||||
|
||||
const add = ref(true)
|
||||
const onlineAdd = ref(false)
|
||||
const isLoading1 = ref(false)
|
||||
const isLoading2 = ref(false)
|
||||
const ordinaryAdd = ref(false)
|
||||
const userAdd = ref(false)
|
||||
const operationAdd = ref(false)
|
||||
const ruleForm = ref()
|
||||
const DateRef = ref()
|
||||
const userAddRef = ref()
|
||||
const operationAddRef = ref()
|
||||
const ordinaryARef = ref()
|
||||
const xTable1Ref = ref()
|
||||
const xTable2Ref = ref()
|
||||
const harmonicTypes = ref([]) //稳态指标id集合
|
||||
const harmonicTypesList = dictData.getBasicData('Indicator_Type')
|
||||
const rate = ref(60) //越线天数占比（一个月）
|
||||
const addData = ref({
|
||||
orgName: '',
|
||||
problemSources: '',
|
||||
problemName: '',
|
||||
orgNo: dictData.state.area[0].id
|
||||
})
|
||||
const ordinaryA = ref({
|
||||
orgNo: '',
|
||||
orgName: '',
|
||||
planName: '',
|
||||
planStartTime: '',
|
||||
uploadTime: '',
|
||||
name: '',
|
||||
steadyState: [],
|
||||
transientIndicators: []
|
||||
})
|
||||
const operationAdddata = ref({
|
||||
abnormalDevName: '',
|
||||
eventDescription: '',
|
||||
abnormalDevTime: '',
|
||||
steadyState: [],
|
||||
transientIndicators: []
|
||||
})
|
||||
const userA = ref({
|
||||
userType: 'Elec_User',
|
||||
id: ''
|
||||
})
|
||||
const userAdddata = ref({
|
||||
complaintContent: '',
|
||||
complaintTime: '',
|
||||
steadyState: [],
|
||||
userName: '',
|
||||
userNo: '',
|
||||
transientIndicators: []
|
||||
})
|
||||
const planNameList: any = ref([])
|
||||
const onlineAddData = ref([])
|
||||
const ordinaryAddData = ref([])
|
||||
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' }],
|
||||
transientIndicators: [{ required: true, message: '请选择暂态指标', trigger: 'change' }],
|
||||
steadyState: [{ required: true, message: '请选择稳态指标', trigger: 'change' }],
|
||||
eventDescription: [{ required: true, message: '请输入终端异常描述', trigger: 'blur' }],
|
||||
abnormalDevName: [{ required: true, message: '请输入问题名称', trigger: 'blur' }]
|
||||
}
|
||||
|
||||
// 关闭
|
||||
const handleClose = () => {
|
||||
emit('handleClose')
|
||||
emit('onSubmit')
|
||||
}
|
||||
// 下一步
|
||||
const nextStep = () => {
|
||||
ruleForm.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
if (addData.value.problemSources == 'Online') {
|
||||
add.value = false
|
||||
|
||||
onlineAdd.value = true
|
||||
setTimeout(() => {
|
||||
DateRef.value.setTimeOptions([{ label: '月份', value: 3 }])
|
||||
searchOnLine()
|
||||
}, 0)
|
||||
} else if (addData.value.problemSources == 'General') {
|
||||
ordinaryA.value.orgNo = dictData.state.area[0].id
|
||||
ordinaryA.value.orgName = dictData.state.area[0].name
|
||||
|
||||
add.value = false
|
||||
ordinaryAdd.value = true
|
||||
ordinaryA.value.planStartTime = window.XEUtils.toDateString(new Date().getTime(), 'yyyy-MM') + '-01'
|
||||
|
||||
queryPlanName()
|
||||
setTimeout(() => {
|
||||
searchFnExcessive()
|
||||
}, 0)
|
||||
} else if (addData.value.problemSources == 'User_Complaints') {
|
||||
add.value = false
|
||||
userAdd.value = true
|
||||
} else if (addData.value.problemSources == 'Dev_Exception') {
|
||||
add.value = false
|
||||
operationAdd.value = true
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
// 上一步
|
||||
const previouStep = () => {
|
||||
onlineAdd.value = false
|
||||
ordinaryAdd.value = false
|
||||
userAdd.value = false
|
||||
operationAdd.value = false
|
||||
add.value = true
|
||||
}
|
||||
|
||||
// 在线监测超标问题新增
|
||||
const OnlineMonitoring = () => {
|
||||
if (xTable1Ref.value.getRadioRecord() == null) {
|
||||
return ElMessage.warning('请选择变电站')
|
||||
} else {
|
||||
addExcessiveIssues({
|
||||
warnTarget:xTable1Ref.value.getRadioRecord().harmonicType,
|
||||
...xTable1Ref.value.getRadioRecord(),
|
||||
...addData.value
|
||||
}).then((res: any) => {
|
||||
ElMessage.success('新增成功!')
|
||||
emit('handleClose')
|
||||
emit('onSubmit')
|
||||
})
|
||||
}
|
||||
}
|
||||
// 在线监测告警查询
|
||||
const searchOnLine = () => {
|
||||
isLoading1.value = true
|
||||
getRMpPartHarmonicDetail({
|
||||
harmonicTypes: harmonicTypes.value,
|
||||
rate: rate.value * 0.01,
|
||||
startTime: DateRef.value.timeValue[0],
|
||||
endTime: DateRef.value.timeValue[1]
|
||||
}).then(res => {
|
||||
isLoading1.value = false
|
||||
onlineAddData.value = res.data
|
||||
})
|
||||
}
|
||||
|
||||
// 普通监测超标问题新增
|
||||
const queryPlanName = () => {
|
||||
querySurveyPlanName({
|
||||
orgNo: ordinaryA.value.orgNo,
|
||||
planStartTime: ordinaryA.value.planStartTime
|
||||
}).then(res => {
|
||||
planNameList.value = res.data
|
||||
})
|
||||
}
|
||||
const searchFnExcessive = () => {
|
||||
isLoading2.value = true
|
||||
querySurveyPlanOnQuestion(ordinaryA.value).then(res => {
|
||||
isLoading2.value = false
|
||||
ordinaryAddData.value = res.data
|
||||
})
|
||||
}
|
||||
// 普测超标生成问题
|
||||
const GeneralSurvey = () => {
|
||||
if (xTable2Ref.value.getRadioRecord() == null) {
|
||||
return ElMessage.warning('请选择变电站')
|
||||
} else {
|
||||
ordinaryARef.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
addGeneralSurveyIssues({
|
||||
substationId: xTable2Ref.value.getRadioRecord().subId,
|
||||
...xTable2Ref.value.getRadioRecord(),
|
||||
...ordinaryA.value,
|
||||
...addData.value
|
||||
}).then((res: any) => {
|
||||
ElMessage.success('新增成功!')
|
||||
emit('handleClose')
|
||||
emit('onSubmit')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
const formatter = (row: any) => {
|
||||
if (row.column.field == 'harmonicType') {
|
||||
return harmonicTypesList.filter((item: any) => item.id == row.cellValue)[0]?.name
|
||||
} else if (row.column.field == 'voltageLevel') {
|
||||
return Voltage.filter((item: any) => item.id == row.cellValue)[0]?.name
|
||||
} else if (row.column.field == 'electricityType') {
|
||||
return dictData.getBasicData('Ele_Class').filter((item: any) => item.id == row.cellValue)[0]?.name
|
||||
} else {
|
||||
return row.cellValue
|
||||
}
|
||||
}
|
||||
// 运维异常问题新增
|
||||
const generateAbnormal = () => {
|
||||
operationAddRef.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
addAbnormalIssues({
|
||||
...operationAdddata.value,
|
||||
...addData.value
|
||||
}).then((res: any) => {
|
||||
ElMessage.success('新增成功!')
|
||||
emit('handleClose')
|
||||
emit('onSubmit')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 用户投诉新增
|
||||
const userAddProblem = () => {
|
||||
userAddRef.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
addComplaintIssues({
|
||||
...userAdddata.value,
|
||||
...addData.value
|
||||
}).then((res: any) => {
|
||||
ElMessage.success('新增成功!')
|
||||
emit('handleClose')
|
||||
emit('onSubmit')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
onMounted(() => {})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: var(--el-color-primary) !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
155
src/views/pqs/supervise_jb/electricalEnergy/components/audit.vue
Normal file
155
src/views/pqs/supervise_jb/electricalEnergy/components/audit.vue
Normal file
@@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<div>
|
||||
<TableHeader area datePicker ref="TableHeaderRef">
|
||||
<template #select>
|
||||
<el-form-item label="问题来源">
|
||||
<el-select v-model="tableStore.table.params.problemSources" clearable placeholder="请选择问题来源">
|
||||
<el-option
|
||||
v-for="item in problemData"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="填报进度">
|
||||
<el-select v-model="tableStore.table.params.reportProcess" clearable placeholder="请选择填报进度">
|
||||
<el-option
|
||||
v-for="item in fillingProgress"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题名称">
|
||||
<el-input
|
||||
v-model="tableStore.table.params.problemName"
|
||||
clearable
|
||||
placeholder="请输入问题名称"
|
||||
style="width: 100%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" />
|
||||
|
||||
<!-- 审核 -->
|
||||
<el-dialog draggable title="问题审核" v-model="dialogVisible" width="1400px" :before-close="beforeClose">
|
||||
<Filling
|
||||
ref="FillingRef"
|
||||
v-if="dialogVisible"
|
||||
:isDisabled="true"
|
||||
:audit="true"
|
||||
:flag="true"
|
||||
@beforeClose="beforeClose"
|
||||
/>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 审核记录 -->
|
||||
<recording ref="recordingRef" />
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import Table from '@/components/table/index.vue'
|
||||
import TableHeader from '@/components/table/header/index.vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
|
||||
import Filling from './filling.vue'
|
||||
import recording from './recording.vue'
|
||||
const dictData = useDictData()
|
||||
const problemData = dictData.getBasicData('Problem_Sources')
|
||||
const fillingProgress = dictData.getBasicData('Fill_Progress')
|
||||
const TableHeaderRef = ref()
|
||||
const FillingRef = ref()
|
||||
const ruleFormRef = ref()
|
||||
|
||||
const list: any = ref({})
|
||||
const recordingRef = ref(false)
|
||||
const dialogVisible = ref(false)
|
||||
const tableStore = new TableStore({
|
||||
url: '/process-boot/electricityQuality/getIssues',
|
||||
publicHeight: 65,
|
||||
method: 'POST',
|
||||
column: [
|
||||
{
|
||||
field: 'index',
|
||||
title: '序号',
|
||||
width: '60',
|
||||
formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
}
|
||||
},
|
||||
{ field: 'orgName', title: '所属单位' },
|
||||
{
|
||||
field: 'problemSources',
|
||||
title: '问题来源'
|
||||
},
|
||||
{ field: 'powerQualityProblemNo', title: '问题编号' },
|
||||
{ field: 'problemName', title: '问题名称' },
|
||||
|
||||
{ field: 'dataDate', title: '提交时间' },
|
||||
{
|
||||
field: 'reportProcess',
|
||||
title: '填报节点',
|
||||
formatter: (row: any) => {
|
||||
return fillingProgress.filter(item => item.code == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '150',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'edit',
|
||||
title: '审核',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Plus',
|
||||
render: 'basicButton',
|
||||
click: async row => {
|
||||
dialogVisible.value = true
|
||||
setTimeout(() => {
|
||||
list.value = row
|
||||
FillingRef.value.open(row)
|
||||
}, 10)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '审核记录',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Plus',
|
||||
render: 'basicButton',
|
||||
click: async row => {
|
||||
recordingRef.value.open(row)
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
|
||||
tableStore.table.params.dataDate = tableStore.table.params.searchBeginTime
|
||||
tableStore.table.params.dataType = TableHeaderRef.value.datePickerRef.interval
|
||||
}
|
||||
})
|
||||
|
||||
tableStore.table.params.problemSources = ''
|
||||
tableStore.table.params.reportProcess = ''
|
||||
tableStore.table.params.problemName = ''
|
||||
tableStore.table.params.reportProcessStatus = 'Auditt'
|
||||
|
||||
const beforeClose = () => {
|
||||
tableStore.index()
|
||||
dialogVisible.value = false
|
||||
}
|
||||
provide('tableStore', tableStore)
|
||||
|
||||
onMounted(() => {
|
||||
tableStore.index()
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,224 @@
|
||||
<template>
|
||||
<el-dialog draggable title="详情" v-model="dialogVisible" width="1400px" :before-close="handleClose">
|
||||
<el-tabs v-model="activeName" type="card">
|
||||
<el-tab-pane label="指标" name="1">
|
||||
<el-divider content-position="left" style="font-size: 18px">问题基本信息</el-divider>
|
||||
<el-form :model="addData" :inline="true" disabled label-width="100px">
|
||||
<el-form-item label="所属单位:">
|
||||
<el-input v-model="addData.orgName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题名称:">
|
||||
<el-input v-model="addData.problemName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题编号:">
|
||||
<el-input v-model="addData.powerQualityProblemNo" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题来源:">
|
||||
<el-select v-model="addData.problemSources">
|
||||
<el-option
|
||||
v-for="item in problemData"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 在线监测超标问题 -->
|
||||
<el-form :inline="true" label-width="100px" disabled v-if="problemSources == '在线监测告警'">
|
||||
<el-form-item label="变电站:">
|
||||
<el-input v-model="addData.sustationName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="母线:">
|
||||
<el-input v-model="addData.barName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点名称:">
|
||||
<el-input v-model="addData.measurementPointName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点编号:">
|
||||
<el-input v-model="addData.measurementPointId"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测对象类型:">
|
||||
<el-input v-model="addData.loadType"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测对象:">
|
||||
<el-input v-model="addData.objName"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压等级:">
|
||||
<el-input v-model="addData.voltageLevel"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 普测超标 -->
|
||||
<el-form :inline="true" label-width="100px" disabled v-if="problemSources == '普测超标'">
|
||||
<el-form-item label="普测计划名称:">
|
||||
<el-input v-model="addData.planName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属变电站:">
|
||||
<el-input v-model="addData.substationName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="母线名称:">
|
||||
<el-input v-model="addData.busBarName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" style="font-size: 18px; font-weight: bolder">
|
||||
问题指标
|
||||
</el-divider>
|
||||
|
||||
<el-form-item label="稳态指标:">
|
||||
<el-checkbox-group v-model="addData.steadyIndicator">
|
||||
<el-checkbox v-for="(item, ind) in steadyIndicatorList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="暂态指标:">
|
||||
<el-checkbox-group v-model="addData.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 用户投诉 -->
|
||||
<el-form :inline="true" label-width="100px" disabled v-if="problemSources == '用户投诉'">
|
||||
<el-form-item label="用户投诉名称:">
|
||||
<el-input v-model="addData.userName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="投诉用户编号:">
|
||||
<el-input v-model="addData.userNo" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="投诉时间:">
|
||||
<el-input v-model="addData.complaintTime" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="投诉内容:">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
style="width: 400px"
|
||||
placeholder="请输入内容"
|
||||
v-model="addData.complaintContent"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider content-position="left" style="font-size: 18px; font-weight: bolder">
|
||||
问题指标
|
||||
</el-divider>
|
||||
|
||||
<el-form-item label="稳态指标:">
|
||||
<el-checkbox-group v-model="addData.steadyIndicator">
|
||||
<el-checkbox v-for="(item, ind) in steadyIndicatorList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="暂态指标:">
|
||||
<el-checkbox-group v-model="addData.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<!-- 终端异常 -->
|
||||
<el-form :inline="true" label-width="auto" disabled v-if="problemSources == '终端异常'">
|
||||
<el-form-item label="异常终端名称:">
|
||||
<el-input v-model="addData.abnormalDevName" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发现异常时间:">
|
||||
<el-input v-model="addData.abnormalDevTime" placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="终端异常描述:">
|
||||
<el-input
|
||||
type="textarea"
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
v-model="addData.eventDescription"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left" style="font-size: 18px; font-weight: bolder">
|
||||
问题指标
|
||||
</el-divider>
|
||||
|
||||
<el-form-item label="稳态指标:">
|
||||
<el-checkbox-group v-model="addData.steadyIndicator">
|
||||
<el-checkbox v-for="(item, ind) in steadyIndicatorList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="暂态指标:">
|
||||
<el-checkbox-group v-model="addData.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="流程" name="2">
|
||||
<Filling v-if="dialogVisible" :isDisabled="true" :audit="true" ref="FillingRef" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import {
|
||||
getAbnormalDetail,
|
||||
getComplaintDetail,
|
||||
getGeneralSurveyDetail,
|
||||
getExcessiveDetail
|
||||
} from '@/api/process-boot/electricitymanagement'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import Filling from './filling.vue'
|
||||
|
||||
const dictData = useDictData()
|
||||
const addData: any = ref({})
|
||||
const FillingRef = ref()
|
||||
const activeName = ref(`1`)
|
||||
const dialogVisible: any = ref(false)
|
||||
const problemSources = ref('')
|
||||
const problemData = dictData.getBasicData('Problem_Sources')
|
||||
const steadyIndicatorList = dictData.getBasicData('Steady_Indicator')
|
||||
const transientIndicatorsList = dictData.getBasicData('Transient_Indicators')
|
||||
const open = async (row: any) => {
|
||||
dialogVisible.value = true
|
||||
let res: any = {}
|
||||
problemSources.value = row.problemSources
|
||||
if (row.problemSources == '终端异常') {
|
||||
res = await getAbnormalDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '在线监测告警') {
|
||||
res = await getExcessiveDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '用户投诉') {
|
||||
res = await getComplaintDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '普测超标') {
|
||||
res = await getGeneralSurveyDetail(row.powerQualityProblemNo)
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
addData.value = res.data
|
||||
FillingRef.value.open(row)
|
||||
}, 0)
|
||||
}
|
||||
|
||||
// 取消
|
||||
const handleClose = () => {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-tabs__content) {
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,294 @@
|
||||
<template>
|
||||
<el-divider content-position="left" style="font-size: 18px; font-weight: bolder">问题基本信息</el-divider>
|
||||
<el-form :inline="true" label-width="auto">
|
||||
<el-form-item label="所属单位:">
|
||||
<el-input v-model="addData.orgName" clearable placeholder="请填写" disabled></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题来源:">
|
||||
<el-select disabled v-model="addData.problemSources" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in problemData"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题名称:">
|
||||
<el-input v-model="addData.problemName" clearable placeholder="请填写" disabled></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="问题编号:">
|
||||
<el-input v-model="addData.powerQualityProblemNo" disabled clearable placeholder="请填写"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-divider content-position="left" style="font-size: 18px; font-weight: bolder">填报流程</el-divider>
|
||||
|
||||
<el-tabs v-model="activeName" type="border-card">
|
||||
<el-tab-pane label="原因分析" name="0">
|
||||
<process1
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process0Ref"
|
||||
@handleClose="handleClose"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="计划整改措施" name="1">
|
||||
<process2
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process1Ref"
|
||||
@handleClose="handleClose"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="实际采取措施" name="2">
|
||||
<process3
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process2Ref"
|
||||
@handleClose="handleClose"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="成效分析" name="3">
|
||||
<process4
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process3Ref"
|
||||
@handleClose="handleClose"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<!-- 原因分析 0 -->
|
||||
<!-- <process1
|
||||
v-if="control == 0"
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process0Ref"
|
||||
@handleClose="handleClose"
|
||||
/> -->
|
||||
<!-- 计划整改措施 1-->
|
||||
<!-- <process2
|
||||
v-if="control == 1"
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process1Ref"
|
||||
@handleClose="handleClose"
|
||||
/> -->
|
||||
<!-- 实际采取措施 2 -->
|
||||
<!-- <process3
|
||||
v-if="control == 2"
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process2Ref"
|
||||
@handleClose="handleClose"
|
||||
/> -->
|
||||
<!-- 成效分析 3 -->
|
||||
<!-- <process4
|
||||
v-if="control == 3"
|
||||
:addData="addData"
|
||||
:List="List"
|
||||
:disabled="disabled"
|
||||
ref="process3Ref"
|
||||
@handleClose="handleClose"
|
||||
/> -->
|
||||
|
||||
<!-- 填报 -->
|
||||
<div style="display: flex; justify-content: center; margin-top: 10px" v-show="!disabled">
|
||||
<el-button type="primary" @click="Submit">提交审核</el-button>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
<!-- 审核 -->
|
||||
<el-form
|
||||
label-width="100px"
|
||||
:model="form"
|
||||
ref="ruleFormRef"
|
||||
:rules="rules"
|
||||
v-if="disabled && audit && flag && control == active"
|
||||
>
|
||||
<el-form-item prop="checkComment" label="审核意见:">
|
||||
<el-input
|
||||
type="textarea"
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
placeholder="请输入内容"
|
||||
v-model="form.checkComment"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div
|
||||
style="display: flex; justify-content: center; margin-top: 10px"
|
||||
v-if="disabled && audit && flag && control == active"
|
||||
>
|
||||
<el-button type="primary" @click="adopt(1)">通过</el-button>
|
||||
<el-button type="primary" @click="adopt(0)">不通过</el-button>
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import process1 from './process1.vue'
|
||||
import process2 from './process2.vue'
|
||||
import process3 from './process3.vue'
|
||||
import process4 from './process4.vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import {
|
||||
getAbnormalDetail,
|
||||
getComplaintDetail,
|
||||
getGeneralSurveyDetail,
|
||||
getExcessiveDetail,
|
||||
checkPowerQuality
|
||||
} from '@/api/process-boot/electricitymanagement'
|
||||
const emit = defineEmits(['beforeClose'])
|
||||
const dictData = useDictData()
|
||||
const addData: any = ref({})
|
||||
const List: any = ref({})
|
||||
const active = ref(4)
|
||||
const control = ref()
|
||||
const ruleFormRef = ref()
|
||||
const activeName = ref('0')
|
||||
const process0Ref = ref()
|
||||
const process1Ref = ref()
|
||||
const process2Ref = ref()
|
||||
const process3Ref = ref()
|
||||
const form = ref({
|
||||
checkComment: ''
|
||||
})
|
||||
const disabled = ref(false)
|
||||
const prop = defineProps({
|
||||
isDisabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
audit: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
flag: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
})
|
||||
|
||||
const problemData = dictData.getBasicData('Problem_Sources')
|
||||
const open = async (row: any) => {
|
||||
addData.value = row
|
||||
let res: any = {}
|
||||
if (row.problemSources == '终端异常') {
|
||||
res = await getAbnormalDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '在线监测告警') {
|
||||
res = await getExcessiveDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '用户投诉') {
|
||||
res = await getComplaintDetail(row.powerQualityProblemNo)
|
||||
} else if (row.problemSources == '普测超标') {
|
||||
res = await getGeneralSurveyDetail(row.powerQualityProblemNo)
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
List.value = res.data
|
||||
if (res.data.filePathYyfx == null) {
|
||||
active.value = 0
|
||||
} else if (res.data.filePathJhzg == null) {
|
||||
active.value = 1
|
||||
if (row.reportProcessStatus == 'Fail') {
|
||||
active.value = 0
|
||||
}
|
||||
} else if (res.data.filePathSjcq == null) {
|
||||
active.value = 2
|
||||
if (row.reportProcessStatus == 'Fail') {
|
||||
active.value = 1
|
||||
}
|
||||
} else if (res.data.filePathZlxg == null) {
|
||||
active.value = 3
|
||||
if (row.reportProcessStatus == 'Fail') {
|
||||
active.value = 2
|
||||
}
|
||||
}
|
||||
|
||||
// 审核判断
|
||||
if (prop.audit) {
|
||||
active.value == 0 ? 0 : (active.value = active.value - 1)
|
||||
}
|
||||
|
||||
control.value = active.value == 4 ? 3 : active.value
|
||||
}, 0)
|
||||
}
|
||||
const rules = {
|
||||
checkComment: [{ required: true, message: '请输入审核意见', trigger: 'blur' }]
|
||||
}
|
||||
|
||||
const step = (e: number) => {
|
||||
if (active.value >= e) {
|
||||
control.value = e
|
||||
if (active.value == e && !prop.isDisabled) {
|
||||
disabled.value = false
|
||||
} else {
|
||||
disabled.value = true
|
||||
}
|
||||
}
|
||||
}
|
||||
onMounted(() => {
|
||||
if (prop.isDisabled) {
|
||||
disabled.value = prop.isDisabled
|
||||
}
|
||||
})
|
||||
// 提交
|
||||
const Submit = () => {
|
||||
if (control.value == 0) {
|
||||
process0Ref.value.submit(0)
|
||||
} else if (control.value == 1) {
|
||||
process1Ref.value.submit(1)
|
||||
} else if (control.value == 2) {
|
||||
process2Ref.value.submit(2)
|
||||
} else if (control.value == 3) {
|
||||
process3Ref.value.submit(3)
|
||||
}
|
||||
}
|
||||
// 取消
|
||||
const handleClose = () => {
|
||||
form.value.checkComment = ''
|
||||
emit('beforeClose')
|
||||
}
|
||||
|
||||
// 审核
|
||||
const adopt = (type: number) => {
|
||||
ruleFormRef.value.validate((valid: any) => {
|
||||
if (valid) {
|
||||
const adminInfo = window.localStorage.getItem('adminInfo')
|
||||
const adminName = adminInfo ? JSON.parse(adminInfo).name : ''
|
||||
|
||||
checkPowerQuality({
|
||||
checkComment: form.value.checkComment,
|
||||
checkPerson: adminName,
|
||||
checkResult: type,
|
||||
powerQualityProblemNo: addData.value.powerQualityProblemNo,
|
||||
reportProcess: addData.value.reportProcess
|
||||
}).then((res: any) => {
|
||||
ElMessage.success(res.message)
|
||||
handleClose()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-upload-list__item) {
|
||||
width: 400px;
|
||||
}
|
||||
:deep(.el-tabs__content) {
|
||||
height: auto !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,255 @@
|
||||
<template>
|
||||
<TableHeader area datePicker ref="TableHeaderRef">
|
||||
<template #select>
|
||||
<el-form-item label="问题来源">
|
||||
<el-select v-model="tableStore.table.params.problemSources" clearable placeholder="请选择问题来源">
|
||||
<el-option
|
||||
v-for="item in problemData"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="填报进度">
|
||||
<el-select v-model="tableStore.table.params.reportProcess" clearable placeholder="请选择填报进度">
|
||||
<el-option
|
||||
v-for="item in fillingProgress"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="tableStore.table.params.reportProcessStatus" clearable placeholder="请选择状态">
|
||||
<el-option
|
||||
v-for="item in auditStatus"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="问题名称">
|
||||
<el-input
|
||||
v-model="tableStore.table.params.problemName"
|
||||
clearable
|
||||
placeholder="请填写问题名称"
|
||||
style="width: 100%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<template #operation>
|
||||
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" />
|
||||
<!-- 新增 -->
|
||||
<NewlyAdd v-if="showNewlyAdded" @handleClose="handleClose" @onSubmit="beforeClose" />
|
||||
<!-- 填报 -->
|
||||
<el-dialog draggable title="填报" v-model="dialogVisible" width="1400px" :before-close="beforeClose">
|
||||
<Filling ref="FillingRef" v-if="dialogVisible" @beforeClose="beforeClose" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 详情 -->
|
||||
<Detail ref="detailRef" />
|
||||
|
||||
<!-- 审核记录 -->
|
||||
<recording ref="recordingRef" />
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import Table from '@/components/table/index.vue'
|
||||
import TableHeader from '@/components/table/header/index.vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { deleteIssues, archive } from '@/api/process-boot/electricitymanagement'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import NewlyAdd from './NewlyAdd.vue'
|
||||
import Filling from './filling.vue'
|
||||
import Detail from './detail.vue'
|
||||
import recording from './recording.vue'
|
||||
const dictData = useDictData()
|
||||
const FillingRef = ref()
|
||||
|
||||
const showNewlyAdded = ref(false)
|
||||
const dialogVisible = ref(false)
|
||||
const recordingRef = ref(false)
|
||||
const TableHeaderRef = ref()
|
||||
const detailRef = ref()
|
||||
const problemData = dictData.getBasicData('Problem_Sources')
|
||||
const fillingProgress = dictData.getBasicData('Fill_Progress')
|
||||
const auditStatus = dictData.getBasicData('Audit_Status')
|
||||
|
||||
const tableStore: any = new TableStore({
|
||||
url: '/process-boot/electricityQuality/getIssues',
|
||||
publicHeight: 65,
|
||||
method: 'POST',
|
||||
column: [
|
||||
// { width: '60', type: 'checkbox' },
|
||||
{
|
||||
field: 'index',
|
||||
title: '序号',
|
||||
width: '60',
|
||||
formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
}
|
||||
},
|
||||
{ field: 'orgName', title: '所属单位' },
|
||||
{
|
||||
field: 'problemSources',
|
||||
title: '问题来源'
|
||||
},
|
||||
{ field: 'powerQualityProblemNo', title: '问题编号' },
|
||||
{ field: 'problemName', title: '问题名称' },
|
||||
{ field: 'dataDate', title: '问题新建时间' },
|
||||
{
|
||||
field: 'reportProcess',
|
||||
title: '填报进度',
|
||||
formatter: (row: any) => {
|
||||
return fillingProgress.filter(item => item.code == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'reportProcessStatus',
|
||||
title: '状态',
|
||||
formatter: (row: any) => {
|
||||
return auditStatus.filter(item => item.code == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '180',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'edit',
|
||||
title: '查看',
|
||||
type: 'primary',
|
||||
disabled: row => {
|
||||
return row.reportProcessStatus == 'Init'
|
||||
},
|
||||
icon: 'el-icon-Plus',
|
||||
render: 'basicButton',
|
||||
click: async row => {
|
||||
detailRef.value.open(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '填报',
|
||||
disabled: row => {
|
||||
return (
|
||||
row.reportProcessStatus == 'Auditt' ||
|
||||
(row.reportProcess == 'Insights' && row.reportProcessStatus == 'Success') ||
|
||||
row.reportProcess == 'Archived'
|
||||
)
|
||||
},
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Plus',
|
||||
render: 'basicButton',
|
||||
click: row => {
|
||||
dialogVisible.value = true
|
||||
setTimeout(() => {
|
||||
FillingRef.value.open(row)
|
||||
}, 10)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '归档',
|
||||
disabled: row => {
|
||||
return !(row.reportProcess == 'Insights' && row.reportProcessStatus == 'Success')
|
||||
},
|
||||
type: 'primary',
|
||||
icon: 'el-icon-SuccessFilled',
|
||||
render: 'basicButton',
|
||||
popconfirm: {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonType: 'danger',
|
||||
title: '确定归档？'
|
||||
},
|
||||
click: row => {
|
||||
archive(row.powerQualityProblemNo).then(() => {
|
||||
ElMessage.success('归档成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '审核记录',
|
||||
type: 'primary',
|
||||
disabled: row => {
|
||||
return row.reportProcessStatus == 'Init'
|
||||
},
|
||||
icon: 'el-icon-PieChart',
|
||||
render: 'basicButton',
|
||||
click: row => {
|
||||
recordingRef.value.open(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'del',
|
||||
text: '删除',
|
||||
type: 'danger',
|
||||
icon: 'el-icon-Delete',
|
||||
render: 'confirmButton',
|
||||
popconfirm: {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonType: 'danger',
|
||||
title: '确定删除？'
|
||||
},
|
||||
disabled: row => {
|
||||
return row.reportProcess == 'Archived'
|
||||
},
|
||||
click: row => {
|
||||
deleteIssues(row.powerQualityProblemNo).then(() => {
|
||||
ElMessage.success('删除成功')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
|
||||
tableStore.table.params.dataDate = tableStore.table.params.searchBeginTime
|
||||
tableStore.table.params.dataType = TableHeaderRef.value.datePickerRef.interval
|
||||
}
|
||||
})
|
||||
|
||||
tableStore.table.params.problemName = ''
|
||||
tableStore.table.params.problemSources = ''
|
||||
tableStore.table.params.reportProcess = ''
|
||||
tableStore.table.params.reportProcessStatus = ''
|
||||
|
||||
provide('tableStore', tableStore)
|
||||
onMounted(() => {
|
||||
TableHeaderRef.value.setDatePicker([
|
||||
{ label: '年', value: 1 },
|
||||
{ label: '季', value: 2 },
|
||||
{ label: '月', value: 3 }
|
||||
])
|
||||
|
||||
tableStore.index()
|
||||
})
|
||||
// 新增
|
||||
const add = () => {
|
||||
showNewlyAdded.value = true
|
||||
}
|
||||
|
||||
// 关闭弹框
|
||||
const handleClose = () => {
|
||||
showNewlyAdded.value = false
|
||||
}
|
||||
// 关闭 填报
|
||||
const beforeClose = () => {
|
||||
dialogVisible.value = false
|
||||
tableStore.index()
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<el-form :model="causeAnalysisData" :rules="rules" ref="form1Ref" label-width="auto">
|
||||
<el-form-item label="电网侧原因:" prop="reportProcessContentYyfx">
|
||||
<el-checkbox-group :disabled="prop.disabled" v-model="causeAnalysisData.reportProcessContentYyfx">
|
||||
<el-checkbox v-for="(item, ind) in CauseList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="用户侧原因:" prop="userReportProcessContentYyfx">
|
||||
<el-checkbox-group :disabled="prop.disabled" v-model="causeAnalysisData.userReportProcessContentYyfx">
|
||||
<el-checkbox v-for="(item, ind) in userCauseList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-row v-if="prop.addData.problemSources == '用户投诉' || prop.addData.problemSources == '终端异常'">
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="电网侧受影响终端:" prop="powerGridAffectDev">
|
||||
<el-checkbox-group :disabled="prop.disabled" v-model="causeAnalysisData.powerGridAffectDev">
|
||||
<el-checkbox v-for="(item, ind) in powerGridAffectDevList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="用户侧受影响终端:" prop="userAffectDev">
|
||||
<el-checkbox-group :disabled="prop.disabled" v-model="causeAnalysisData.userAffectDev">
|
||||
<el-checkbox v-for="(item, ind) in userAffectDevList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="事件描述:" prop="eventDescriptionYyfx">
|
||||
<el-input
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
type="textarea"
|
||||
placeholder="请输入内容"
|
||||
:disabled="prop.disabled"
|
||||
v-model="causeAnalysisData.eventDescriptionYyfx"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item class="item" label="原因分析报告:" style="margin-top: 10px" prop="fileList">
|
||||
<el-upload
|
||||
v-model:file-list="causeAnalysisData.fileList"
|
||||
ref="upload"
|
||||
v-if="!prop.disabled"
|
||||
action=""
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
|
||||
<el-button type="primary" link @click="download" v-else>
|
||||
{{ prop.List.fileNameYyfx }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import {
|
||||
uploadFile,
|
||||
reasonAnalysis,
|
||||
takeAction,
|
||||
effectAnalysis,
|
||||
correctiveAction
|
||||
} from '@/api/process-boot/electricitymanagement'
|
||||
import { UploadInstance, UploadProps, UploadRawFile, ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { genFileId } from 'element-plus'
|
||||
import { ref, reactive, onMounted } from 'vue'
|
||||
const prop = defineProps({
|
||||
addData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
List: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['handleClose'])
|
||||
|
||||
const dictData = useDictData()
|
||||
const upload = ref()
|
||||
const form1Ref = ref()
|
||||
|
||||
const causeAnalysisData: any = ref({
|
||||
reportProcessContentYyfx: [],
|
||||
userReportProcessContentYyfx: [],
|
||||
eventDescriptionYyfx: '',
|
||||
fileNameYyfx: '', //原因分析报告文件名称
|
||||
filePathYyfx: '', //原因分析报告文件路径
|
||||
powerGridAffectDev: [],
|
||||
userAffectDev: [],
|
||||
fileList: []
|
||||
})
|
||||
const rules = {
|
||||
reportProcessContentYyfx: [{ required: true, message: '请选择电网侧原因', trigger: 'change' }],
|
||||
userReportProcessContentYyfx: [{ required: true, message: '请选择用户侧原因', trigger: 'change' }],
|
||||
eventDescriptionYyfx: [{ required: true, message: '请填写事件描述', trigger: 'blur' }],
|
||||
powerGridAffectDev: [{ required: true, message: '请选择电网侧受影响终端', trigger: 'change' }],
|
||||
userAffectDev: [{ required: true, message: '请选择用户侧受影响终端', trigger: 'change' }],
|
||||
fileList: [{ required: true, message: '请上传文件', trigger: 'change' }]
|
||||
}
|
||||
// 电网侧原因
|
||||
const CauseList = dictData.getBasicData('Grid-side_Reasons')
|
||||
// 用户侧原因
|
||||
const userCauseList = dictData.getBasicData('User_Reasons')
|
||||
// 电网侧受影响终端
|
||||
const powerGridAffectDevList = dictData.getBasicData('Grid_Unit')
|
||||
// 用户侧受影响终端
|
||||
const userAffectDevList = dictData.getBasicData('Customer_Unit')
|
||||
const OnlineList = dictData.getBasicData('Problem_Sources')
|
||||
|
||||
// 上传
|
||||
const handleExceed: UploadProps['onExceed'] = files => {
|
||||
upload.value!.clearFiles()
|
||||
const file = files[0] as UploadRawFile
|
||||
file.uid = genFileId()
|
||||
upload.value!.handleStart(file)
|
||||
}
|
||||
// 下载
|
||||
const download = async () => {
|
||||
// window.open(addForm.value.ifile)
|
||||
let response = await fetch(prop.List.filePathYyfx)
|
||||
let blob = await response.blob()
|
||||
let a = document.createElement('a')
|
||||
a.href = window.URL.createObjectURL(blob)
|
||||
a.download = prop.List.fileNameYyfx
|
||||
a.click()
|
||||
a.remove()
|
||||
}
|
||||
onMounted(() => {
|
||||
if (prop.List.filePathYyfx != null) {
|
||||
causeAnalysisData.value = prop.List
|
||||
}
|
||||
})
|
||||
const submit = (num: number) => {
|
||||
console.log(prop.addData.problemSources)
|
||||
|
||||
form1Ref.value.validate(async (valid: any) => {
|
||||
if (valid) {
|
||||
let form = new FormData()
|
||||
form.append('file', causeAnalysisData.value.fileList[0].raw)
|
||||
causeAnalysisData.value.powerQualityProblemNo = prop.addData.powerQualityProblemNo
|
||||
await uploadFile(form).then((res: any) => {
|
||||
causeAnalysisData.value.filePathYyfx = res.data.minFileUrl
|
||||
causeAnalysisData.value.fileNameYyfx = res.data.minFileName
|
||||
})
|
||||
|
||||
if (num == 0) {
|
||||
reasonAnalysis(causeAnalysisData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
} else if (num == 1) {
|
||||
correctiveAction(causeAnalysisData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
} else if (num == 2) {
|
||||
takeAction(causeAnalysisData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
} else if (num == 3) {
|
||||
effectAnalysis(causeAnalysisData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
submit
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,133 @@
|
||||
<template>
|
||||
<el-form
|
||||
:model="rectificationMeasuresData"
|
||||
:rules="rules"
|
||||
ref="form2Ref"
|
||||
label-width="auto"
|
||||
|
||||
>
|
||||
<el-form-item label="电网侧整改治理措施:" prop="reportProcessContentJhzg" >
|
||||
<el-checkbox-group v-model="rectificationMeasuresData.reportProcessContentJhzg" :disabled="prop.disabled">
|
||||
<el-checkbox v-for="item in JhzgList" :label="item.code">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="用户侧整改治理措施:" prop="userReportProcessContentJhzg" >
|
||||
<el-checkbox-group v-model="rectificationMeasuresData.userReportProcessContentJhzg" :disabled="prop.disabled">
|
||||
<el-checkbox v-for="item in JhzgList" :label="item.code">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
|
||||
<el-form-item class="item" label="计划整改措施报告:" style="margin-top: 10px" prop="fileList" >
|
||||
<el-upload
|
||||
v-model:file-list="rectificationMeasuresData.fileList"
|
||||
ref="upload"
|
||||
action=""
|
||||
v-if="!prop.disabled"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
<el-button type="primary" link @click="download" v-else>
|
||||
{{ prop.List.fileNameJhzg }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { uploadFile, correctiveAction } from '@/api/process-boot/electricitymanagement'
|
||||
import { UploadInstance, UploadProps, UploadRawFile, ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { genFileId } from 'element-plus'
|
||||
import { ref, onMounted } from 'vue'
|
||||
const prop = defineProps({
|
||||
addData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
List: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['handleClose'])
|
||||
|
||||
const dictData = useDictData()
|
||||
const upload = ref()
|
||||
const form2Ref = ref()
|
||||
const rectificationMeasuresData: any = ref({
|
||||
reportProcessContentJhzg: [],
|
||||
userReportProcessContentJhzg: [],
|
||||
fileNameJhzg: '', //计划整改文件名称
|
||||
filePathJhzg: '', // 计划整改文件路径
|
||||
fileList: []
|
||||
})
|
||||
const rules = {
|
||||
reportProcessContentJhzg: [{ required: true, message: '请选择电网侧整改治理措施', trigger: 'change' }],
|
||||
userReportProcessContentJhzg: [{ required: true, message: '请选择用户侧整改治理措施', trigger: 'change' }],
|
||||
fileList: [{ required: true, message: '请上传文件', trigger: 'change' }]
|
||||
}
|
||||
// 电网侧整改治理措施
|
||||
const JhzgList = dictData.getBasicData('Plan_Take')
|
||||
|
||||
// 上传
|
||||
const handleExceed: UploadProps['onExceed'] = files => {
|
||||
upload.value!.clearFiles()
|
||||
const file = files[0] as UploadRawFile
|
||||
file.uid = genFileId()
|
||||
upload.value!.handleStart(file)
|
||||
}
|
||||
// 下载
|
||||
const download = async () => {
|
||||
// window.open(addForm.value.ifile)
|
||||
let response = await fetch(prop.List.filePathJhzg)
|
||||
let blob = await response.blob()
|
||||
let a = document.createElement('a')
|
||||
a.href = window.URL.createObjectURL(blob)
|
||||
a.download = prop.List.fileNameJhzg
|
||||
a.click()
|
||||
a.remove()
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
if (prop.List.filePathJhzg != null) {
|
||||
rectificationMeasuresData.value = prop.List
|
||||
}
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
form2Ref.value.validate(async (valid: any) => {
|
||||
if (valid) {
|
||||
let form = new FormData()
|
||||
form.append('file', rectificationMeasuresData.value.fileList[0].raw)
|
||||
rectificationMeasuresData.value.powerQualityProblemNo = prop.addData.powerQualityProblemNo
|
||||
await uploadFile(form).then((res: any) => {
|
||||
rectificationMeasuresData.value.filePathJhzg = res.data.minFileUrl
|
||||
rectificationMeasuresData.value.fileNameJhzg = res.data.minFileName
|
||||
})
|
||||
|
||||
await correctiveAction(rectificationMeasuresData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
submit
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,124 @@
|
||||
<template>
|
||||
<el-form :model="rectificationMeasuresData" :rules="rules" ref="form2Ref" label-width="auto">
|
||||
<el-form-item label="电网侧实际采取措施:" prop="reportProcessContentSjcq" >
|
||||
<el-checkbox-group v-model="rectificationMeasuresData.reportProcessContentSjcq" :disabled="prop.disabled">
|
||||
<el-checkbox v-for="(item, ind) in SjcqList" :key="ind" :label="item.code">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item label="用户侧实际采取措施:" prop="userReportProcessContentSjcq" >
|
||||
<el-checkbox-group v-model="rectificationMeasuresData.userReportProcessContentSjcq" :disabled="prop.disabled">
|
||||
<el-checkbox v-for="(item, ind) in SjcqList" :key="ind" :label="item.code">{{ item.name }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item class="item" label="实际采取措施报告:" style="margin-top: 10px" prop="fileList">
|
||||
<el-upload
|
||||
v-model:file-list="rectificationMeasuresData.fileList"
|
||||
ref="upload"
|
||||
action=""
|
||||
v-if="!prop.disabled"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
<el-button type="primary" link @click="download" v-else>
|
||||
{{ prop.List.fileNameSjcq }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { uploadFile, takeAction } from '@/api/process-boot/electricitymanagement'
|
||||
import { UploadInstance, UploadProps, UploadRawFile, ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { genFileId } from 'element-plus'
|
||||
import { ref, onMounted } from 'vue'
|
||||
const prop = defineProps({
|
||||
addData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
List: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['handleClose'])
|
||||
|
||||
const dictData = useDictData()
|
||||
const upload = ref()
|
||||
const form2Ref = ref()
|
||||
const rectificationMeasuresData: any = ref({
|
||||
reportProcessContentSjcq: [],
|
||||
userReportProcessContentSjcq: [],
|
||||
fileNameSjcq: '', //实际采取措施报告文件名称
|
||||
filePathSjcq: '', // 实际采取措施报告文件路径
|
||||
fileList: []
|
||||
})
|
||||
const rules = {
|
||||
reportProcessContentSjcq: [{ required: true, message: '请选择电网侧实际采取措施', trigger: 'change' }],
|
||||
userReportProcessContentSjcq: [{ required: true, message: '请选择用户侧实际采取措施', trigger: 'change' }],
|
||||
fileList: [{ required: true, message: '请上传文件', trigger: 'change' }]
|
||||
}
|
||||
// 电网侧整改治理措施
|
||||
const SjcqList = dictData.getBasicData('Plan_Take', ['Rectify_Orders'])
|
||||
|
||||
// 上传
|
||||
const handleExceed: UploadProps['onExceed'] = files => {
|
||||
upload.value!.clearFiles()
|
||||
const file = files[0] as UploadRawFile
|
||||
file.uid = genFileId()
|
||||
upload.value!.handleStart(file)
|
||||
}
|
||||
// 下载
|
||||
const download = async () => {
|
||||
// window.open(addForm.value.ifile)
|
||||
let response = await fetch(prop.List.filePathSjcq)
|
||||
let blob = await response.blob()
|
||||
let a = document.createElement('a')
|
||||
a.href = window.URL.createObjectURL(blob)
|
||||
a.download = prop.List.fileNameSjcq
|
||||
a.click()
|
||||
a.remove()
|
||||
}
|
||||
onMounted(() => {
|
||||
if (prop.List.filePathSjcq != null) {
|
||||
rectificationMeasuresData.value = prop.List
|
||||
}
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
form2Ref.value.validate(async (valid: any) => {
|
||||
if (valid) {
|
||||
let form = new FormData()
|
||||
form.append('file', rectificationMeasuresData.value.fileList[0].raw)
|
||||
rectificationMeasuresData.value.powerQualityProblemNo = prop.addData.powerQualityProblemNo
|
||||
await uploadFile(form).then((res: any) => {
|
||||
rectificationMeasuresData.value.filePathSjcq = res.data.minFileUrl
|
||||
rectificationMeasuresData.value.fileNameSjcq = res.data.minFileName
|
||||
})
|
||||
|
||||
await takeAction(rectificationMeasuresData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
submit
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<el-form :model="effectivenessAnalysisData" :rules="rules" ref="form2Ref" label-width="auto">
|
||||
<el-form-item label="成效分析概述:" style="margin-top: 10px" prop="descriptionZlxg">
|
||||
<el-input
|
||||
:disabled="prop.disabled"
|
||||
type="textarea"
|
||||
style="width: 400px"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
placeholder="请输入内容"
|
||||
v-model="effectivenessAnalysisData.descriptionZlxg"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-form-item class="item" label="实际采取措施报告:" style="margin-top: 10px" prop="fileList">
|
||||
<el-upload
|
||||
v-model:file-list="effectivenessAnalysisData.fileList"
|
||||
ref="upload"
|
||||
action=""
|
||||
:limit="1"
|
||||
v-if="!prop.disabled"
|
||||
:on-exceed="handleExceed"
|
||||
:auto-upload="false"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
<el-button type="primary" link @click="download" v-else>
|
||||
{{ prop.List.fileNameZlxg }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { uploadFile, effectAnalysis } from '@/api/process-boot/electricitymanagement'
|
||||
import { UploadInstance, UploadProps, UploadRawFile, ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { genFileId } from 'element-plus'
|
||||
import { ref, onMounted } from 'vue'
|
||||
const prop = defineProps({
|
||||
addData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
List: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['handleClose'])
|
||||
const dictData = useDictData()
|
||||
const upload = ref()
|
||||
const form2Ref = ref()
|
||||
const effectivenessAnalysisData: any = ref({
|
||||
descriptionZlxg: '',
|
||||
fileNameZlxg: '', //实际采取措施报告文件名称
|
||||
filePathZlxg: '', //实际采取措施报告文件路径
|
||||
fileList: []
|
||||
})
|
||||
const rules = {
|
||||
descriptionZlxg: [{ required: true, message: '请填写', trigger: 'blur' }],
|
||||
fileList: [{ required: true, message: '请上传文件', trigger: 'change' }]
|
||||
}
|
||||
|
||||
// 上传
|
||||
const handleExceed: UploadProps['onExceed'] = files => {
|
||||
upload.value!.clearFiles()
|
||||
const file = files[0] as UploadRawFile
|
||||
file.uid = genFileId()
|
||||
upload.value!.handleStart(file)
|
||||
}
|
||||
// 下载
|
||||
const download = async () => {
|
||||
// window.open(addForm.value.ifile)
|
||||
let response = await fetch(prop.List.filePathZlxg)
|
||||
let blob = await response.blob()
|
||||
let a = document.createElement('a')
|
||||
a.href = window.URL.createObjectURL(blob)
|
||||
a.download = prop.List.fileNameZlxg
|
||||
a.click()
|
||||
a.remove()
|
||||
}
|
||||
onMounted(() => {
|
||||
if (prop.List.filePathZlxg != null) {
|
||||
effectivenessAnalysisData.value = prop.List
|
||||
}
|
||||
})
|
||||
|
||||
const submit = () => {
|
||||
form2Ref.value.validate(async (valid: any) => {
|
||||
if (valid) {
|
||||
let form = new FormData()
|
||||
form.append('file', effectivenessAnalysisData.value.fileList[0].raw)
|
||||
effectivenessAnalysisData.value.powerQualityProblemNo = prop.addData.powerQualityProblemNo
|
||||
await uploadFile(form).then((res: any) => {
|
||||
effectivenessAnalysisData.value.filePathZlxg = res.data.minFileUrl
|
||||
effectivenessAnalysisData.value.fileNameZlxg = res.data.minFileName
|
||||
})
|
||||
|
||||
await effectAnalysis(effectivenessAnalysisData.value).then((res: any) => {
|
||||
ElMessage.success('提交成功')
|
||||
emit('handleClose')
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
submit
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="dialogVisible" title="历史审核记录" width="1000px">
|
||||
<vxe-table v-bind="defaultAttribute" height="500" ref="xTable1Ref" :data="list">
|
||||
<vxe-column field="reportProcess" title="审核节点" :formatter="formatter"></vxe-column>
|
||||
<vxe-column field="type" title="审核结果" :formatter="formatter"></vxe-column>
|
||||
<vxe-column field="checker" title="审核人"></vxe-column>
|
||||
<vxe-column field="orgName" title="审核人单位"></vxe-column>
|
||||
<vxe-column field="dataDate" title="审核时间" min-width="100px"></vxe-column>
|
||||
<vxe-column field="description" title="审核意见" min-width="180px"></vxe-column>
|
||||
</vxe-table>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive } from 'vue'
|
||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||
import { queryCheckTrack } from '@/api/process-boot/electricitymanagement'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
const dictData = useDictData()
|
||||
const problemData = dictData.getBasicData('Fill_Progress')
|
||||
const auditStatus = dictData.getBasicData('Audit_Status')
|
||||
const list = ref([])
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const formatter = (row: any) => {
|
||||
if (row.column.field == 'reportProcess') {
|
||||
return problemData.filter((item: any) => item.code == row.cellValue)[0]?.name
|
||||
} else if (row.column.field == 'type') {
|
||||
return auditStatus.filter((item: any) => item.code == row.cellValue)[0]?.name
|
||||
} else {
|
||||
return row.cellValue
|
||||
}
|
||||
}
|
||||
|
||||
const open = (row: any) => {
|
||||
dialogVisible.value = true
|
||||
queryCheckTrack(row.powerQualityProblemNo).then((res: any) => {
|
||||
list.value = res.data
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,228 @@
|
||||
<template>
|
||||
<!-- 用户投诉 -->
|
||||
<!-- 2 有新增 发起 预警单 -->
|
||||
|
||||
<TableHeader area datePicker nextFlag theCurrentTime ref="TableHeaderRef">
|
||||
<template v-slot:select>
|
||||
<el-form-item label="是否解决">
|
||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<template v-slot:operation>
|
||||
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" />
|
||||
<!-- 新增 -->
|
||||
<complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
|
||||
<!-- 详情 -->
|
||||
<detail ref="detailRef"/>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
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 complaintsForm from './form/complaintsForm.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { sureInitiateWarningLeaflet } from '@/api/process-boot/electricitymanagement'
|
||||
import detail from './complaintsDetail.vue';
|
||||
// Steady_Statis
|
||||
const dictData = useDictData()
|
||||
const exceeded = dictData.getBasicData('Steady_Statis')
|
||||
const tableRef = ref()
|
||||
const planAddRef = ref()
|
||||
const formRef = ref()
|
||||
const TableHeaderRef = ref()
|
||||
const detailRef = ref()
|
||||
const router = useRouter() // 路由对象
|
||||
const dealStateList = ref([
|
||||
{
|
||||
label: '未解决',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '全部',
|
||||
value: '1'
|
||||
}
|
||||
])
|
||||
const tableStore = new TableStore({
|
||||
url: '/supervision-boot/SupervisionUserComplaint/list',
|
||||
publicHeight: 65,
|
||||
method: 'POST',
|
||||
column: [
|
||||
{
|
||||
title: '序号',
|
||||
type: 'seq',
|
||||
align: 'center',
|
||||
width: 60,
|
||||
formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
}
|
||||
},
|
||||
{ field: 'userName', title: '用户名称' },
|
||||
{ field: 'userNumber', title: '用户编号' },
|
||||
{ field: 'dutyOrgName', title: '负责单位', minWidth: '80' },
|
||||
// { field: 'userCategory', title: '用户类别' },
|
||||
|
||||
{ field: 'complaintText', title: '投诉内容' },
|
||||
{ field: 'steadyIndicator', title: '稳态指标' },
|
||||
{ field: 'transientIndicators', title: '暂态指标' },
|
||||
{
|
||||
field: 'monitorName',
|
||||
title: '监测点名称',
|
||||
formatter: (row: any) => {
|
||||
return row.cellValue ? row.cellValue : '/'
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'detectionFlag',
|
||||
title: '是否实现监测',
|
||||
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'warning',
|
||||
1: 'primary',
|
||||
|
||||
},
|
||||
replaceValue: {
|
||||
0: '否',
|
||||
1: '是',
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
field: 'createBy',
|
||||
title: '填报人',
|
||||
minWidth: 80,
|
||||
formatter: (row: any) => {
|
||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'dealState',
|
||||
title: '是否解决',
|
||||
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'warning',
|
||||
1: 'primary',
|
||||
|
||||
},
|
||||
replaceValue: {
|
||||
0: '未解决',
|
||||
1: '已解决',
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
minWidth: 120,
|
||||
align: 'center',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'edit',
|
||||
title: '发起告警单',
|
||||
type: 'warning',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.dealState != 0
|
||||
},
|
||||
// popconfirm: {
|
||||
// confirmButtonText: '确认',
|
||||
// cancelButtonText: '取消',
|
||||
// confirmButtonType: 'primary',
|
||||
// title: '请确认发起告警单!'
|
||||
// },
|
||||
click: async row => {
|
||||
const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
|
||||
inputType: 'textarea',
|
||||
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
|
||||
inputErrorMessage: '请输入整改意见'
|
||||
})
|
||||
sureInitiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
|
||||
ElMessage.success('发起告警单成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '详情',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.dealState == 0
|
||||
},
|
||||
|
||||
click: row => {
|
||||
detailRef.value.open({
|
||||
row: row,
|
||||
title: '详情',
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '查看告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.initiateWarningFlag == 0
|
||||
},
|
||||
click: row => {
|
||||
router.push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 1,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
||||
},
|
||||
loadCallback: () => {
|
||||
// tableStore.table.data = [
|
||||
// {
|
||||
// userName: '东润开阳堡光伏电站用户',
|
||||
// userId: '8115771123274',
|
||||
// complaintContent: '终端频繁重启',
|
||||
// complaintTime: '2024-05-16'
|
||||
// }
|
||||
// ]
|
||||
}
|
||||
})
|
||||
|
||||
provide('tableStore', tableStore)
|
||||
tableStore.table.params.dealState = ''
|
||||
onMounted(() => {
|
||||
tableStore.index()
|
||||
})
|
||||
// 新增
|
||||
const add = () => {
|
||||
formRef.value.open({ text: '新增投诉' })
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -0,0 +1,85 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog v-model="dialogVisible" draggable :title="title" width="1000">
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="用户名称">
|
||||
{{ list.userName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="用户编号">
|
||||
{{ list.userNumber }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="负责单位">
|
||||
{{ list.dutyOrgName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="稳态指标">
|
||||
{{ list.steadyIndicator }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="暂态指标">
|
||||
{{ list.transientIndicators }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监测点名称">
|
||||
{{ list.monitorName || '/' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否实现监测">
|
||||
<el-tag :type='list.detectionFlag == 0 ? "warning" : "primary"'>{{ list.detectionFlag == 0 ? "否" :
|
||||
"是" }}</el-tag>
|
||||
|
||||
|
||||
|
||||
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="填报人">
|
||||
{{ dictData.state.userList.filter(item => item.id == list.createBy)[0]?.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="投诉内容">
|
||||
{{ list.complaintText }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="整改意见">
|
||||
{{ list.reformAdvice }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="采取的措施">
|
||||
{{ list.takeStep }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="1" label="处理成效报告">
|
||||
<el-icon class="elView " v-if="list?.reportName" >
|
||||
<View @click="openFile(list?.reportName)" />
|
||||
</el-icon>
|
||||
<a :href="list.reportPath" target="_blank">{{ list.reportName }}</a>
|
||||
</el-descriptions-item>
|
||||
|
||||
|
||||
</el-descriptions>
|
||||
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang='ts'>
|
||||
import { ref, reactive } from 'vue'
|
||||
import { View } from '@element-plus/icons-vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||
const dialogVisible = ref(false)
|
||||
const title = ref('')
|
||||
const dictData = useDictData()
|
||||
const list: any = ref({})
|
||||
const open = (row: any) => {
|
||||
list.value={}
|
||||
title.value = row.title
|
||||
dialogVisible.value = true
|
||||
list.value = JSON.parse(JSON.stringify(row.row))
|
||||
getFileNameAndFilePath({ filePath: row.row.reportPath }).then(res => {
|
||||
list.value.reportPath = res.data.url
|
||||
list.value.reportName = res.data.fileName
|
||||
})
|
||||
}
|
||||
const openFile = (name: any) => {
|
||||
window.open(window.location.origin + '/#/previewFile?/supervision/' + name)
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.elView {
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}</style>
|
||||
@@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="dialogVisible" :title="title" width="80%" :before-close="handleClose">
|
||||
<div v-loading="loading">
|
||||
<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 alarmForm" :rules="rules" label-width="auto">
|
||||
<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-item label="整改意见:" prop="reformAdvice">
|
||||
<el-input
|
||||
v-model="form.reformAdvice"
|
||||
:rows="2"
|
||||
type="textarea"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请输入整改意见"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<!-- <el-form-item label="编号：" prop="year">
|
||||
<div style="width: 100%; display: flex; justify-content: space-between">
|
||||
<el-input style="width: 49%" v-model="form.year" placeholder="请输入年份">
|
||||
<template #append>年份</template>
|
||||
</el-input>
|
||||
<el-input style="width: 49%" v-model="form.number" placeholder="请输入编号">
|
||||
<template #append>编号</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item> -->
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" @click="submit" :loading="loading">发起</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('Indicator_Type')
|
||||
const loading = ref(false)
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
issueDetail: '',
|
||||
reformAdvice: '',
|
||||
year: new Date().getFullYear() + '',
|
||||
number: '0'
|
||||
}
|
||||
}
|
||||
const List = ref([])
|
||||
resetForm()
|
||||
const rules = {
|
||||
issueDetail: [{ required: true, message: '请输入问题描述', trigger: 'blur' }],
|
||||
reformAdvice: [{ 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) {
|
||||
loading.value = true
|
||||
report({
|
||||
...form.value,
|
||||
type: title.value == '发起预警单' ? 1 : 2,
|
||||
idList: List.value.map(item => item.id)
|
||||
})
|
||||
.then(res => {
|
||||
loading.value = false
|
||||
ElMessage.success('发起成功')
|
||||
|
||||
dialogVisible.value = false
|
||||
emits('onSubmit')
|
||||
})
|
||||
.catch(() => {
|
||||
loading.value = false
|
||||
})
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const open = (row: any) => {
|
||||
dialogVisible.value = true
|
||||
List.value = row.row
|
||||
title.value = row.text
|
||||
|
||||
form.value = { ...form.value, ...row.form }
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
formRef.value && formRef.value.resetFields()
|
||||
dialogVisible.value = false
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,220 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 800px" :before-close="handleClose">
|
||||
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto" :scroll-to-error="true">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item for="-" label="用户名称:" 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 for="-" label="用户编号:" 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 for="-" label="是否实现监测:" prop="detectionFlag">
|
||||
<el-radio-group v-model="form.detectionFlag">
|
||||
<el-radio value="0">否</el-radio>
|
||||
<el-radio value="1">是</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item for="-" label="负责单位:" prop="dutyOrgId">
|
||||
<Area ref="areaRef" v-model="form.dutyOrgId" style="width: 100%" />
|
||||
<!-- <el-select v-model="form.dutyOrgId" clearable placeholder="请选择负责单位">
|
||||
<el-option
|
||||
v-for="item in areaOptionList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.detectionFlag == '1'" :span="12">
|
||||
<!-- <el-form-item for="-" label="监测点名称:" prop="monitorName">
|
||||
<el-input
|
||||
v-model="form.monitorName"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请输入监测点名称"
|
||||
></el-input>
|
||||
</el-form-item> -->
|
||||
<el-form-item for="-" label="监测点:" prop="monitorNumber">
|
||||
<el-select v-model="form.monitorNumber" clearable style="width: 100%" placeholder="请选择监测点">
|
||||
<el-option v-for="item in minitorList" :key="item.id" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row v-if="form.detectionFlag == '1'">
|
||||
<el-col :span="12">
|
||||
<el-form-item for="-" label="监测点编号:" 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 for="-" label="投诉内容:" prop="complaintText">
|
||||
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="请输入内容"
|
||||
v-model="form.complaintText"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="稳态指标:">
|
||||
<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">
|
||||
<!-- @change="changeSteadyState" -->
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</div>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="暂态指标:">
|
||||
<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">
|
||||
<!-- @change="changeTransientIndicators" -->
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</div>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" @click="submit" :loading="loading">确认</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, defineEmits } from 'vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { useAdminInfo } from '@/stores/adminInfo'
|
||||
import { genFileId, ElMessage } from 'element-plus'
|
||||
import { addComplaintsData, getLineDetailByDeptId } from '@/api/process-boot/electricitymanagement'
|
||||
import Area from '@/components/form/area/index.vue'
|
||||
const emits = defineEmits(['onSubmit'])
|
||||
const dictData = useDictData()
|
||||
const dialogVisible = ref(false)
|
||||
const loading = ref(false)
|
||||
const title: any = ref('')
|
||||
const steadyStateList = dictData.getBasicData('Steady_Indicator')
|
||||
const transientIndicatorsList = dictData.getBasicData('Transient_Indicators')
|
||||
const form: any = ref({})
|
||||
//获取登陆用户姓名和部门
|
||||
const adminInfo = useAdminInfo()
|
||||
//获取监测点信息
|
||||
const minitorList = ref([])
|
||||
const getMinitorList = () => {
|
||||
getLineDetailByDeptId({ id: adminInfo.$state.deptId }).then(res => {
|
||||
minitorList.value = res.data
|
||||
})
|
||||
}
|
||||
getMinitorList()
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
complaintText: '', //投诉内容
|
||||
detectionFlag: '0', //是否实现监测
|
||||
steadyIndicator: [], //稳态指标
|
||||
transientIndicators: [], //暂态指标
|
||||
userName: '', //用户名称
|
||||
userNumber: '', //用户编号
|
||||
userCategory: '', //用户类别
|
||||
monitorName: '', //监测点名称
|
||||
monitorNumber: '', //监测点编号
|
||||
dutyOrgId: ''
|
||||
}
|
||||
}
|
||||
//字典获取所在地市
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
|
||||
const rules = {
|
||||
userName: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
|
||||
userNumber: [{ required: true, message: '请输入用户编号', trigger: 'blur' }],
|
||||
userCategory: [{ required: true, message: '请选择用户类别', trigger: 'change' }],
|
||||
complaintText: [{ required: true, message: '请输入投诉内容', trigger: 'blur' }],
|
||||
detectionFlag: [{ required: true, message: '请选择是否实现监测', trigger: 'change' }],
|
||||
transientIndicators: [{ required: true, message: '请选择暂态指标', trigger: 'change' }],
|
||||
steadyIndicator: [{ required: true, message: '请选择稳态指标', trigger: 'change' }],
|
||||
monitorName: [{ required: true, message: '请输入监测点名称', trigger: 'blur' }],
|
||||
monitorNumber: [{ required: true, message: '请选择监测点', trigger: 'change' }],
|
||||
dutyOrgId: [{ required: true, message: '请选择负责单位', trigger: 'change' }]
|
||||
}
|
||||
const formRef = ref()
|
||||
const submit = async () => {
|
||||
loading.value = true
|
||||
formRef.value.validate(async (valid) => {
|
||||
if (valid) {
|
||||
form.value = {
|
||||
...form.value,
|
||||
steadyIndicator: form.value.steadyIndicator.join(','),
|
||||
transientIndicators: form.value.transientIndicators.join(','),
|
||||
monitorName: minitorList.value.find(item => {
|
||||
return item.id == form.value.monitorNumber
|
||||
})?.name
|
||||
}
|
||||
await addComplaintsData(form.value).then(res => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage({
|
||||
message: '新增成功',
|
||||
type: 'success'
|
||||
})
|
||||
emits('onSubmit')
|
||||
formRef.value && formRef.value.resetFields()
|
||||
resetForm()
|
||||
handleClose()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
await setTimeout(() => {
|
||||
loading.value = false
|
||||
}, 0)
|
||||
}
|
||||
|
||||
const open = (row: any) => {
|
||||
resetForm()
|
||||
dialogVisible.value = true
|
||||
title.value = row.text
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
formRef.value && formRef.value.resetFields()
|
||||
dialogVisible.value = false
|
||||
}
|
||||
const changeSteadyState = () => {
|
||||
form.value.transientIndicators = []
|
||||
}
|
||||
const changeTransientIndicators = () => {
|
||||
form.value.steadyIndicator = []
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-form {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
height: 400px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="dialogVisible" v-loading="loading" :title="title" width="80%" :before-close="handleClose">
|
||||
<div style="height: 45vh">
|
||||
<vxe-table show-overflow v-bind="defaultAttribute" :data="List">
|
||||
<vxe-column field="time" title="日期" width="230px"></vxe-column>
|
||||
<vxe-column field="overLimitInfo" title="越限详情"></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 { overLimitDetail } 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 List: any = ref([])
|
||||
const loading = ref(false)
|
||||
const open = (row: any) => {
|
||||
dialogVisible.value = true
|
||||
title.value = row.text
|
||||
loading.value = true
|
||||
List.value = []
|
||||
overLimitDetail({
|
||||
lineId: row.row.lineId,
|
||||
targetId: row.row.targetType,
|
||||
searchBeginTime: row.list.searchBeginTime,
|
||||
searchEndTime: row.list.searchEndTime
|
||||
}).then(res => {
|
||||
List.value = res.data
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/* 提升 VxeTable tooltip 的层级 */
|
||||
</style>
|
||||
@@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 1100px" :before-close="handleClose">
|
||||
<el-form :model="ordinaryA" :inline="true" class="form">
|
||||
<el-form-item>
|
||||
<Area v-model="ordinaryA.orgNo"></Area>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="普测结果上传时间">
|
||||
<el-date-picker
|
||||
v-model="ordinaryA.planStartTime"
|
||||
type="month"
|
||||
format="YYYY-MM"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="选择月"
|
||||
@change="queryPlanName"
|
||||
></el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="普测计划名称">
|
||||
<el-select v-model="ordinaryA.planName" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in planNameList"
|
||||
:key="item.planName"
|
||||
:label="item.planName"
|
||||
:value="item.planName"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-Search" @click="searchFnExcessive">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<vxe-table v-bind="defaultAttribute" height="350" ref="xTable2Ref" :data="ordinaryAddData">
|
||||
<vxe-column type="radio" width="60"></vxe-column>
|
||||
<vxe-column field="subName" title="变电站名称"></vxe-column>
|
||||
<vxe-column field="voltageLevelName" title="变电站电压等级"></vxe-column>
|
||||
</vxe-table>
|
||||
|
||||
<el-form :model="ordinaryA" :rules="rules" ref="ordinaryARef" label-width="auto" :inline="true" class="form">
|
||||
<el-form-item label="稳态指标" prop="steadyState">
|
||||
<el-checkbox-group v-model="ordinaryA.steadyState">
|
||||
<el-checkbox v-for="(item, ind) in steadyStateList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="暂态指标" prop="transientIndicators">
|
||||
<el-checkbox-group v-model="ordinaryA.transientIndicators">
|
||||
<el-checkbox v-for="(item, ind) in transientIndicatorsList" :key="ind" :label="item.code">
|
||||
{{ item.name }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="上传附件">
|
||||
<el-upload
|
||||
ref="upload"
|
||||
action=""
|
||||
:auto-upload="false"
|
||||
:show-file-list="false"
|
||||
:limit="1"
|
||||
:on-change="beforeUpload"
|
||||
>
|
||||
<el-button icon="el-icon-Upload" type="primary" class="mr10">上传</el-button>
|
||||
</el-upload>
|
||||
</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 } from 'vue'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
const emit = 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 ordinaryA = ref({
|
||||
orgNo: '',
|
||||
orgName: '',
|
||||
planName: '',
|
||||
planStartTime: '',
|
||||
uploadTime: '',
|
||||
name: '',
|
||||
steadyState: [],
|
||||
transientIndicators: []
|
||||
})
|
||||
const defaultAttribute = ref([])
|
||||
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' }],
|
||||
transientIndicators: [{ required: true, message: '请选择暂态指标', trigger: 'change' }],
|
||||
steadyState: [{ required: true, message: '请选择稳态指标', trigger: 'change' }],
|
||||
eventDescription: [{ required: true, message: '请输入终端异常描述', trigger: 'blur' }],
|
||||
abnormalDevName: [{ required: true, message: '请输入问题名称', trigger: 'blur' }]
|
||||
}
|
||||
const submit = () => {
|
||||
handleClose()
|
||||
}
|
||||
|
||||
const open = (row: any) => {
|
||||
dialogVisible.value = true
|
||||
title.value = row.text
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
const beforeUpload = () => {}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-upload-list__item) {
|
||||
width: 400px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,378 @@
|
||||
<template>
|
||||
<!-- <div>1 监测点信息 发起预告警单 </div> -->
|
||||
|
||||
<TableHeader datePicker nextFlag theCurrentTime 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.lineType" clearable>
|
||||
<el-option label="电网侧" value="0"/>
|
||||
<el-option label="非电网侧" value="1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="超标指标">
|
||||
<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
|
||||
v-model="tableStore.table.params.alertThreshold"
|
||||
:min="0"
|
||||
:step="1"
|
||||
step-strictly
|
||||
@change="changeAlert"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="告警阈值">
|
||||
<el-input-number
|
||||
v-model="tableStore.table.params.alarmThreshold"
|
||||
:min="0"
|
||||
:step="1"
|
||||
step-strictly
|
||||
@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>
|
||||
<el-button icon="el-icon-Plus" :disabled="flag != '2'" type="primary" @click="launch('发起预警单')">
|
||||
发起预警单
|
||||
</el-button>
|
||||
<el-button icon="el-icon-Plus" :disabled="flag != '2'" 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 alarmList from './form/alarmList.vue'
|
||||
import detail from './form/detail.vue'
|
||||
|
||||
const dictData = useDictData()
|
||||
import {useRouter} from 'vue-router'
|
||||
|
||||
const router = useRouter() // 路由对象
|
||||
//字典获取超标指标
|
||||
const exceeded = dictData.getBasicData('Steady_Statis')
|
||||
const tableRef = ref()
|
||||
const industry = dictData.getBasicData('Business_Type')
|
||||
const TableHeaderRef = ref()
|
||||
const alarmListRef = ref()
|
||||
const flagTime = ref(false)
|
||||
const detailRef = ref()
|
||||
const list: any = ref({
|
||||
deptId: '',
|
||||
searchBeginTime: '',
|
||||
searchEndTime: '',
|
||||
alertThreshold: '',
|
||||
alarmThreshold: ''
|
||||
})
|
||||
const level: any = ref(dictData.state.area[0]?.level)
|
||||
const flag: any = 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',
|
||||
align: 'center',
|
||||
width: 60,
|
||||
formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
}
|
||||
},
|
||||
{field: 'dept', title: '负责单位'},
|
||||
{field: 'substation', title: '变电站名称'},
|
||||
{field: 'deviceName', title: '终端名称'},
|
||||
{field: 'lineName', title: '监测点名称'},
|
||||
|
||||
{
|
||||
field: 'businessType',
|
||||
title: '监测对象类型',
|
||||
|
||||
formatter: (row: any) => {
|
||||
return industry.find((item: any) => item.id == row.cellValue)?.name || '/'
|
||||
}
|
||||
},
|
||||
{field: 'objectName', title: '监测对象名称'},
|
||||
{
|
||||
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: 'updateTime',
|
||||
visible: flagTime,
|
||||
title: '最新数据时间'
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '180',
|
||||
align: 'center',
|
||||
render: 'buttons',
|
||||
fixed: 'right',
|
||||
buttons: [
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '详情',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.targetType == 0
|
||||
},
|
||||
click: row => {
|
||||
detailRef.value.open({
|
||||
text: '详情',
|
||||
row: row,
|
||||
list: list.value
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '查看预警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.step != 1
|
||||
},
|
||||
click: row => {
|
||||
router.push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 0,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '查看告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.step != 2
|
||||
},
|
||||
click: row => {
|
||||
router.push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 1,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
// {
|
||||
// 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.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
|
||||
if (tableStore.table.params.alertThreshold != '') {
|
||||
list.value.alertThreshold = tableStore.table.params.alertThreshold
|
||||
}
|
||||
list.value.lineType = tableStore.table.params.lineType
|
||||
list.value.alarmThreshold = tableStore.table.params.alarmThreshold
|
||||
flag.value = level.value
|
||||
flagTime.value = tableStore.table.params.dataType == 0 ? true : false
|
||||
},
|
||||
loadCallback: () => {
|
||||
// tableStore.table.data = [
|
||||
// {
|
||||
// orgName: '张家口',
|
||||
// subName: '110kV马头山风电场',
|
||||
// lineName: '111口头线',
|
||||
// voltageScale: '110kV',
|
||||
// overDay: '20',
|
||||
// overDays: '10'
|
||||
// },
|
||||
// {
|
||||
// orgName: '张家口',
|
||||
// subName: '110kV韩家庄风电场',
|
||||
// lineName: '111缘韩一线',
|
||||
// voltageScale: '110kV',
|
||||
// overDay: '20',
|
||||
// overDays: '16'
|
||||
// }
|
||||
// ]
|
||||
}
|
||||
})
|
||||
tableStore.table.params.alertThreshold = 5
|
||||
tableStore.table.params.alarmThreshold = 5
|
||||
tableStore.table.params.targetList = exceeded.filter(item => item.code == 'Total_Indicator')[0].id
|
||||
? [exceeded.filter(item => item.code == 'Total_Indicator')[0].id]
|
||||
: []
|
||||
tableStore.table.params.lineType = ''
|
||||
tableStore.table.params.dataType = '1'
|
||||
tableStore.table.params.deptId = dictData.state.area[0].id
|
||||
provide('tableStore', tableStore)
|
||||
onMounted(() => {
|
||||
TableHeaderRef.value.setDatePicker([{label: '月', value: 3}])
|
||||
|
||||
tableStore.index()
|
||||
setTimeout(() => {
|
||||
TableHeaderRef.value.showSelectChange()
|
||||
}, 10)
|
||||
})
|
||||
|
||||
const changeAlert = e => {
|
||||
if (e == null) {
|
||||
tableStore.table.params.alertThreshold = 5
|
||||
} else {
|
||||
if (e > tableStore.table.params.alarmThreshold) {
|
||||
ElMessage.warning('预警阈值不能大于报警阈值')
|
||||
tableStore.table.params.alertThreshold = 5
|
||||
}
|
||||
}
|
||||
}
|
||||
const changeAlarm = e => {
|
||||
if (e == null) {
|
||||
tableStore.table.params.alarmThreshold = 5
|
||||
} else {
|
||||
if (e < tableStore.table.params.alertThreshold) {
|
||||
ElMessage.warning('报警阈值不能小于预警阈值')
|
||||
tableStore.table.params.alarmThreshold = 5
|
||||
}
|
||||
}
|
||||
}
|
||||
// 发起预警单
|
||||
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
|
||||
})
|
||||
console.log('🚀 ~ launch ~ list.value:', list.value)
|
||||
}
|
||||
const changeArea = e => {
|
||||
level.value = e.data.level
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<!-- <div> 普测结果 发起预告警单</div> -->
|
||||
<TableHeader area datePicker nextFlag theCurrentTime ref="TableHeaderRef">
|
||||
<template v-slot:select>
|
||||
<el-form-item label="计划名称">
|
||||
<el-input style="width: 200px" v-model="tableStore.table.params.searchValue" clearable
|
||||
placeholder="请输入计划名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否解决">
|
||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" />
|
||||
<testQuestionsForm ref="testQuestionsFormRef" />
|
||||
<!-- 详情 -->
|
||||
<el-dialog draggable v-model="dialogVisible" v-if="dialogVisible" title="详情" width="1000">
|
||||
<detail :id="detailId" :flag="flag" />
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import Table from '@/components/table/index.vue'
|
||||
import TableHeader from '@/components/table/header/index.vue'
|
||||
import testQuestionsForm from './form/testQuestionsForm.vue'
|
||||
import { initiateWarningLeaflet } from '@/api/supervision-boot/survey/test'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import detail from '@/views/pqs/supervise/harmonicSurvey/test/detail.vue'
|
||||
|
||||
const dictData = useDictData()
|
||||
const { push } = useRouter()
|
||||
const router = useRouter() // 路由对象
|
||||
const tableRef = ref()
|
||||
const flag = ref(false)
|
||||
const TableHeaderRef = ref()
|
||||
const dialogVisible = ref(false)
|
||||
const detailId = ref('')
|
||||
const testQuestionsFormRef = ref()
|
||||
const dealStateList = ref([
|
||||
{
|
||||
label: '未解决',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '全部',
|
||||
value: '1'
|
||||
}
|
||||
])
|
||||
const tableStore = new TableStore({
|
||||
url: '/supervision-boot/surveyTest/pageProblemSurvey',
|
||||
publicHeight: 65,
|
||||
method: 'POST',
|
||||
column: [
|
||||
{
|
||||
title: '序号',
|
||||
type: 'seq',
|
||||
align: 'center',
|
||||
width: 60,
|
||||
formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
}
|
||||
},
|
||||
{ field: 'planName', title: '计划名称', minWidth: 120 },
|
||||
{ field: 'deptName', title: '负责单位', minWidth: 120 },
|
||||
{ field: 'substationName', title: '变电站', minWidth: 120 },
|
||||
{ field: 'planStartTime', title: '计划开始时间', minWidth: 100 },
|
||||
{ field: 'planEndTime', title: '计划结束时间', minWidth: 100 },
|
||||
{ field: 'completeTime', title: '实际完成时间', minWidth: 100 },
|
||||
{ field: 'completeBy', title: '测试负责人', minWidth: 120 },
|
||||
{
|
||||
field: 'createBy',
|
||||
title: '填报人',
|
||||
minWidth: 80,
|
||||
formatter: (row: any) => {
|
||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'dealState',
|
||||
title: '是否解决',
|
||||
minWidth: 100,
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'warning',
|
||||
1: 'primary',
|
||||
|
||||
},
|
||||
replaceValue: {
|
||||
0: '未解决',
|
||||
1: '已解决',
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
minWidth: '180',
|
||||
align: 'center',
|
||||
render: 'buttons',
|
||||
fixed: 'right',
|
||||
buttons: [
|
||||
{
|
||||
name: 'edit',
|
||||
title: '详情',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
|
||||
click: async row => {
|
||||
flag.value = row.dealState == 1 ? true : false
|
||||
dialogVisible.value = true
|
||||
detailId.value = row.id
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '发起告警单',
|
||||
type: 'warning',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.dealState != 0
|
||||
},
|
||||
|
||||
click: async row => {
|
||||
const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
|
||||
inputType: 'textarea',
|
||||
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
|
||||
inputErrorMessage: '请输入整改意见'
|
||||
})
|
||||
initiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
|
||||
ElMessage.success('发起告警成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '查看告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.initiateWarningFlag == 0
|
||||
},
|
||||
click: row => {
|
||||
router.push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 1,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.currentPage = tableStore.table.params.pageNum
|
||||
}
|
||||
})
|
||||
tableStore.table.params.dealState = ''
|
||||
tableStore.table.params.searchValue = ''
|
||||
provide('tableStore', tableStore)
|
||||
|
||||
onMounted(() => {
|
||||
tableStore.index()
|
||||
})
|
||||
|
||||
/**
|
||||
* 发起告警单
|
||||
*/
|
||||
const initiateAlarm = async (id: string) => {
|
||||
await initiateWarningLeaflet(id)
|
||||
ElMessage.success('发起告警成功！')
|
||||
// 加载数据
|
||||
tableStore.index()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -0,0 +1,300 @@
|
||||
<!---试运行列表-->
|
||||
<template>
|
||||
<div>
|
||||
<TableHeader area datePicker nextFlag theCurrentTime ref="TableHeaderRef">
|
||||
<template #select>
|
||||
<el-form-item label="流程状态">
|
||||
<el-select v-model="tableStore.table.params.status" clearable placeholder="请选择流程状态">
|
||||
<el-option v-for="item in statusSelect" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否解决">
|
||||
<el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
|
||||
<el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
|
||||
:value="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" :checkbox-config="checkboxConfig" />
|
||||
<!-- 详情 -->
|
||||
<detail ref="detailRef" />
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, provide, reactive } from 'vue'
|
||||
import TableStore from '@/utils/tableStore'
|
||||
import Table from '@/components/table/index.vue'
|
||||
import TableHeader from '@/components/table/header/index.vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { addRunTest, initiateWarningLeaflet } from '@/api/supervision-boot/lineRunTest'
|
||||
import { formatDate } from '@/utils/formatTime'
|
||||
import { VxeTablePropTypes } from 'vxe-table'
|
||||
import { useAdminInfo } from '@/stores/adminInfo'
|
||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||
import detail from './testRunDetail.vue'
|
||||
|
||||
const dictData = useDictData()
|
||||
const statusSelect = dictData.statusSelect()
|
||||
const { push } = useRouter()
|
||||
const adminInfo = useAdminInfo()
|
||||
const TableHeaderRef = ref()
|
||||
const tableRef = ref()
|
||||
const detailRef = ref()
|
||||
const dealStateList = ref([
|
||||
{
|
||||
label: '未解决',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '全部',
|
||||
value: '1'
|
||||
}
|
||||
])
|
||||
const tableStore = new TableStore({
|
||||
url: '/supervision-boot/lineRunTestProblem/pageProblem',
|
||||
method: 'POST',
|
||||
publicHeight: 65,
|
||||
column: [
|
||||
{ field: 'lineName', title: '监测点名称', minWidth: 160 },
|
||||
{ field: 'connectedBus', title: '接入母线', minWidth: 160 },
|
||||
// { field: 'monitoringTerminalCode', title: '终端编号', minWidth: 140 },
|
||||
{ field: 'monitoringTerminalName', title: '终端名称', minWidth: 140, },
|
||||
{
|
||||
field: 'powerSubstationName', title: '变电站', minWidth: 160, formatter: row => {
|
||||
return row.cellValue ? row.cellValue : '/'
|
||||
}
|
||||
},
|
||||
{ field: 'reason', title: '调试原因', minWidth: 160 },
|
||||
|
||||
{
|
||||
field: 'testRunState',
|
||||
title: '试运行状态',
|
||||
minWidth: 100,
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'primary',
|
||||
2: 'success',
|
||||
3: 'danger',
|
||||
1: 'warning'
|
||||
},
|
||||
replaceValue: {
|
||||
0: '待试运行',
|
||||
1: '试运行中',
|
||||
2: '试运行成功',
|
||||
3: '试运行失败',
|
||||
null: '待试运行'
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'testRunTime',
|
||||
title: '试运行时间范围',
|
||||
minWidth: 200,
|
||||
formatter: row => {
|
||||
return row.cellValue ? row.cellValue : '/'
|
||||
}
|
||||
},
|
||||
{ field: 'problemReason', title: '试运行评估问题', minWidth: 200 },
|
||||
{
|
||||
field: 'createBy',
|
||||
title: '填报人',
|
||||
minWidth: 100,
|
||||
formatter: (row: any) => {
|
||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'dealState',
|
||||
title: '是否解决',
|
||||
minWidth: 100,
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'warning',
|
||||
1: 'primary',
|
||||
|
||||
},
|
||||
replaceValue: {
|
||||
0: '未解决',
|
||||
1: '已解决',
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
minWidth: 230,
|
||||
fixed: 'right',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
// {
|
||||
// name: 'productSetting',
|
||||
// title: '流程详情',
|
||||
// type: 'primary',
|
||||
// icon: 'el-icon-EditPen',
|
||||
// render: 'basicButton',
|
||||
// click: row => {
|
||||
// handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||
// },
|
||||
// disabled: row => {
|
||||
// return row.testRunState != 2 || !row.processInstanceId
|
||||
// }
|
||||
// },
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '下载报告',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
click: row => {
|
||||
downloadTheReport(row.testRunReport)
|
||||
},
|
||||
disabled: row => {
|
||||
return row.testRunReport == null || row.testRunReport.length == 0
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
name: 'edit',
|
||||
title: '发起告警单',
|
||||
type: 'warning',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.dealState != 0
|
||||
},
|
||||
|
||||
click: async row => {
|
||||
const { value } = await ElMessageBox.prompt('', '整改意见', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
|
||||
inputType: 'textarea',
|
||||
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
|
||||
inputErrorMessage: '请输入整改意见'
|
||||
})
|
||||
initiateWarningLeaflet({
|
||||
id: row.id,
|
||||
problemId: row.problemId,
|
||||
reformAdvice: value,
|
||||
type: 2,
|
||||
issueDetail: row.problemReason
|
||||
}).then(res => {
|
||||
ElMessage.success('发起告警单成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '详情',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.dealState == 0
|
||||
},
|
||||
|
||||
click: row => {
|
||||
detailRef.value.open({
|
||||
row: row,
|
||||
title: '详情',
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '查看告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.problemType == null
|
||||
},
|
||||
click: row => {
|
||||
push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 1,
|
||||
t: Date.now()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
|
||||
tableStore.table.params.statveList = [2]
|
||||
// tableStore.table.params.relationUserName = tableStore.table.params.userName
|
||||
}
|
||||
})
|
||||
tableStore.table.params.status = ''
|
||||
tableStore.table.params.dealState = ''
|
||||
provide('tableStore', tableStore)
|
||||
|
||||
onMounted(() => {
|
||||
tableStore.index()
|
||||
})
|
||||
const checkboxConfig = reactive<VxeTablePropTypes.CheckboxConfig>({
|
||||
labelField: '',
|
||||
checkMethod: ({ row }) => {
|
||||
return !(row.testRunState == 1 || row.testRunState == 2)
|
||||
}
|
||||
})
|
||||
/** 处理审批按钮 */
|
||||
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
||||
push({
|
||||
name: 'BpmProcessInstanceDetail',
|
||||
state: {
|
||||
id: instanceId,
|
||||
historyInstanceId
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 下载报告
|
||||
const downloadTheReport = (url: string) => {
|
||||
getFileNameAndFilePath({ filePath: url }).then((res: any) => {
|
||||
const link = document.createElement('a')
|
||||
link.href = res.data.url
|
||||
link.download = res.data.name
|
||||
document.body.appendChild(link)
|
||||
link.click()
|
||||
document.body.removeChild(link)
|
||||
})
|
||||
}
|
||||
|
||||
const runTestSubmit = (type: number) => {
|
||||
const start = new Date()
|
||||
start.setDate(start.getDate() + 1)
|
||||
start.setHours(0, 0, 0)
|
||||
|
||||
const end = new Date()
|
||||
end.setDate(end.getDate() + 3)
|
||||
end.setHours(23, 59, 59)
|
||||
const startString = formatDate(start, 'YYYY-MM-DD') // 转换为 YYYY-MM-DD 格式
|
||||
const endString = formatDate(end, 'YYYY-MM-DD')
|
||||
const data = {
|
||||
startTime: startString,
|
||||
endTime: endString,
|
||||
lineIds: monitorIds,
|
||||
operateType: type
|
||||
}
|
||||
addRunTest(data).then((res: any) => {
|
||||
if (res.code === 'A0000') {
|
||||
ElMessage({
|
||||
message: '发起试运行成功',
|
||||
type: 'success'
|
||||
})
|
||||
tableStore.index()
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog v-model="dialogVisible" draggable :title="title" width="1000">
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="监测点名称">
|
||||
{{ list.lineName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="接入母线">
|
||||
{{ list.connectedBus }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="终端名称">
|
||||
{{ list.monitoringTerminalName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="变电站">
|
||||
{{ list.powerSubstationName ||'/'}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="调试原因">
|
||||
{{ list.reason }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="试运行状态">
|
||||
<el-tag
|
||||
:type='list.testRunState == 0 ? "primary" : list.testRunState == 1 ? "warning" : list.testRunState == 2 ? "success" : list.testRunState == 3 ? "danger" : "primary"'>{{
|
||||
list.testRunState == 0 ? "待试运行" : list.testRunState == 1 ? "试运行中" : list.testRunState == 2
|
||||
? "试运行成功" : list.testRunState == 3 ? "试运行失败" : "待试运行" }}</el-tag>
|
||||
|
||||
|
||||
|
||||
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="试运行时间范围">
|
||||
{{ list.testRunTime ||'/' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="试运行评估问题">
|
||||
{{ list.problemReason ||'/' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="填报人">
|
||||
{{ dictData.state.userList.filter(item => item.id == list.createBy)[0]?.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="整改意见">
|
||||
{{ list.reformAdvice }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="采取的措施">
|
||||
{{ list.takeStep }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item :span="2" label="处理成效报告">
|
||||
<el-icon class="elView " v-if="list?.reportName">
|
||||
<View @click="openFile(list?.reportName)" />
|
||||
</el-icon>
|
||||
<a :href="list.reportPath" target="_blank">{{ list.reportName }}</a>
|
||||
</el-descriptions-item>
|
||||
|
||||
|
||||
</el-descriptions>
|
||||
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang='ts'>
|
||||
import { ref, reactive } from 'vue'
|
||||
import { View } from '@element-plus/icons-vue'
|
||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
const dialogVisible = ref(false)
|
||||
const title = ref('')
|
||||
const list: any = ref({})
|
||||
const dictData = useDictData()
|
||||
const open = (row: any) => {
|
||||
list.value = {}
|
||||
title.value = row.title
|
||||
dialogVisible.value = true
|
||||
list.value = JSON.parse(JSON.stringify(row.row))
|
||||
getFileNameAndFilePath({ filePath: row.row.reportPath }).then(res => {
|
||||
list.value.reportPath = res.data.url
|
||||
list.value.reportName = res.data.fileName
|
||||
})
|
||||
}
|
||||
const openFile = (name: any) => {
|
||||
window.open(window.location.origin + '/#/previewFile?/supervision/' + name)
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.elView {
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
53
src/views/pqs/supervise_jb/electricalEnergy/index.vue
Normal file
53
src/views/pqs/supervise_jb/electricalEnergy/index.vue
Normal file
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<div class="default-main">
|
||||
<el-tabs v-model="activeName" type="border-card">
|
||||
<el-tab-pane label="在线监测" name="1">
|
||||
<online v-if="activeName == '1'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="用户投诉" name="2">
|
||||
<complaints v-if="activeName == '2'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="计划问题" name="3">
|
||||
<testQuestions v-if="activeName == '3'" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="试运行评估问题" name="4">
|
||||
<testRun v-if="activeName == '4'" />
|
||||
</el-tab-pane>
|
||||
<!-- <el-tabs v-model="activeName" type="border-card">
|
||||
<el-tab-pane label="电能质量问题查询维护" name="1">
|
||||
<maintenance />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="电能质量问题审核" name="2">
|
||||
<audit />
|
||||
</el-tab-pane> -->
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref, provide } from 'vue'
|
||||
import online from './components1/online.vue'
|
||||
import complaints from './components1/complaints.vue'
|
||||
import testQuestions from './components1/testQuestions.vue'
|
||||
import testRun from './components1/testRun.vue'
|
||||
// import maintenance from './components/maintenance.vue'
|
||||
// import audit from './components/audit.vue'
|
||||
import { mainHeight } from '@/utils/layout'
|
||||
defineOptions({
|
||||
name: 'supervision/electricitymanagement'
|
||||
})
|
||||
const activeName = ref('1')
|
||||
|
||||
const layout = mainHeight(63) as any
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bars_w {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
:deep(.el-tabs__content) {
|
||||
height: v-bind('layout.height');
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user