冀北项目添加表格导出功能 技术监督添加下载模版上传功能
This commit is contained in:
699
src/views/pqs/supervise_hn/plan/components/addForm.vue
Normal file
699
src/views/pqs/supervise_hn/plan/components/addForm.vue
Normal file
@@ -0,0 +1,699 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="dialogFormVisible"
|
||||
:title="title"
|
||||
width="65%"
|
||||
: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="auto"
|
||||
class="form-two"
|
||||
>
|
||||
<el-form-item for="-" label="计划名称：" prop="workPlanName">
|
||||
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督单位：" prop="supvOrgId">
|
||||
<Area ref="areaRef" v-model="form.supvOrgId" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="计划编制单位：" prop="planOrgId">
|
||||
<Area ref="areaRef" v-model="form.planOrgId" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督类型：" prop="supvType">
|
||||
<el-select v-model="form.supvType" clearable style="width: 100%" placeholder="请选择监督类型">
|
||||
<el-option
|
||||
v-for="item in supvTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督阶段：" prop="supvStage">
|
||||
<el-select v-model="form.supvStage" clearable style="width: 100%" placeholder="请选择监督阶段">
|
||||
<el-option
|
||||
v-for="item in supvStageList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="计划监督时间：" prop="planSupvDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.planSupvDate"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择计划监督时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象类型：" prop="supvObjType">
|
||||
<el-select v-model="form.supvObjType" clearable style="width: 100%" placeholder="请选择监督对象类型">
|
||||
<el-option
|
||||
v-for="item in supvObjTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象名称：" prop="supvObjName">
|
||||
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象电压等级：" prop="objVoltageLevel">
|
||||
<el-select
|
||||
v-model="form.objVoltageLevel"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择监督对象电压等级"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in voltageLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象属性：" prop="objType">
|
||||
<el-select v-model="form.objType" clearable style="width: 100%" placeholder="请选择监督对象属性">
|
||||
<el-option
|
||||
v-for="item in objTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象属性名称：" prop="objTypeName">
|
||||
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象协议容量：" prop="objCapacity">
|
||||
<el-input
|
||||
oninput="value=value.replace(/[^0-9.]/g,'')"
|
||||
v-model="form.objCapacity"
|
||||
autocomplete="off"
|
||||
placeholder="请输入监督对象监督对象协议容量"
|
||||
>
|
||||
<template #append>MVA</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象关联电站：" prop="substationName">
|
||||
<el-input v-model="form.substationName" autocomplete="off" placeholder="请输入监督对象关联电站" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督对象关联电站电压等级：" prop="substationVoltageLevel">
|
||||
<el-select
|
||||
v-model="form.substationVoltageLevel"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择监督对象关联电站电压等级"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in voltageLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="实施状态：" prop="effectStatus">
|
||||
<el-select v-model="form.effectStatus" clearable style="width: 100%" placeholder="请选择实施状态">
|
||||
<el-option
|
||||
v-for="item in effectStatusList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="实施人员：">
|
||||
<el-select v-model="form.effectUserId" clearable style="width: 100%" placeholder="请选择实施人员">
|
||||
<el-option
|
||||
v-for="item in effectUserIdList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="开始实施时间：">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.effectStartTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择开始实施时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="结束实施时间：">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.effectEndTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择结束实施时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="报告出具时间：">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.reportIssueTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择报告出具时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="电能质量问题发生时间：">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.problemOcTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择电能质量问题发生时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="计划状态：">
|
||||
<el-select v-model="form.planStatus" clearable style="width: 100%" placeholder="请选择计划状态">
|
||||
<el-option
|
||||
v-for="item in planStatusList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="其他要求：" style="width: 100%">
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="form.otherRemark"
|
||||
autocomplete="off"
|
||||
placeholder="请输入其他要求"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="盖章报告："
|
||||
class="uploadFile"
|
||||
prop="informationSecurityTestReport"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.informationSecurityTestReport"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('informationSecurityTestReport')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="佐证材料："
|
||||
class="uploadFile"
|
||||
prop="acceptanceInspectionReportSingle"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.acceptanceInspectionReportSingle"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('acceptanceInspectionReportSingle')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="计划变更材料："
|
||||
class="uploadFile"
|
||||
prop="acceptanceInspectionReport"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.acceptanceInspectionReport"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('acceptanceInspectionReport')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="告预警单材料："
|
||||
class="uploadFile"
|
||||
prop="typeExperimentReport"
|
||||
:show-message="false"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.typeExperimentReport"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('typeExperimentReport')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="告预警单反馈材料："
|
||||
class="uploadFile"
|
||||
prop="factoryInspectionReport"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.factoryInspectionReport"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('factoryInspectionReport')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
for="-"
|
||||
v-if="false"
|
||||
label="评估报告："
|
||||
class="uploadFile"
|
||||
prop="performanceTestReport"
|
||||
:show-message="false"
|
||||
>
|
||||
<el-upload
|
||||
v-model:file-list="form.performanceTestReport"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
:accept="acceptType"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('performanceTestReport')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</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, defineExpose, defineEmits, watch } from 'vue'
|
||||
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
|
||||
import { genFileId, ElMessage } from 'element-plus'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { useAdminInfo } from '@/stores/adminInfo'
|
||||
import { uploadFile } from '@/api/system-boot/file'
|
||||
import {
|
||||
addPlanFormData,
|
||||
getUserByDeptId,
|
||||
getPlanDetailsById,
|
||||
updatePlanFormData
|
||||
} from '@/api/supervision-boot/plan/index'
|
||||
import Area from '@/components/form/area/index.vue'
|
||||
const emits = defineEmits(['onSubmit'])
|
||||
const dictData = useDictData()
|
||||
const dialogFormVisible = ref(false)
|
||||
const form: any = ref({})
|
||||
const title = ref('')
|
||||
const ruleFormRef = ref(null)
|
||||
// .xls,.xlsx
|
||||
const acceptType = ''
|
||||
//获取登陆用户姓名和部门
|
||||
const adminInfo = useAdminInfo()
|
||||
//字典获取监督类型
|
||||
const supvTypeList = dictData.getBasicData('supv_type')
|
||||
//字典获取监督阶段
|
||||
const supvStageList = dictData.getBasicData('supv_stage')
|
||||
//字典获取监督对象类型
|
||||
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
|
||||
//字典获取实施状态
|
||||
const effectStatusList = dictData.getBasicData('effect_status')
|
||||
//字典获取计划状态
|
||||
const planStatusList = dictData.getBasicData('plan_status')
|
||||
//字典获取电压等级
|
||||
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||
//监督对象属性
|
||||
const objTypeList = [
|
||||
{
|
||||
id: '1',
|
||||
name: '在运站'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
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: supvTypeList[0].id, //监督类型
|
||||
supvStage: supvStageList[0]?.id, //监督阶段
|
||||
planSupvDate: '', //计划监督时间
|
||||
supvObjType: supvObjTypeList[0]?.id, //监督对象类型
|
||||
supvObjName: '', //监督对象名称
|
||||
objVoltageLevel: voltageLevelList[0].id, // 监督对象电压等级
|
||||
objType: objTypeList[0].id, //监督对象属性
|
||||
objTypeName: '', //监督对象属性名称
|
||||
objCapacity: '0', //监督对象协议容量
|
||||
substationName: '', //监督对象关联电站
|
||||
substationVoltageLevel: voltageLevelList[0].id, // 监督对象关联电站电压等级
|
||||
effectStatus: effectStatusList[0].id, //实施状态
|
||||
effectStartTime: '', //开始实施时间
|
||||
effectEndTime: '', //结束实施时间
|
||||
reportIssueTime: '', //报告出具时间
|
||||
problemOcTime: '', //电能质量问题发生时间
|
||||
effectUserId: effectUserIdList.value[0]?.id, //实施人员
|
||||
planStatus: planStatusList[0].id, //计划状态
|
||||
otherRemark: '', //其他要求
|
||||
planUserId: '' //计划编制人,挡墙登陆用户
|
||||
// sealReport: '', //盖章报告
|
||||
// evidenceMaterials:'', //佐证材料
|
||||
// planChangeMaterials: '', //计划变更材料
|
||||
// alarmMaterials:'', //告预警单材料
|
||||
// alarmFeedbackMaterials: '', //告预警单反馈材料
|
||||
// assessReport:'' //评估报告
|
||||
}
|
||||
}
|
||||
//初始化数据
|
||||
resetForm()
|
||||
//定义校验规则
|
||||
const rules = ref({
|
||||
//基础信息
|
||||
workPlanName: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入计划名称',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
supvOrgId: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督单位',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
planOrgId: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择计划编制单位',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
supvType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督类型',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
supvStage: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督阶段',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
planSupvDate: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择计划监督时间',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
supvObjType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督对象类型',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
supvObjName: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入监督对象名称',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
objVoltageLevel: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督对象电压等级',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
objType: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督对象属性',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
objTypeName: [
|
||||
{
|
||||
required: false,
|
||||
message: '请输入监督对象属性名称',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
objCapacity: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入监督对象监督对象协议容量',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
substationName: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入监督对象关联电站',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
substationVoltageLevel: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择监督对象关联电站电压等级',
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
effectStatus: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择实施状态',
|
||||
trigger: 'change'
|
||||
}
|
||||
]
|
||||
})
|
||||
watch(
|
||||
() => form.value,
|
||||
(val, oldVal) => {},
|
||||
{
|
||||
deep: true,
|
||||
immediate: true
|
||||
}
|
||||
)
|
||||
const resendId = ref('')
|
||||
const open = (row: any) => {
|
||||
title.value = row.title
|
||||
dialogFormVisible.value = true
|
||||
if (row.row) {
|
||||
resendId.value = row.row.planId
|
||||
getPlanDetailsById({ id: row.row.planId }).then(res => {
|
||||
form.value = res.data
|
||||
})
|
||||
} else {
|
||||
resendId.value = ''
|
||||
}
|
||||
}
|
||||
const close = () => {
|
||||
//重置表单内容
|
||||
//取消表单校验状态
|
||||
ruleFormRef.value && ruleFormRef.value.resetFields()
|
||||
dialogFormVisible.value = false
|
||||
emits('onSubmit')
|
||||
resetForm()
|
||||
}
|
||||
onMounted(() => {
|
||||
console.log()
|
||||
})
|
||||
// 上传报告
|
||||
const uploadRef = ref()
|
||||
const handleExceed: UploadProps['onExceed'] = files => {
|
||||
uploadRef.value!.clearFiles()
|
||||
const file = files[0] as UploadRawFile
|
||||
file.uid = genFileId()
|
||||
uploadRef.value!.handleStart(file)
|
||||
}
|
||||
let uploadName = ref('')
|
||||
//上传报告改变
|
||||
const uploadFileName = val => {
|
||||
uploadName.value = val
|
||||
}
|
||||
// 盖章报告
|
||||
const sealReport = ref('')
|
||||
// 佐证材料
|
||||
const evidenceMaterials = ref('')
|
||||
// 计划变更材料
|
||||
const planChangeMaterials = ref('')
|
||||
//告预警单材料
|
||||
const alarmMaterials = ref('')
|
||||
//告预警单反馈材料
|
||||
const alarmFeedbackMaterials = ref('')
|
||||
//评估报告
|
||||
const assessReport = ref('')
|
||||
const choose = (e: any) => {
|
||||
uploadFile(e.raw, '/supervision/').then(res => {
|
||||
//盖章报告
|
||||
if (uploadName.value == 'sealReport') {
|
||||
sealReport.value = res.data.name
|
||||
}
|
||||
//佐证材料
|
||||
else if (uploadName.value == 'evidenceMaterials') {
|
||||
evidenceMaterials.value = res.data.name
|
||||
}
|
||||
//计划变更材料
|
||||
else if (uploadName.value == 'planChangeMaterials') {
|
||||
planChangeMaterials.value = res.data.name
|
||||
}
|
||||
//告预警单材料
|
||||
else if (uploadName.value == 'alarmMaterials') {
|
||||
alarmMaterials.value = res.data.name
|
||||
}
|
||||
//告预警单反馈材料
|
||||
else if (uploadName.value == 'alarmFeedbackMaterials') {
|
||||
alarmFeedbackMaterials.value = res.data.name
|
||||
}
|
||||
//评估报告
|
||||
else if (uploadName.value == 'assessReport') {
|
||||
assessReport.value = res.data.name
|
||||
}
|
||||
})
|
||||
}
|
||||
//设置监督类型时间选择范围不能<今天
|
||||
const disabledDate = time => {
|
||||
return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
|
||||
}
|
||||
//提交
|
||||
const confirmForm = () => {
|
||||
// 提交终端信息
|
||||
ruleFormRef.value.validate(valid => {
|
||||
if (valid) {
|
||||
form.value.planUserId = adminInfo.$state.id
|
||||
let confirmFormData = JSON.parse(JSON.stringify(form.value))
|
||||
//提交终端信息
|
||||
// confirmFormData = {
|
||||
// ...confirmFormData,
|
||||
// sealReport: sealReport?.value, //盖章报告
|
||||
// evidenceMaterials: evidenceMaterials.value, //佐证材料
|
||||
// planChangeMaterials: planChangeMaterials.value, //计划变更材料
|
||||
// alarmMaterials: alarmMaterials.value, //告预警单材料
|
||||
// alarmFeedbackMaterials: alarmFeedbackMaterials.value, //告预警单反馈材料
|
||||
// assessReport: assessReport.value //评估报告
|
||||
// }
|
||||
if (title.value == '技术监督计划') {
|
||||
addPlanFormData(confirmFormData).then(res => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage({
|
||||
message: '新建技术监督计划成功',
|
||||
type: 'success'
|
||||
})
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
close()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log(confirmFormData)
|
||||
confirmFormData.id = resendId.value
|
||||
confirmFormData.planSupvDate = confirmFormData.planSupvDate.replace('T', ' ')
|
||||
updatePlanFormData(confirmFormData).then(res => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage({
|
||||
message: '重新发起成功',
|
||||
type: 'success'
|
||||
})
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
close()
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped></style>
|
||||
314
src/views/pqs/supervise_hn/plan/components/detail.vue
Normal file
314
src/views/pqs/supervise_hn/plan/components/detail.vue
Normal file
@@ -0,0 +1,314 @@
|
||||
<template>
|
||||
<el-descriptions :column="2" border>
|
||||
<el-descriptions-item label="计划名称">
|
||||
{{ detailData.workPlanName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督单位">
|
||||
{{ detailData.supvOrgName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划编制单位">
|
||||
{{ detailData.planOrgName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督类型">
|
||||
{{
|
||||
supvTypeList.find(item => {
|
||||
return item.id == detailData.supvType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督阶段">
|
||||
{{
|
||||
supvStageList.find(item => {
|
||||
return item.id == detailData.supvStage
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划监督时间">
|
||||
{{ formatDate(detailData.planSupvDate, 'YYYY-MM-DD') }}
|
||||
</el-descriptions-item>
|
||||
<!--文件地址-->
|
||||
<el-descriptions-item label="监督对象类型" v-if="detailData.lineFilePath">
|
||||
{{
|
||||
supvTypeList.find(item => {
|
||||
return item.id == detailData.supvObjType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象名称">
|
||||
{{ detailData.supvObjName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象电压等级">
|
||||
{{
|
||||
voltageLevelList.find(item => {
|
||||
return item.id == detailData.objVoltageLevel
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象属性">
|
||||
{{
|
||||
objTypeList.find(item => {
|
||||
return item.id == detailData.objType
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象属性名称">
|
||||
{{ detailData.objTypeName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象协议容量(MVA)">
|
||||
{{ detailData.objCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象关联电站">
|
||||
{{ detailData.substationName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="监督对象关联电站电压等级">
|
||||
{{
|
||||
voltageLevelList.find(item => {
|
||||
return item.id == detailData.substationVoltageLevel
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="实施状态">
|
||||
{{
|
||||
effectStatusList.find(item => {
|
||||
return item.id == detailData.effectStatus
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="开始实施时间">
|
||||
{{ detailData.effectStartTime }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="结束实施时间">
|
||||
{{ detailData.effectEndTime }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="报告出具时间">
|
||||
{{ detailData.reportIssueTime }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="电能质量问题发生时间">
|
||||
{{ detailData.problemOcTime }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="实施人员">
|
||||
{{
|
||||
effectUserIdList.find(item => {
|
||||
return item.id == detailData.effectUserId
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划状态">
|
||||
{{
|
||||
planStatusList.find(item => {
|
||||
return item.id == detailData.planStatus
|
||||
})?.name
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="其他要求">
|
||||
{{ detailData.otherRemark }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="盖章报告" v-if="detailData.factoryInspectionReport">
|
||||
<el-icon class="elView" v-if="detailData?.factoryInspectionReport.name">
|
||||
<View @click="openFile(detailData?.factoryInspectionReport.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.factoryInspectionReport.url">
|
||||
{{ detailData?.factoryInspectionReport.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="佐证材料" v-if="detailData?.informationSecurityTestReport">
|
||||
<el-icon class="elView" v-if="detailData?.informationSecurityTestReport.name">
|
||||
<View @click="openFile(detailData?.informationSecurityTestReport.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.informationSecurityTestReport.url">
|
||||
{{ detailData?.informationSecurityTestReport.name }}
|
||||
</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="计划变更材料" v-if="detailData?.otherAttachments">
|
||||
<el-icon class="elView" v-if="detailData?.otherAttachments.name">
|
||||
<View @click="openFile(detailData?.otherAttachments.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.otherAttachments.url">{{ detailData?.otherAttachments.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="告预警单材料" v-if="detailData?.performanceTestReport">
|
||||
<el-icon class="elView" v-if="detailData?.performanceTestReport.name">
|
||||
<View @click="openFile(detailData?.performanceTestReport.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="告预警单反馈材料" v-if="detailData?.typeExperimentReport">
|
||||
<el-icon class="elView" v-if="detailData?.typeExperimentReport.name">
|
||||
<View @click="openFile(detailData?.typeExperimentReport.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.typeExperimentReport.url">{{ detailData?.typeExperimentReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="评估报告" v-if="detailData?.performanceTestReport">
|
||||
<el-icon class="elView" v-if="detailData?.performanceTestReport.name">
|
||||
<View @click="openFile(detailData?.performanceTestReport.name)" />
|
||||
</el-icon>
|
||||
<a :href="detailData?.performanceTestReport.url">{{ detailData?.performanceTestReport.name }}</a>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, ref, reactive } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { formatDate } from '@/utils/formatTime'
|
||||
import { propTypes } from '@/utils/propTypes'
|
||||
import { useDictData } from '@/stores/dictData'
|
||||
import { getFileNameAndFilePath } from '@/api/system-boot/file'
|
||||
import { getUserByDeptId, getPlanDetailsById } from '@/api/supervision-boot/plan/index'
|
||||
import { Link, View } from '@element-plus/icons-vue'
|
||||
import { useAdminInfo } from '@/stores/adminInfo'
|
||||
defineOptions({ name: 'BpmUserReportDetail' })
|
||||
const { query } = useRoute() // 查询参数
|
||||
const props = defineProps({
|
||||
id: propTypes.string.def(undefined)
|
||||
})
|
||||
console.log(propTypes.string.def(undefined), '999999999999传参')
|
||||
const detailLoading = ref(false) // 表单的加载中
|
||||
const detailData = ref<any>({}) // 详情数据
|
||||
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
|
||||
const dictData = useDictData()
|
||||
//字典获取监督类型
|
||||
const supvTypeList = dictData.getBasicData('supv_type')
|
||||
//字典获取监督阶段
|
||||
const supvStageList = dictData.getBasicData('supv_stage')
|
||||
//字典获取实施状态
|
||||
const effectStatusList = dictData.getBasicData('effect_status')
|
||||
//字典获取计划状态
|
||||
const planStatusList = dictData.getBasicData('plan_status')
|
||||
//监督对象类型
|
||||
const objTypeList = [
|
||||
{
|
||||
id: '1',
|
||||
name: '在运站'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: '新（改、扩）建站'
|
||||
}
|
||||
]
|
||||
//字典获取监测点电压等级
|
||||
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
|
||||
//获取登陆用户姓名和部门
|
||||
const adminInfo = useAdminInfo()
|
||||
//根据当前登陆用户的部门id查询实施人员
|
||||
const effectUserIdList = ref([])
|
||||
const getEffectUserList = () => {
|
||||
getUserByDeptId({ deptId: adminInfo.$state.deptId }).then(res => {
|
||||
effectUserIdList.value = res.data
|
||||
})
|
||||
}
|
||||
getEffectUserList()
|
||||
/** 获得数据 */
|
||||
const getInfo = async () => {
|
||||
detailLoading.value = true
|
||||
console.log(props.id, queryId, '流程详情内部的id')
|
||||
try {
|
||||
await getPlanDetailsById({ id: props.id || queryId }).then(res => {
|
||||
detailData.value = res.data
|
||||
getFileName()
|
||||
})
|
||||
} finally {
|
||||
detailLoading.value = false
|
||||
}
|
||||
}
|
||||
const getFileName = async () => {
|
||||
//验收检验报告
|
||||
if (detailData.value.acceptanceInspectionReport) {
|
||||
await getFileNamePath(detailData.value.acceptanceInspectionReport, 'acceptanceInspectionReport')
|
||||
}
|
||||
//验收检验报告单
|
||||
if (detailData.value.acceptanceInspectionReportSingle) {
|
||||
await getFileNamePath(detailData.value.acceptanceInspectionReportSingle, 'acceptanceInspectionReportSingle')
|
||||
}
|
||||
//出厂检验报告
|
||||
if (detailData.value.factoryInspectionReport) {
|
||||
await getFileNamePath(detailData.value.factoryInspectionReport, 'factoryInspectionReport')
|
||||
}
|
||||
//信息安全检测报告
|
||||
if (detailData.value.informationSecurityTestReport) {
|
||||
await getFileNamePath(detailData.value.informationSecurityTestReport, 'informationSecurityTestReport')
|
||||
}
|
||||
//监测点台账信息
|
||||
if (detailData.value.lineFilePath) {
|
||||
await getFileNamePath(detailData.value.lineFilePath, 'lineFilePath')
|
||||
}
|
||||
//其他附件
|
||||
if (detailData.value.otherAttachments) {
|
||||
await getFileNamePath(detailData.value.otherAttachments, 'otherAttachments')
|
||||
}
|
||||
}
|
||||
//根据文件名请求
|
||||
const getFileNamePath = async (val: any, pathName: any) => {
|
||||
await getFileNameAndFilePath({ filePath: val }).then(res => {
|
||||
if (res.data) {
|
||||
//可研报告
|
||||
if (pathName == 'acceptanceInspectionReport' && detailData.value.acceptanceInspectionReport) {
|
||||
detailData.value.acceptanceInspectionReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//终端台账信息
|
||||
else if (
|
||||
pathName == 'acceptanceInspectionReportSingle' &&
|
||||
detailData.value.acceptanceInspectionReportSingle
|
||||
) {
|
||||
detailData.value.acceptanceInspectionReportSingle = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//预测评估报告
|
||||
else if (pathName == 'factoryInspectionReport' && detailData.value.factoryInspectionReport) {
|
||||
detailData.value.factoryInspectionReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//预测评估评审意见报告
|
||||
else if (pathName == 'informationSecurityTestReport' && detailData.value.informationSecurityTestReport) {
|
||||
detailData.value.informationSecurityTestReport = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//用户接入变电站主接线示意图
|
||||
else if (pathName == 'lineFilePath' && detailData.value.lineFilePath) {
|
||||
detailData.value.lineFilePath = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
//主要敏感终端清单
|
||||
else if (pathName == 'otherAttachments' && detailData.value.otherAttachments) {
|
||||
detailData.value.otherAttachments = {
|
||||
name: res.data.fileName,
|
||||
url: res.data.url
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const openFile = (name: any) => {
|
||||
window.open(window.location.origin + '/#/previewFile?/supervision/' + name)
|
||||
}
|
||||
defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
|
||||
/** 初始化 **/
|
||||
onMounted(() => {
|
||||
getInfo()
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.default-main {
|
||||
// height: calc(100vh - 100px);
|
||||
overflow: auto;
|
||||
}
|
||||
::v-deep.el-icon svg {
|
||||
// margin: 5px !important;
|
||||
// position: absolute !important;
|
||||
// top: 20px !important;
|
||||
}
|
||||
.elView {
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,415 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="dialogFormVisible"
|
||||
:title="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"
|
||||
:disabled="openType != 'add'"
|
||||
label-width="auto"
|
||||
class="form-two"
|
||||
>
|
||||
<el-form-item for="-" label="责任单位：" prop="dutyOrgId">
|
||||
<Area ref="areaRef" v-model="form.dutyOrgId" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" 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-form-item for="-" 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-form-item for="-" 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-form-item for="-" 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-form-item for="-" 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-form-item for="-" label="监督标准：" prop="supvStandard">
|
||||
<el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督标准序号：" prop="supvStandardSort">
|
||||
<el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="标准出处：" prop="supvResouce">
|
||||
<el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" 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-form-item for="-" 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-form-item for="-" 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-form-item for="-" label="定级依据：" prop="problemLevelReason" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题简要描述：" prop="simpleProblemDesc" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.simpleProblemDesc" autocomplete="off" placeholder="请输入问题简要描述" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题描述：" prop="problemDesc" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改方案：" prop="rectificationProgramme" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.rectificationProgramme" autocomplete="off" placeholder="请输入整改方案" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改措施：" prop="rectificationMeasure" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="备注：" style="width:100%;">
|
||||
<el-input type="textarea" v-model="form.remark" autocomplete="off" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer v-if="openType != 'detail'">
|
||||
<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 title: 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 openType: any = ref('')
|
||||
const open = (row: any, val: any) => {
|
||||
//详情（后面做编辑，再修改判断条件）
|
||||
if (val == 'detail') {
|
||||
for (let key in row) {
|
||||
if (form.value.hasOwnProperty(key)) {
|
||||
form.value[key] = row[key] // 对相同的key进行赋值
|
||||
}
|
||||
}
|
||||
title.value = '技术计划监督实施问题详情'
|
||||
openType.value = 'detail'
|
||||
}
|
||||
//新增
|
||||
else if (val == 'add') {
|
||||
title.value = '技术计划监督实施问题新增'
|
||||
openType.value = 'add'
|
||||
nextTick(() => {
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
})
|
||||
}
|
||||
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
|
||||
let confirmFormData = JSON.parse(JSON.stringify(form.value))
|
||||
addPlanProblemFormData(confirmFormData).then(res => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage({
|
||||
message: '新增实施问题成功',
|
||||
type: 'success'
|
||||
})
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
close()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
@@ -0,0 +1,217 @@
|
||||
<template>
|
||||
<div class="default-main">
|
||||
<!-- <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 :showSearch="false" 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-Back" @click="go(-1)">返回</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>
|
||||
</div>
|
||||
</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'
|
||||
defineOptions({
|
||||
name: 'PlanEffectProblem'
|
||||
})
|
||||
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 problemTypeList = dictData.getBasicData('problem_type')
|
||||
//字典整改情况
|
||||
const rectificationStatusList = dictData.getBasicData('rectification_type')
|
||||
//字典问题等级
|
||||
const problemLevelList = dictData.getBasicData('problem_level_type')
|
||||
const effectTableStore = new TableStore({
|
||||
url: '/supervision-boot/superProblem/pageProblem',
|
||||
// publicHeight: 65,
|
||||
method: 'POST',
|
||||
column: [
|
||||
{ title: '序号', width: 80,formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
} },
|
||||
{
|
||||
field: 'problemDesc',
|
||||
title: '问题描述',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return row.cellValue ? row.cellValue : '/'
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'problemLevel',
|
||||
title: '问题等级',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return problemLevelList.filter(item => item.id === row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'problemLevelReason',
|
||||
title: '定级依据',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return row.cellValue ? row.cellValue : '/'
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'problemType',
|
||||
title: '问题类型',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return problemTypeList.filter(item => item.id === row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{ field: 'rectificationMeasure', title: '整改措施', minWidth: 170 },
|
||||
{ field: 'rectificationProgramme', title: '整改方案', minWidth: 170 },
|
||||
{
|
||||
field: 'rectificationStatus',
|
||||
title: '整改情况',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return rectificationStatusList.filter(item => item.id === row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'rectificationTime',
|
||||
title: '整改时间',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return row.cellValue.replace('T', ' ')
|
||||
}
|
||||
},
|
||||
{ field: 'remark', title: '备注', minWidth: 170 },
|
||||
{
|
||||
field: 'createBy',
|
||||
title: '填报人',
|
||||
minWidth: 80,
|
||||
formatter: (row: any) => {
|
||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
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',
|
||||
disabled: row => {
|
||||
return true
|
||||
},
|
||||
click: row => {
|
||||
handleEdit(row)
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
effectTableStore.table.params.orgNo = effectTableStore.table.params.deptIndex
|
||||
}
|
||||
})
|
||||
const { query } = useRoute() // 查询参数
|
||||
const { go } = useRouter() // 路由
|
||||
const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
|
||||
planId.value = queryId
|
||||
watch(
|
||||
() => queryId,
|
||||
(val, oldVal) => {
|
||||
if (val) {
|
||||
effectTableStore.table.params.planId = val
|
||||
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({}, 'add')
|
||||
}
|
||||
//详情
|
||||
const handleDetail = (row: any) => {
|
||||
addFormRef.value.open(row, 'detail')
|
||||
}
|
||||
//修改
|
||||
const handleEdit = (row: any) => {
|
||||
console.log(row)
|
||||
}
|
||||
onMounted(() => {})
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
391
src/views/pqs/supervise_hn/plan/index.vue
Normal file
391
src/views/pqs/supervise_hn/plan/index.vue
Normal file
@@ -0,0 +1,391 @@
|
||||
<!---技术监督计划-->
|
||||
<template>
|
||||
<div class="default-main">
|
||||
<TableHeader area datePicker 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>
|
||||
</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 { 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 { ElMessage } from 'element-plus'
|
||||
import { ElMessageBox } from 'element-plus/es'
|
||||
const dictData = useDictData()
|
||||
const statusSelect = dictData.statusSelect()
|
||||
import addForm from './components/addForm.vue'
|
||||
import effectProblem from './components/effectProblem/index.vue'
|
||||
import { planDetailsAudit, sendAlarm } from '@/api/supervision-boot/plan/index'
|
||||
import { useAdminInfo } from '@/stores/adminInfo'
|
||||
import { cancelPlanFormData } from '@/api/supervision-boot/plan/index'
|
||||
//获取登陆用户姓名和部门
|
||||
const adminInfo = useAdminInfo()
|
||||
defineOptions({
|
||||
name: 'plan'
|
||||
})
|
||||
const flag = ref(false)
|
||||
// const layout = mainHeight(120) as any
|
||||
|
||||
const { push, options, currentRoute } = useRouter()
|
||||
const router = 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: '序号', width: 80,formatter: (row: any) => {
|
||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||
} },
|
||||
{
|
||||
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: 'supvOrgName',
|
||||
title: '监督单位',
|
||||
minWidth: 170
|
||||
},
|
||||
{ field: 'workPlanName', title: '计划名称', minWidth: 170 },
|
||||
{
|
||||
field: 'planSupvDate',
|
||||
title: '计划监督时间',
|
||||
minWidth: 170,
|
||||
formatter: (row: any) => {
|
||||
return row.cellValue.replace('T', ' ')
|
||||
}
|
||||
},
|
||||
{
|
||||
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' ? '在运站' : '新（改、扩）建站'
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'createBy',
|
||||
title: '填报人',
|
||||
minWidth: 80,
|
||||
formatter: (row: any) => {
|
||||
return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
minWidth: 300,
|
||||
fixed: 'right',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '流程详情',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
click: row => {
|
||||
flag.value = true
|
||||
handleDetails(row.processInstanceId, row.historyInstanceId)
|
||||
},
|
||||
disabled: row => {
|
||||
return !row.processInstanceId
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '实施问题',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || row.status != 3
|
||||
},
|
||||
click: row => {
|
||||
handleEffectProblem(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '提交审核',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.processInstanceId
|
||||
},
|
||||
click: row => {
|
||||
handleAudit(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '重新发起',
|
||||
type: 'warning',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 3 || row.status == 4)
|
||||
},
|
||||
click: row => {
|
||||
addForms.value.open({
|
||||
title: '重新发起',
|
||||
row: row
|
||||
})
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'cancel',
|
||||
title: '取消',
|
||||
type: 'danger',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
// return row.createBy != adminInfo.$state.id || row.status != 1 || !row.processInstanceId
|
||||
return row.createBy != adminInfo.$state.id || row.status != 1
|
||||
},
|
||||
click: row => {
|
||||
cancelLeave(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'productSetting',
|
||||
title: '发起告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-EditPen',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.isUploadHead == 1
|
||||
},
|
||||
click: row => {
|
||||
handleAlarmForm(row)
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'edit',
|
||||
title: '查看告警单',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
return row.isUploadHead == 0
|
||||
},
|
||||
click: row => {
|
||||
router.push({
|
||||
name: 'supervision/supervision/manage',
|
||||
query: {
|
||||
type: 1
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
beforeSearchFun: () => {
|
||||
tableStore.table.params.orgNo = tableStore.table.params.deptIndex
|
||||
// tableStore.table.params.relationUserName = tableStore.table.params.userName
|
||||
}
|
||||
})
|
||||
tableStore.table.params.status = ''
|
||||
// tableStore.table.params.loadType = ''
|
||||
// tableStore.table.params.userName = ''
|
||||
// tableStore.table.params.fileUploadflag = ''
|
||||
provide('tableStore', tableStore)
|
||||
const addForms = ref()
|
||||
const addFormModel = () => {
|
||||
setTimeout(() => {
|
||||
addForms.value.open({
|
||||
title: '技术监督计划'
|
||||
})
|
||||
}, 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, historyInstanceId: any) => {
|
||||
push({
|
||||
name: 'BpmProcessInstanceDetail',
|
||||
state: {
|
||||
id: id,
|
||||
historyInstanceId
|
||||
}
|
||||
})
|
||||
}
|
||||
/** 提交审核按钮 */
|
||||
const handleAudit = (row: any) => {
|
||||
planDetailsAudit({ id: row.planId }).then(res => {
|
||||
ElMessage.success('提交审核成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
//发起告警单
|
||||
const handleAlarmForm = (row: any) => {
|
||||
sendAlarm({ id: row.planId }).then(res => {
|
||||
ElMessage.success('发起告警单成功！')
|
||||
tableStore.index()
|
||||
})
|
||||
}
|
||||
/**取消流程操作*/
|
||||
const cancelLeave = async (row: any) => {
|
||||
// 二次确认
|
||||
const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
inputType: 'textarea',
|
||||
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
|
||||
inputErrorMessage: '取消原因不能为空'
|
||||
})
|
||||
// 发起取消
|
||||
let data = {
|
||||
id: row.planId,
|
||||
processInstanceId: row.processInstanceId,
|
||||
reason: value
|
||||
}
|
||||
await cancelPlanFormData(data)
|
||||
ElMessage.success('取消成功')
|
||||
// 加载数据
|
||||
tableStore.index()
|
||||
}
|
||||
// 实施问题按钮
|
||||
const effectProblemList = ref()
|
||||
const effectProblemForm: any = ref({})
|
||||
const handleEffectProblem = (row: any) => {
|
||||
// effectProblemForm.value = row
|
||||
// effectProblemList.value.open()
|
||||
push({
|
||||
name: 'PlanEffectProblem',
|
||||
query: {
|
||||
id: row.planId
|
||||
}
|
||||
})
|
||||
}
|
||||
watch(
|
||||
() => currentRoute.value.path,
|
||||
() => {
|
||||
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||
tableStore.index()
|
||||
flag.value = false
|
||||
}
|
||||
},
|
||||
{
|
||||
deep: true
|
||||
}
|
||||
)
|
||||
</script>
|
||||
Reference in New Issue
Block a user