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

技术监督计划联调

Browse Source
This commit is contained in:
zhujiyan
2024-05-21 16:36:17 +08:00
parent d57bf17605
commit 0fa6991010
7 changed files with 1162 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/api/supervision-boot/plan/index.ts
View File

@@ -5,7 +5,7 @@ import { SUPERVISION_BOOT } from '@/utils/constantRequest'
const MAPPING_PATH = SUPERVISION_BOOT + '/deVReport'
/**
* 提交终端信息表单数据
* 提交技术监督计划表单数据
*/
export const addPlanFormData = (data: any) => {
return createAxios({
@@ -16,16 +16,50 @@ export const addPlanFormData = (data: any) => {
}
/**
* 根据id获取终端录入的详细数据
* 根据当前登陆用户的部门id查询人员
*/
export const getUserByDeptId = (data: any) => {
return createAxios({
url: '/user-boot/user/getUserListByDeptId',
method: 'GET',
params: data
})
}
// 提交审核
export const planDetailsAudit = (obj: any) => {
let form = new FormData()
form.append('id', obj.id)
return createAxios({
url:'/supervision-boot/superPlan/initiateAudit',
method: 'POST',
data:form
})
}
/**
* 根据id获取监督计划详情
*/
export const getPlanDetailsById = (obj: any) => {
let form = new FormData()
form.append('id', obj.id)
return createAxios({
url:MAPPING_PATH + '/queryDeviceDetail',
url:'/supervision-boot/superPlan/getDetail',
method: 'POST',
data:form
})
}
/**
* 提交技术监督计划实施问题表单数据
*/
export const addPlanProblemFormData = (data: any) => {
return createAxios({
url: '/supervision-boot/superProblem/addProblem',
method: 'POST',
data: data
})
}

80
src/views/pqs/supervise/plan/components/addForm.vue
View File

@@ -22,27 +22,20 @@
<el-row>
<el-col :span="12">
<el-form-item label="计划名称：" prop="workPlanName">
<el-input v-model="form.workPlanName" autocomplete="off" place-holder="请输入计划名称" />
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督单位：" prop="supvOrgId">
<el-select v-model="form.supvOrgId" clearable style="width: 100%" placeholder="请选择监督单位">
<el-option
v-for="item in areaOptionList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
<Area ref="areaRef" v-model="form.supvOrgId" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="计划编制单位：" prop="planOrgId">
<el-input v-model="form.planOrgId" autocomplete="off" />
<Area ref="areaRef" v-model="form.planOrgId" />
</el-form-item>
</el-col>
@@ -50,7 +43,7 @@
<el-form-item label="监督类型：" prop="supvType">
<el-select v-model="form.supvType" clearable style="width: 100%" placeholder="请选择监督类型">
<el-option
v-for="item in areaOptionList"
v-for="item in supvTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -64,7 +57,7 @@
<el-form-item label="监督阶段：" prop="supvStage">
<el-select v-model="form.supvStage" clearable style="width: 100%" placeholder="请选择监督阶段">
<el-option
v-for="item in areaOptionList"
v-for="item in supvStageList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -96,7 +89,7 @@
placeholder="请选择监督对象类型"
>
<el-option
v-for="item in powerCompanyList"
v-for="item in supvObjTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -106,7 +99,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="监督对象名称：" prop="supvObjName">
<el-input v-model="form.supvObjName" autocomplete="off" place-holder="请输入监督对象名称" />
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
</el-form-item>
</el-col>
</el-row>
@@ -150,7 +143,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="监督对象属性名称：" prop="objTypeName">
<el-input v-model="form.objTypeName" autocomplete="off" place-holder="请输入监督对象属性名称" />
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
</el-form-item>
</el-col>
@@ -159,7 +152,7 @@
<el-input
v-model="form.objCapacity"
autocomplete="off"
place-holder="请输入监督对象监督对象协议容量"
placeholder="请输入监督对象监督对象协议容量"
/>
</el-form-item>
</el-col>
@@ -170,7 +163,7 @@
<el-input
v-model="form.substationName"
autocomplete="off"
place-holder="请输入监督对象关联电站"
placeholder="请输入监督对象关联电站"
/>
</el-form-item>
</el-col>
@@ -188,7 +181,7 @@
placeholder="请选择监督对象关联电站电压等级"
>
<el-option
v-for="item in neutralPointWiringMethodList"
v-for="item in voltageLevelList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -207,7 +200,7 @@
placeholder="请选择实施状态"
>
<el-option
v-for="item in manufacturerList"
v-for="item in effectStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -284,7 +277,7 @@
placeholder="请选择实施人员"
>
<el-option
v-for="item in frontEndMachineList"
v-for="item in effectUserIdList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -299,7 +292,7 @@
<el-form-item label="计划状态：">
<el-select v-model="form.planStatus" clearable style="width: 100%" placeholder="请选择计划状态">
<el-option
v-for="item in frontEndMachineList"
v-for="item in planStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
@@ -311,7 +304,7 @@
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="其他要求：">
<el-input v-model="form.otherRemark" autocomplete="off" place-holder="请输入其他要求" />
<el-input v-model="form.otherRemark" autocomplete="off" placeholder="请输入其他要求" />
</el-form-item>
</el-col>
</el-row>
@@ -464,21 +457,26 @@ import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
import { queryByAllCode } from '@/api/system-boot/dictTree'
import { useAdminInfo } from '@/stores/adminInfo'
import { uploadFile } from '@/api/system-boot/file'
import { addPlanFormData } from '@/api/supervision-boot/plan/index'
import { addPlanFormData, getUserByDeptId } from '@/api/supervision-boot/plan/index'
import { getAreaList } from '@/api/common'
import Area from '@/components/form/area/index.vue'
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogFormVisible = ref(false)
const form: any = ref({})
const ruleFormRef = ref(null)
//获取登陆用户姓名和部门
const adminInfo = useAdminInfo()
//字典获取监督类型
const supvTypeList = dictData.getBasicData('supv_type')
//字典获取监督阶段
const areaOptionList = dictData.getBasicData('jibei_area')
//字典获取监督对象关联电站电压等级
const neutralPointWiringMethodList = dictData.getBasicData('Neutral_Point')
const supvStageList = dictData.getBasicData('supv_stage')
//字典获取监督对象类型
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
//字典获取实施状态
const manufacturerList = dictData.getBasicData('Dev_Manufacturers')
//字典获取实施人员
const frontEndMachineList = dictData.getBasicData('Front_Type')
const effectStatusList = dictData.getBasicData('effect_status')
//字典获取计划状态
const planStatusList = dictData.getBasicData('plan_status')
//字典获取电压等级
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
//
@@ -492,29 +490,37 @@ const objTypeList = [
name: '新（改、扩）建站'
}
]
const effectUserIdList: any = ref([])
//根据当前登陆用户的部门id查询实施人员
const getEffectUserList = () => {
getUserByDeptId({ deptId: adminInfo.$state.deptId }).then(res => {
effectUserIdList.value = res.data
})
}
getEffectUserList()
const resetForm = () => {
form.value = {
workPlanName: '', //计划名称
supvOrgId: '', //监督单位
planOrgId: '', //计划编制单位
supvType: '', //监督类型
supvStage: areaOptionList[0].id, //监督阶段
supvStage: supvStageList[0]?.id, //监督阶段
planSupvDate: '', //计划监督时间
supvObjType: areaOptionList[0].id, //监督对象类型
supvObjType: supvObjTypeList[0]?.id, //监督对象类型
supvObjName: '', //监督对象名称
objVoltageLevel: voltageLevelList[0].id, // 监督对象电压等级
objType: '', //监督对象属性
objType: objTypeList[0].id, //监督对象属性
objTypeName: '', //监督对象属性名称
objCapacity: '', //监督对象协议容量
objCapacity: '0', //监督对象协议容量
substationName: '', //监督对象关联电站
substationVoltageLevel: voltageLevelList[0].id, // 监督对象关联电站电压等级
effectStatus: '0', //实施状态
effectStatus: effectStatusList[0].id, //实施状态
effectStartTime: '', //开始实施时间
effectEndTime: '', //结束实施时间
reportIssueTime: '', //报告出具时间
problemOcTime: '', //电能质量问题发生时间
effectUserId: '', //实施人员
planStatus: '', //计划状态
effectUserId: effectUserIdList.value[0]?.id, //实施人员
planStatus: planStatusList[0].id, //计划状态
otherRemark: '', //其他要求
planUserId: '' //计划编制人,挡墙登陆用户
// sealReport: '', //盖章报告
@@ -718,8 +724,6 @@ const choose = (e: any) => {
const disabledDate = time => {
return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
}
//获取登陆用户姓名和部门
const adminInfo = useAdminInfo()
//提交
const confirmForm = () => {
// 提交终端信息

74
src/views/pqs/supervise/plan/components/detail.vue
View File

@@ -2,108 +2,85 @@
<div class="default-main">
<el-descriptions :column="2" border>
<el-descriptions-item label="计划名称">
{{ detailData.planName }}
{{ detailData.workPlanName }}
</el-descriptions-item>
<el-descriptions-item label="监督单位">
{{ detailData.planUnit }}
{{ detailData.supvOrgName }}
</el-descriptions-item>
<el-descriptions-item label="计划编制单位">
{{ detailData.planDept }}
{{ detailData.planOrgName }}
</el-descriptions-item>
<el-descriptions-item label="监督类型">
{{ detailData.expectedProductionDate }}
{{ detailData.supvType }}
</el-descriptions-item>
<el-descriptions-item label="监督阶段">
{{ detailData.city }}
{{ detailData.supvStage }}
</el-descriptions-item>
<el-descriptions-item label="计划监督时间">
{{ formatDate(detailData.reportDate, 'YYYY-MM-DD') }}
{{ formatDate(detailData.planSupvDate, 'YYYY-MM-DD') }}
</el-descriptions-item>
<!--文件地址-->
<el-descriptions-item label="监督对象类型" v-if="detailData.lineFilePath">
<el-icon>
<Link />
</el-icon>
<a :href="detailData?.lineFilePath.url">
{{ detailData?.lineFilePath.name }}
</a>
{{ detailData.supvObjType }}
</el-descriptions-item>
<el-descriptions-item label="监督对象名称">
{{
areaOptionList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.powerCompany
})?.name
}}
{{ detailData.supvObjName }}
</el-descriptions-item>
<el-descriptions-item label="监督对象电压等级">
{{
voltageLevelList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.substationVoltageLevel
return item.id == detailData.objVoltageLevel
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="监督对象属性">
{{ detailData.supervisionTempDeviceReport?.substation }}
{{ detailData.objType }}
</el-descriptions-item>
<el-descriptions-item label="监督对象属性名称">
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalCode }}
{{ detailData.objTypeName }}
</el-descriptions-item>
<el-descriptions-item label="监督对象协议容量(MVA)">
{{ detailData.supervisionTempDeviceReport?.monitoringTerminalName }}
{{ detailData.objCapacity }}
</el-descriptions-item>
<el-descriptions-item label="监督对象关联电站">
{{
voltageTransformerTypeList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.voltageTransformerType
})?.name
detailData.substationName
}}
</el-descriptions-item>
<el-descriptions-item label="监督对象关联电站电压等级">
{{
terminalWiringMethodTypeList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.terminalWiringMethodType
voltageLevelList.find(item => {
return item.id == detailData.substationVoltageLevel
})?.name
}}
</el-descriptions-item>
<el-descriptions-item label="实施状态">
{{
neutralPointWiringMethodList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.neutralPointWiringMethod
})?.name
detailData.effectStatus
}}
</el-descriptions-item>
<el-descriptions-item label="开始实施时间">
{{
manufacturerList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.manufacturer
})?.name
detailData.effectStartTime
}}
</el-descriptions-item>
<el-descriptions-item label="结束实施时间">
{{ detailData.supervisionTempDeviceReport?.manufacturerDeviceNumber }}
{{ detailData.effectEndTime }}
</el-descriptions-item>
<el-descriptions-item label="报告出具时间">
{{ detailData.supervisionTempDeviceReport?.terminalIp }}
{{ detailData.reportIssueTime }}
</el-descriptions-item>
<el-descriptions-item label="电能质量问题发生时间">
{{
terminalTypeList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.terminalType
})?.name
}}
{{ detailData.problemOcTime }}
</el-descriptions-item>
<el-descriptions-item label="实施人员">
{{ detailData.supervisionTempDeviceReport?.terminalPort }}
{{ detailData.effectUserId }}
</el-descriptions-item>
<el-descriptions-item label="计划状态">
{{
frontEndMachineList.find(item => {
return item.id == detailData.supervisionTempDeviceReport?.frontEndMachine
})?.name
}}
</el-descriptions-item>
{{ detailData.planStatus }}
</el-descriptions-item>
<el-descriptions-item label="其他要求">
{{ detailData.supervisionTempDeviceReport?.currentTerminalDetectionTime.replace('T', ' ') }}
{{ detailData.otherRemark }}
</el-descriptions-item>
<el-descriptions-item label="盖章报告" v-if="detailData.factoryInspectionReport">
<el-icon>
@@ -157,6 +134,7 @@ import { getTerminalDetailsById } from '@/api/supervision-boot/terminal/index'
import { getDictTreeById } from '@/api/system-boot/dictTree'
import { useDictData } from '@/stores/dictData'
import { getFileNameAndFilePath } from '@/api/system-boot/file'
import { addPlanFormData, getUserByDeptId,getPlanDetailsById} from '@/api/supervision-boot/plan/index'
import { Link } from '@element-plus/icons-vue'
defineOptions({ name: 'BpmUserReportDetail' })
@@ -260,7 +238,7 @@ const manufacturerList = dictData.getBasicData('Dev_Manufacturers')
const getInfo = async () => {
detailLoading.value = true
try {
await getTerminalDetailsById({ id: props.id || queryId }).then(res => {
await getPlanDetailsById({ id: props.id || queryId }).then(res => {
detailData.value = res.data
console.log(detailData.value, '+++++++++')
getFileName()

535
src/views/pqs/supervise/plan/components/effectProblem/addForm.vue Normal file
View File

@@ -0,0 +1,535 @@
<template>
<el-dialog
v-model="dialogFormVisible"
title="技术监督实施问题新增"
width="60%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
:lazy="true"
draggable
custom-class="fixed-dialog"
>
<el-form
:model="form"
:validate-on-rule-change="false"
:scroll-to-error="true"
:rules="rules"
ref="ruleFormRef"
label-width="140px"
label-position="right"
>
<el-row>
<el-col :span="12">
<el-form-item label="责任单位：" prop="dutyOrgId">
<Area ref="areaRef" v-model="form.dutyOrgId" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监测点类型：" prop="monitorType">
<el-select v-model="form.monitorType" clearable style="width: 100%" placeholder="请选择监测点类型">
<el-option
v-for="item in monitorTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否发布预警：" prop="ifReleaseWarning">
<el-select
v-model="form.ifReleaseWarning"
clearable
style="width: 100%"
placeholder="请选择是否发布预警"
>
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划整改时间：" prop="planRectificationTime">
<el-date-picker
style="width: 100%"
v-model="form.planRectificationTime"
type="datetime"
format="YYYY-MM-DD hh:mm:ss"
value-format="YYYY-MM-DD hh:mm:ss"
placeholder="请选择计划整改时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="整改情况：" prop="rectificationStatus">
<el-select
v-model="form.rectificationStatus"
clearable
style="width: 100%"
placeholder="请选择整改情况"
>
<el-option
v-for="item in rectificationStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="整改时间：" prop="rectificationTime">
<el-date-picker
style="width: 100%"
v-model="form.rectificationTime"
type="datetime"
format="YYYY-MM-DD hh:mm:ss"
value-format="YYYY-MM-DD hh:mm:ss"
placeholder="请选择整改时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督标准：" prop="supvStandard">
<el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督标准序号：" prop="supvStandardSort">
<el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="标准出处：" prop="supvResouce">
<el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题等级：" prop="problemLevel">
<el-select
v-model="form.problemLevel"
clearable
style="width: 100%"
placeholder="请选择问题等级"
>
<el-option
v-for="item in problemLevelList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="问题类型：" prop="problemType">
<el-select
v-model="form.problemType"
clearable
style="width: 100%"
placeholder="请选择问题类型"
>
<el-option
v-for="item in problemTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题简要描述：" prop="simpleProblemDesc">
<el-input v-model="form.simpleProblemDesc" autocomplete="off" placeholder="请输入问题简要描述" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="问题描述：" prop="problemDesc">
<el-input v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题发现时间：" prop="discoveryTime">
<el-date-picker
style="width: 100%"
v-model="form.discoveryTime"
type="datetime"
format="YYYY-MM-DD hh:mm:ss"
value-format="YYYY-MM-DD hh:mm:ss"
placeholder="问题发现时间"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="定级依据：" prop="problemLevelReason">
<el-input v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="整改方案：" prop="rectificationProgramme">
<el-input v-model="form.rectificationProgramme" autocomplete="off" placeholder="请输入整改方案" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="整改措施：" prop="rectificationMeasure">
<el-input v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" />
</el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="备注：">
<el-input v-model="form.remark" autocomplete="off" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="close()">取消</el-button>
<el-button type="primary" @click="confirmForm()">确定</el-button>
</div>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref, onMounted, reactive, defineExpose, defineProps, defineEmits, watch, onUnmounted } from 'vue'
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
import { genFileId, ElMessage } from 'element-plus'
import { useDictData } from '@/stores/dictData'
import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
import { queryByAllCode } from '@/api/system-boot/dictTree'
import { useAdminInfo } from '@/stores/adminInfo'
import { uploadFile } from '@/api/system-boot/file'
import { addPlanFormData, getUserByDeptId,addPlanProblemFormData} from '@/api/supervision-boot/plan/index'
import { getAreaList } from '@/api/common'
import Area from '@/components/form/area/index.vue'
const emits = defineEmits(['onSubmit'])
const props=defineProps({
planId:{
type:String,
default:''
}
})
const dictData = useDictData()
const dialogFormVisible = ref(false)
const form: any = ref({})
const ruleFormRef = ref(null)
//获取登陆用户姓名和部门
const adminInfo = useAdminInfo()
//字典获取监测点类型
const monitorTypeList = dictData.getBasicData('monitor_type')
//字典获取问题类型
const problemTypeList = dictData.getBasicData('problem_type')
//字典整改情况
const rectificationStatusList = dictData.getBasicData('rectification_type')
//字典问题等级
const problemLevelList = dictData.getBasicData('problem_level_type')
const resetForm = () => {
form.value = {
discoveryTime: '', //问题发现时间
dutyOrgId: '', // 责任单位id，取ISC平台上的组织id
ifReleaseWarning: '0', // 是否发布预告警
monitorType: '', //监测点类型 ，仅供电电压监督计划必填
orderBy: '',
pageNum: 0,
pageSize: 0,
planId: '', //关联计划表id
planRectificationTime: '', //计划整改时间
problemDesc: '', // 问题描述
problemLevel: '', // 问题等级
problemLevelReason: '', // 定级依据
problemType: '', //问题类型
rectificationMeasure: '', // 整改措施
rectificationProgramme: '', // 整改方案
rectificationStatus: '', // 整改情况
rectificationTime: '', //整改时间
remark: '', // 备注
searchBeginTime: '',
searchEndTime: '',
searchState: 0,
searchValue: '',
simpleProblemDesc: '', // 问题简要描述
sortBy: '',
supvResouce: '', // 标准出处
supvStandard: '', // 监督标准
supvStandardSort: '' // 监督标准序号
}
}
//初始化数据
resetForm()
//定义校验规则
const rules = ref({
discoveryTime: [
{
required: true,
message: '请选择问题发现时间',
trigger: 'change'
}
],
dutyOrgId: [
{
required: true,
message: '请选择责任单位',
trigger: 'change'
}
],
ifReleaseWarning: [
{
required: true,
message: '请选择是否发布预警',
trigger: 'change'
}
],
monitorType: [
{
required: true,
message: '请选择监测点类型',
trigger: 'change'
}
],
planRectificationTime: [
{
required: true,
message: '请选择计划整改时间',
trigger: 'change'
}
],
problemDesc: [
{
required: true,
message: '请输入问题描述',
trigger: 'blur'
}
],
problemLevel: [
{
required: true,
message: '请选择问题等级',
trigger: 'change'
}
],
problemLevelReason: [
{
required: true,
message: '请输入定级依据',
trigger: 'blur'
}
],
problemType: [
{
required: true,
message: '请选择问题类型',
trigger: 'change'
}
],
rectificationMeasure: [
{
required: false,
message: '请输入整改措施',
trigger: 'change'
}
],
rectificationProgramme: [
{
required: true,
message: '请输入整改方案',
trigger: 'blur'
}
],
rectificationStatus: [
{
required: true,
message: '请选择整改情况',
trigger: 'change'
}
],
rectificationTime: [
{
required: true,
message: '请选择整改时间',
trigger: 'change'
}
],
remark: [
{
required: false,
message: '请输入备注',
trigger: 'blur'
}
],
simpleProblemDesc: [
{
required: true,
message: '请输入问题简要描述',
trigger: 'blur'
}
],
supvResouce: [
{
required: true,
message: '请输入标准出处',
trigger: 'blur'
}
],
supvStandard: [
{
required: true,
message: '请输入监督标准',
trigger: 'blur'
}
],
supvStandardSort: [
{
required: true,
message: '请输入监督标准序号',
trigger: 'blur'
}
]
})
watch(
() => form.value,
(val, oldVal) => {},
{
deep: true,
immediate: true
}
)
const open = () => {
dialogFormVisible.value = true
}
const close = () => {
//重置表单内容
//取消表单校验状态
ruleFormRef.value && ruleFormRef.value.resetFields()
dialogFormVisible.value = false
emits('onSubmit')
resetForm()
}
onMounted(() => {
console.log()
})
//设置监督类型时间选择范围不能<今天
const disabledDate = time => {
return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
}
//提交
const confirmForm = () => {
// 提交终端信息
ruleFormRef.value.validate(valid => {
if (valid) {
form.value.planId = props.planId;
console.log(form.value,"=========form.value");
let confirmFormData = JSON.parse(JSON.stringify(form.value))
addPlanProblemFormData(confirmFormData).then(res => {
ruleFormRef.value.resetFields()
resetForm()
close()
})
} else {
console.log('表单验证失败')
return false
}
})
}
defineExpose({ open })
</script>
<style lang="scss" scoped>
.fixed-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: calc(100% - 30px);
}
.el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
}
.dialog-footer {
padding: 10px;
}
/* 调整标签的换行行为 */
.label_over_warp::v-deep .el-form-item__label {
// white-space: pre-line !important;
line-height: 16px !important;
}
::v-deep .el-form-item {
padding: 0 10px;
height: auto !important;
}
::v-deep .el-form-item__label {
justify-content: flex-start !important;
}
.form-label-left-align {
text-align: left;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
.no_required::v-deep .el-form-item__label {
padding-left: 10px !important;
}
::v-deep .el-input {
width: 200px !important;
}
::v-deep .el-select {
width: 200px !important;
}
::v-deep .required_position {
position: relative;
.required_icon {
position: absolute;
left: -10px;
margin-top: 8px;
color: #f56c6c;
margin-left: 20px;
margin-right: 10px;
}
.required_icon_white {
color: #fff;
position: absolute;
left: -10px;
padding-left: 10px;
margin: 8px 10px 0 10px;
}
.required_text {
// padding-left: 20px;
}
.el-form-item__label {
padding-left: 10px;
}
}
// ::v-deep .tabs_form{
// height:300px !important;
// }
</style>

247
src/views/pqs/supervise/plan/components/effectProblem/index.vue Normal file
View File

@@ -0,0 +1,247 @@
<template>
<el-dialog
v-model="dialogFormVisible"
title="技术监督计划实施问题"
width="90%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
draggable
custom-class="fixed-dialog"
@closed="close"
>
<TableHeader area datePicker ref="TableHeaderRef">
<!-- <template #select>
<el-form-item label="工程名称">
<el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
</el-form-item>
<el-form-item label="所属地市">
<el-select v-model="tableStore.table.params.loadType" 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>
</template> -->
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
<!-- <el-button icon="el-icon-Download" @click="exportEvent" type="primary">导出</el-button> -->
</template>
</TableHeader>
<Table ref="tableRefs" />
</el-dialog>
<addForm ref="addFormRef" :planId="planId" @onSubmit="effectTableStore.index()"></addForm>
</template>
<script lang="ts" setup>
import { ref, onMounted, reactive, defineExpose, defineProps, defineEmits, watch, onUnmounted } from 'vue'
import { useDictData } from '@/stores/dictData'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import addForm from './addForm.vue'
import { queryByAllCode } from '@/api/system-boot/dictTree'
import { useAdminInfo } from '@/stores/adminInfo'
import { uploadFile } from '@/api/system-boot/file'
import { addPlanFormData, getUserByDeptId } from '@/api/supervision-boot/plan/index'
import { getAreaList } from '@/api/common'
import Area from '@/components/form/area/index.vue'
const emits = defineEmits([''])
const props = defineProps({
effectProblemForm: {
type: Object,
default: () => ({})
}
})
const planId: any = ref('')
const dictData = useDictData()
const dialogFormVisible = ref(false)
const tableRefs = ref()
const effectTableStore = new TableStore({
url: '/supervision-boot/superProblem/pageProblem',
publicHeight: 65,
method: 'POST',
column: [
{ title: '序号', type: 'seq', width: 80 },
{
field: 'problemDesc',
title: '问题描述',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{
field: 'problemLevel',
title: '问题等级',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{
field: 'problemLevelReason',
title: '定级依据',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{ field: 'problemType', title: '问题类型', minWidth: 170 },
{ field: 'rectificationMeasure', title: '整改措施', minWidth: 170 },
{ field: 'rectificationProgramme', title: '整改方案', minWidth: 170 },
{ field: 'rectificationStatus', title: '整改情况', minWidth: 170 },
{ field: 'rectificationTime', title: '整改时间', minWidth: 170 },
{ field: 'remark', title: '备注', minWidth: 170 },
{ field: 'searchBeginTime', title: '开始时间', minWidth: 170 },
{ field: 'searchEndTime', title: '结束时间', minWidth: 170 },
{
title: '操作',
minWidth: 150,
fixed: 'right',
render: 'buttons',
buttons: [
{
name: 'productSetting',
title: '详情',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleDetail(row)
}
},
{
name: 'productSetting',
title: '修改',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleEdit(row)
}
}
]
}
],
beforeSearchFun: () => {
effectTableStore.table.params.orgNo = effectTableStore.table.params.deptIndex
}
})
watch(
() => props.effectProblemForm,
(val, oldVal) => {
if (val.planId != '' && dialogFormVisible.value) {
planId.value = val.planId
effectTableStore.table.params.planId = planId.value
effectTableStore.index()
}
},
{
deep: true,
immediate: true
}
)
provide('tableStore', effectTableStore)
const open = () => {
dialogFormVisible.value = true
}
const close = () => {
dialogFormVisible.value = false
// emits('onSubmit')
}
//新增
const addFormRef=ref()
const addFormModel=()=>{
addFormRef.value.open()
}
//详情
const handleDetail = (row: any) => {
console.log(row)
}
//修改
const handleEdit = (row: any) => {
console.log(row)
}
onMounted(() => {})
defineExpose({ open })
</script>
<style lang="scss" scoped>
.fixed-dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: calc(100% - 30px);
}
.el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
}
.dialog-footer {
padding: 10px;
}
/* 调整标签的换行行为 */
.label_over_warp::v-deep .el-form-item__label {
// white-space: pre-line !important;
line-height: 16px !important;
}
::v-deep .el-form-item {
padding: 0 10px;
height: auto !important;
}
::v-deep .el-form-item__label {
justify-content: flex-start !important;
}
.form-label-left-align {
text-align: left;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
.no_required::v-deep .el-form-item__label {
padding-left: 10px !important;
}
::v-deep .el-input {
width: 200px !important;
}
::v-deep .el-select {
width: 200px !important;
}
::v-deep .required_position {
position: relative;
.required_icon {
position: absolute;
left: -10px;
margin-top: 8px;
color: #f56c6c;
margin-left: 20px;
margin-right: 10px;
}
.required_icon_white {
color: #fff;
position: absolute;
left: -10px;
padding-left: 10px;
margin: 8px 10px 0 10px;
}
.required_text {
// padding-left: 20px;
}
.el-form-item__label {
padding-left: 10px;
}
}
// ::v-deep .tabs_form{
// height:300px !important;
// }
</style>

187
src/views/pqs/supervise/plan/components/index.vue
View File

@@ -1,187 +0,0 @@
<!---终端入网检测-->
<template>
<TableHeader area datePicker ref="TableHeaderRef">
<!-- <template #select>
<el-form-item label="工程名称">
<el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
</el-form-item>
<el-form-item label="所属地市">
<el-select v-model="tableStore.table.params.loadType" 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>
</template> -->
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
<!-- <el-button icon="el-icon-Download" @click="exportEvent" type="primary">导出</el-button> -->
</template>
</TableHeader>
<Table ref="tableRef" />
<!-- 新增弹框 -->
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
</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 { useRouter } from 'vue-router'
import { useDictData } from '@/stores/dictData'
import { getLoadTypeUserList } from '@/api/process-boot/interference'
import addForm from './addForm.vue'
const dictData = useDictData()
const { push } = useRouter()
const TableHeaderRef = ref()
const tableRef = ref()
const areaOptionList = dictData.getBasicData('jibei_area')
const ruleFormRef = ref()
const show: any = ref(false)
const fileList = ref([])
const tableStore = new TableStore({
url: '/supervision-boot/superPlan/pagePlan',
publicHeight: 65,
method: 'POST',
column: [
{ title: '序号', type: 'seq', width: 80 },
{ field: 'province', title: '所属省份' , minWidth: 170 },
{ field: 'city', title: '所属地市' , minWidth: 170 },
{ field: 'county', title: '所属县区' , minWidth: 170 },
{ field: 'supvOrgId', title: '监督单位' , minWidth: 170 },
{ field: 'workPlanName', title: '计划名称' , minWidth: 170 },
{ field: 'planSupvDate', title: '计划监督时间', minWidth: 170},
{ field: 'supvType', title: '监督类型' , minWidth: 170 },
{ field: 'supvStage', title: '监督阶段' , minWidth: 170 },
{ field: 'supvObjType', title: '监督对象类型' , minWidth: 170 },
// {
// field: 'status',
// title: '审核状态',
// minWidth: 100,
// render: 'tag',
// custom: {
// 1: 'primary',
// 2: 'success',
// 3: 'danger',
// 4: 'warning'
// },
// replaceValue: {
// 1: '审批中',
// 2: '审批通过',
// 3: '审批不通过',
// 4: '已取消'
// }
// },
{
title: '操作',
minWidth: 150,
fixed: 'right',
render: 'buttons',
buttons: [
{
name: 'productSetting',
title: '流程详情',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleAudit(row.processInstanceId)
}
}
]
}
],
beforeSearchFun: () => {
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
// tableStore.table.params.relationUserName = tableStore.table.params.userName
}
})
// tableStore.table.params.loadType = ''
// tableStore.table.params.userName = ''
// tableStore.table.params.fileUploadflag = ''
console.log(tableStore.table.params,"=========查询列表");
provide('tableStore', tableStore)
const addForms = ref()
const addFormModel = () => {
setTimeout(() => {
addForms.value.open()
}, 0);
}
const exportEvent = () => {
let form = JSON.parse(JSON.stringify(tableStore.table.params))
form.pageNum = 1
form.pageSize = tableStore.table.total
getLoadTypeUserList(form).then(res => {
tableRef.value.getRef().exportData({
filename: '未建档非线性用户', // 文件名字
sheetName: 'Sheet1',
type: 'xlsx', //导出文件类型 xlsx 和 csv
useStyle: true,
data: res.data.records, // 数据源 // 过滤那个字段导出
columnFilterMethod: function (column: any) {
return !(column.$columnIndex === 0)
}
})
})
}
onMounted(() => {
tableStore.index()
})
/** 处理审批按钮 */
const handleAudit = (instanceId: any) => {
push({
name: 'BpmProcessInstanceDetail',
query: {
id: instanceId
}
})
}
/**获取用户性质*/
const getUserTypeName = (userType: any) => {
if (userType === 0) {
return '新建电网工程'
}
if (userType === 1) {
return '扩建电网工程'
}
if (userType === 2) {
return '新建非线性负荷用户'
}
if (userType === 3) {
return '扩建非线性负荷用户'
}
if (userType === 4) {
return '新建新能源发电站'
}
if (userType === 5) {
return '扩建新能源发电站'
}
if (userType === 6) {
return '敏感及重要用户'
}
return '新建电网工程'
}
</script>
<style scoped lang="scss">
:deep(.el-upload-list__item) {
width: 400px;
}
::v-deep .el-input__wrapper {
// width: 200px !important;
}
</style>

286
src/views/pqs/supervise/plan/index.vue
View File

@@ -1,25 +1,289 @@
<!-- 技术监督计划 -->
<!---技术监督计划-->
<template>
<div class="default-main">
<plan/>
<TableHeader area datePicker ref="TableHeaderRef">
<!-- <template #select>
<el-form-item label="工程名称">
<el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
</el-form-item>
<el-form-item label="所属地市">
<el-select v-model="tableStore.table.params.loadType" 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>
</template> -->
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
<!-- <el-button icon="el-icon-Download" @click="exportEvent" type="primary">导出</el-button> -->
</template>
</TableHeader>
<Table ref="tableRef" />
<!-- 新增弹框 -->
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
<!-- 实施问题弹框 -->
<effectProblem
ref="effectProblemList"
@onSubmit="tableStore.index()"
:effectProblemForm="effectProblemForm"
></effectProblem>
</div>
</template>
<script setup lang="ts">
import { onMounted, reactive, ref, provide } from 'vue'
import plan from './components/index.vue'
import { ref, onMounted, provide, nextTick } from 'vue'
import { mainHeight } from '@/utils/layout'
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 { getLoadTypeUserList } from '@/api/process-boot/interference'
import { useDictData } from '@/stores/dictData'
import addForm from './components/addForm.vue'
import effectProblem from './components/effectProblem/index.vue'
import { planDetailsAudit } from '@/api/supervision-boot/plan/index'
defineOptions({
name: 'supervise/plan'
name: '/admin/plan'
})
const activeName = ref('1')
const Statistics = ref()
const compatibility = ref()
const layout = mainHeight(63) as any
const dictData = useDictData()
const { push } = useRouter()
const TableHeaderRef = ref()
const tableRef = ref()
//字典获取监督类型
const supvTypeList = dictData.getBasicData('supv_type')
//字典获取监督阶段
const supvStageList = dictData.getBasicData('supv_stage')
//字典获取监督对象类型
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
const tableStore = new TableStore({
url: '/supervision-boot/superPlan/pagePlan',
publicHeight: 65,
method: 'POST',
column: [
{ title: '序号', type: 'seq', width: 80 },
{
field: 'province',
title: '所属省份',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{
field: 'city',
title: '所属地市',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{
field: 'county',
title: '所属县区',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue ? row.cellValue : '/'
}
},
{ field: 'supvOrgId', title: '监督单位', minWidth: 170 },
{ field: 'workPlanName', title: '计划名称', minWidth: 170 },
{ field: 'planSupvDate', title: '计划监督时间', minWidth: 170 },
{
field: 'status',
title: '审核状态',
minWidth: 100,
render: 'tag',
custom: {
1: 'primary',
2: 'success',
3: 'danger',
4: 'warning'
},
replaceValue: {
1: '审批中',
2: '审批通过',
3: '审批不通过',
4: '已取消'
}
},
{
field: 'supvType',
title: '监督类型',
minWidth: 170,
formatter: (row: any) => {
return supvTypeList.filter(item => item.id === row.cellValue)[0]?.name
}
},
{
field: 'supvStage',
title: '监督阶段',
minWidth: 170,
formatter: (row: any) => {
return supvStageList.filter(item => item.id === row.cellValue)[0]?.name
}
},
{
field: 'supvObjType',
title: '监督对象类型',
minWidth: 170,
formatter: (row: any) => {
return supvObjTypeList.filter(item => item.id === row.cellValue)[0]?.name
}
},
{
field: 'objType',
title: '监督对象属性',
minWidth: 170,
formatter: (row: any) => {
return row.cellValue == '1' ? '在运站' : '新（改、扩）建站'
}
},
{
title: '操作',
minWidth: 200,
fixed: 'right',
render: 'buttons',
buttons: [
{
name: 'productSetting',
title: '流程详情',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleDetails(row.processInstanceId)
},
disabled: row => {
return !row.processInstanceId
}
},
{
name: 'productSetting',
title: '实施问题',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleEffectProblem(row)
}
},
{
name: 'productSetting',
title: '提交审核',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'basicButton',
click: row => {
handleAudit(row)
}
}
]
}
],
beforeSearchFun: () => {
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
// tableStore.table.params.relationUserName = tableStore.table.params.userName
}
})
// tableStore.table.params.loadType = ''
// tableStore.table.params.userName = ''
// tableStore.table.params.fileUploadflag = ''
provide('tableStore', tableStore)
const addForms = ref()
const addFormModel = () => {
setTimeout(() => {
addForms.value.open()
}, 0)
}
const exportEvent = () => {
let form = JSON.parse(JSON.stringify(tableStore.table.params))
form.pageNum = 1
form.pageSize = tableStore.table.total
getLoadTypeUserList(form).then(res => {
tableRef.value.getRef().exportData({
filename: '未建档非线性用户', // 文件名字
sheetName: 'Sheet1',
type: 'xlsx', //导出文件类型 xlsx 和 csv
useStyle: true,
data: res.data.records, // 数据源 // 过滤那个字段导出
columnFilterMethod: function (column: any) {
return !(column.$columnIndex === 0)
}
})
})
}
onMounted(() => {
tableStore.index()
})
//
const handleDetails = (id: any) => {
push({
name: 'BpmProcessInstanceDetail',
query: {
id: id
}
})
}
/** 提交审核按钮 */
const handleAudit = (row: any) => {
planDetailsAudit({ id: row.planId }).then(res => {
tableStore.index()
})
}
// 实施问题按钮
const effectProblemList = ref()
const effectProblemForm: any = ref({})
const handleEffectProblem = (row: any) => {
effectProblemForm.value = row
effectProblemList.value.open()
}
/**获取用户性质*/
const getUserTypeName = (userType: any) => {
if (userType === 0) {
return '新建电网工程'
}
if (userType === 1) {
return '扩建电网工程'
}
if (userType === 2) {
return '新建非线性负荷用户'
}
if (userType === 3) {
return '扩建非线性负荷用户'
}
if (userType === 4) {
return '新建新能源发电站'
}
if (userType === 5) {
return '扩建新能源发电站'
}
if (userType === 6) {
return '敏感及重要用户'
}
return '新建电网工程'
}
</script>
<style lang="scss" scoped>
<style scoped lang="scss">
:deep(.el-upload-list__item) {
width: 400px;
}
::v-deep .el-input__wrapper {
// width: 200px !important;
}
.bars_w {
width: 100%;
height: 500px;