技术监督计划弹框样式修改

This commit is contained in:
zhujiyan
2024-05-24 09:13:42 +08:00
parent 1097c971cc
commit d156c38c11
2 changed files with 355 additions and 481 deletions

View File

@@ -2,7 +2,7 @@
<el-dialog
v-model="dialogFormVisible"
title="技术监督计划"
width="60%"
width="65%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
@@ -16,428 +16,317 @@
:scroll-to-error="true"
:rules="rules"
ref="ruleFormRef"
label-width="140px"
label-position="right"
label-width="auto"
class="form-two"
>
<el-row>
<el-col :span="12">
<el-form-item label="计划名称:" prop="workPlanName">
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
</el-form-item>
</el-col>
<el-form-item label="计划名称:" prop="workPlanName">
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
</el-form-item>
<el-col :span="12">
<el-form-item label="监督单位:" prop="supvOrgId">
<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">
<Area ref="areaRef" v-model="form.planOrgId" />
</el-form-item>
</el-col>
<el-form-item label="监督单位:" prop="supvOrgId">
<Area ref="areaRef" v-model="form.supvOrgId" />
</el-form-item>
<el-col :span="12">
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item 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-col>
<el-form-item label="计划编制单位:" prop="planOrgId">
<Area ref="areaRef" v-model="form.planOrgId" />
</el-form-item>
<el-col :span="12">
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item 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-col>
<el-col :span="12">
<el-form-item label="监督对象名称:" prop="supvObjName">
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督对象电压等级:" prop="supvObjName" class="label_over_warp">
<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-col>
<el-form-item 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-col :span="12">
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督对象属性名称:" prop="objTypeName">
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
</el-form-item>
</el-col>
<el-form-item 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-col :span="12">
<el-form-item label="监督对象协议容量(MVA)" prop="objCapacity" class="label_over_warp">
<el-input
v-model="form.objCapacity"
autocomplete="off"
placeholder="请输入监督对象监督对象协议容量"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督对象关联电站:" prop="substationName" class="label_over_warp">
<el-input
v-model="form.substationName"
autocomplete="off"
placeholder="请输入监督对象关联电站"
/>
</el-form-item>
</el-col>
<el-form-item 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-col :span="12">
<el-form-item
label="监督对象关联电站电压等级:"
prop="substationVoltageLevel"
class="label_over_warp"
>
<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-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item 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-col>
<el-form-item 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-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item 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-col>
<el-form-item label="监督对象名称:" prop="supvObjName">
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
</el-form-item>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="电能质量问题发生时间:" class="label_over_warp">
<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-col>
<el-form-item label="监督对象电压等级:" prop="supvObjName">
<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-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item 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-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item 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-col>
<el-form-item 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-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="其他要求:">
<el-input v-model="form.otherRemark" autocomplete="off" placeholder="请输入其他要求" />
</el-form-item>
</el-col>
</el-row>
<el-row v-if="false">
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="盖章报告:" prop="informationSecurityTestReport">
<el-upload
v-model:file-list="form.informationSecurityTestReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
<el-form-item label="监督对象属性名称:" prop="objTypeName">
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
</el-form-item>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="佐证材料:" prop="acceptanceInspectionReportSingle">
<el-upload
v-model:file-list="form.acceptanceInspectionReportSingle"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
</el-row>
<el-row v-if="false">
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="计划变更材料:" prop="acceptanceInspectionReport">
<el-upload
v-model:file-list="form.acceptanceInspectionReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
<el-form-item label="监督对象协议容量(MVA)" prop="objCapacity">
<el-input v-model="form.objCapacity" autocomplete="off" placeholder="请输入监督对象监督对象协议容量" />
</el-form-item>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="告预警单材料:" prop="typeExperimentReport" :show-message="false">
<el-upload
v-model:file-list="form.typeExperimentReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
</el-row>
<el-form-item label="监督对象关联电站:" prop="substationName">
<el-input v-model="form.substationName" autocomplete="off" placeholder="请输入监督对象关联电站" />
</el-form-item>
<el-row v-if="false">
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="告预警单反馈材料:" prop="factoryInspectionReport" class="label_over_warp">
<el-upload
v-model:file-list="form.factoryInspectionReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
<el-form-item 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-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="评估报告:" prop="performanceTestReport" :show-message="false">
<el-upload
v-model:file-list="form.performanceTestReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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-col>
</el-row>
<el-form-item 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 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 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 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 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 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 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 label="其他要求:">
<el-input
v-model="form.otherRemark"
autocomplete="off"
placeholder="请输入其他要求"
style="width: 100%"
/>
</el-form-item>
<el-form-item v-if="false" label="盖章报告:" prop="informationSecurityTestReport">
<el-upload
v-model:file-list="form.informationSecurityTestReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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 v-if="false" label="佐证材料:" prop="acceptanceInspectionReportSingle">
<el-upload
v-model:file-list="form.acceptanceInspectionReportSingle"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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 v-if="false" label="计划变更材料:" prop="acceptanceInspectionReport">
<el-upload
v-model:file-list="form.acceptanceInspectionReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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 v-if="false" label="告预警单材料:" prop="typeExperimentReport" :show-message="false">
<el-upload
v-model:file-list="form.typeExperimentReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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 v-if="false" label="告预警单反馈材料:" prop="factoryInspectionReport">
<el-upload
v-model:file-list="form.factoryInspectionReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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 v-if="false" label="评估报告:" prop="performanceTestReport" :show-message="false">
<el-upload
v-model:file-list="form.performanceTestReport"
ref="uploadRef"
action=""
accept=".xls,.xlsx"
: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">
@@ -797,11 +686,6 @@ defineExpose({ open })
max-height: calc(100% - 30px);
}
.el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
}
.dialog-footer {
padding: 10px;