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-24 09:13:42 +08:00
parent 1097c971cc
commit d156c38c11
2 changed files with 355 additions and 481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,7 @@
<el-dialog <el-dialog
v-model="dialogFormVisible" v-model="dialogFormVisible"
title="技术监督计划" title="技术监督计划"
width="60%" width="65%"
:append-to-body="true" :append-to-body="true"
:before-close="close" :before-close="close"
:close-on-click-modal="false" :close-on-click-modal="false"
@@ -16,30 +16,21 @@
:scroll-to-error="true" :scroll-to-error="true"
:rules="rules" :rules="rules"
ref="ruleFormRef" ref="ruleFormRef"
label-width="140px" label-width="auto"
label-position="right" class="form-two"
> >
<el-row>
<el-col :span="12">
<el-form-item label="计划名称：" prop="workPlanName"> <el-form-item label="计划名称：" prop="workPlanName">
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" /> <el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督单位：" prop="supvOrgId"> <el-form-item label="监督单位：" prop="supvOrgId">
<Area ref="areaRef" v-model="form.supvOrgId" /> <Area ref="areaRef" v-model="form.supvOrgId" />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="计划编制单位：" prop="planOrgId"> <el-form-item label="计划编制单位：" prop="planOrgId">
<Area ref="areaRef" v-model="form.planOrgId" /> <Area ref="areaRef" v-model="form.planOrgId" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督类型：" prop="supvType"> <el-form-item label="监督类型：" prop="supvType">
<el-select v-model="form.supvType" clearable style="width: 100%" placeholder="请选择监督类型"> <el-select v-model="form.supvType" clearable style="width: 100%" placeholder="请选择监督类型">
<el-option <el-option
@@ -50,10 +41,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督阶段：" prop="supvStage"> <el-form-item label="监督阶段：" prop="supvStage">
<el-select v-model="form.supvStage" clearable style="width: 100%" placeholder="请选择监督阶段"> <el-select v-model="form.supvStage" clearable style="width: 100%" placeholder="请选择监督阶段">
<el-option <el-option
@@ -64,9 +52,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划监督时间：" prop="planSupvDate"> <el-form-item label="计划监督时间：" prop="planSupvDate">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -77,17 +63,9 @@
placeholder="请选择计划监督时间" placeholder="请选择计划监督时间"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督对象类型：" prop="supvObjType"> <el-form-item label="监督对象类型：" prop="supvObjType">
<el-select <el-select v-model="form.supvObjType" clearable style="width: 100%" placeholder="请选择监督对象类型">
v-model="form.supvObjType"
clearable
style="width: 100%"
placeholder="请选择监督对象类型"
>
<el-option <el-option
v-for="item in supvObjTypeList" v-for="item in supvObjTypeList"
:key="item.id" :key="item.id"
@@ -96,16 +74,12 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督对象名称：" prop="supvObjName"> <el-form-item label="监督对象名称：" prop="supvObjName">
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" /> <el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
</el-form-item> </el-form-item>
</el-col>
</el-row> <el-form-item label="监督对象电压等级：" prop="supvObjName">
<el-row>
<el-col :span="12">
<el-form-item label="监督对象电压等级：" prop="supvObjName" class="label_over_warp">
<el-select <el-select
v-model="form.objVoltageLevel" v-model="form.objVoltageLevel"
clearable clearable
@@ -120,16 +94,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督对象属性：" prop="objType"> <el-form-item label="监督对象属性：" prop="objType">
<el-select <el-select v-model="form.objType" clearable style="width: 100%" placeholder="请选择监督对象属性">
v-model="form.objType"
clearable
style="width: 100%"
placeholder="请选择监督对象属性"
>
<el-option <el-option
v-for="item in objTypeList" v-for="item in objTypeList"
:key="item.id" :key="item.id"
@@ -138,42 +105,20 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督对象属性名称：" prop="objTypeName"> <el-form-item label="监督对象属性名称：" prop="objTypeName">
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" /> <el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12"> <el-form-item label="监督对象协议容量(MVA)：" prop="objCapacity">
<el-form-item label="监督对象协议容量(MVA)：" prop="objCapacity" class="label_over_warp"> <el-input v-model="form.objCapacity" autocomplete="off" placeholder="请输入监督对象监督对象协议容量" />
<el-input
v-model="form.objCapacity"
autocomplete="off"
placeholder="请输入监督对象监督对象协议容量"
/>
</el-form-item> </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-col :span="12"> <el-form-item label="监督对象关联电站：" prop="substationName">
<el-form-item <el-input v-model="form.substationName" autocomplete="off" placeholder="请输入监督对象关联电站" />
label="监督对象关联电站电压等级：" </el-form-item>
prop="substationVoltageLevel"
class="label_over_warp" <el-form-item label="监督对象关联电站电压等级：" prop="substationVoltageLevel">
>
<el-select <el-select
v-model="form.substationVoltageLevel" v-model="form.substationVoltageLevel"
clearable clearable
@@ -188,17 +133,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="实施状态：" prop="effectStatus"> <el-form-item label="实施状态：" prop="effectStatus">
<el-select <el-select v-model="form.effectStatus" clearable style="width: 100%" placeholder="请选择实施状态">
v-model="form.effectStatus"
clearable
style="width: 100%"
placeholder="请选择实施状态"
>
<el-option <el-option
v-for="item in effectStatusList" v-for="item in effectStatusList"
:key="item.id" :key="item.id"
@@ -207,10 +144,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="开始实施时间："> <el-form-item label="开始实施时间：">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -221,11 +155,7 @@
placeholder="请选择开始实施时间" placeholder="请选择开始实施时间"
/> />
</el-form-item> </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-form-item label="结束实施时间：">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -236,10 +166,7 @@
placeholder="请选择结束实施时间" placeholder="请选择结束实施时间"
/> />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="报告出具时间："> <el-form-item label="报告出具时间：">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -250,12 +177,8 @@
placeholder="请选择报告出具时间" placeholder="请选择报告出具时间"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row> <el-form-item label="电能质量问题发生时间：">
<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 <el-date-picker
style="width: 100%" style="width: 100%"
v-model="form.problemOcTime" v-model="form.problemOcTime"
@@ -265,17 +188,9 @@
placeholder="请选择电能质量问题发生时间" placeholder="请选择电能质量问题发生时间"
/> />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="实施人员："> <el-form-item label="实施人员：">
<el-select <el-select v-model="form.effectUserId" clearable style="width: 100%" placeholder="请选择实施人员">
v-model="form.effectUserId"
clearable
style="width: 100%"
placeholder="请选择实施人员"
>
<el-option <el-option
v-for="item in effectUserIdList" v-for="item in effectUserIdList"
:key="item.id" :key="item.id"
@@ -284,11 +199,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </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-form-item label="计划状态：">
<el-select v-model="form.planStatus" clearable style="width: 100%" placeholder="请选择计划状态"> <el-select v-model="form.planStatus" clearable style="width: 100%" placeholder="请选择计划状态">
<el-option <el-option
@@ -299,19 +210,17 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="其他要求："> <el-form-item label="其他要求：">
<el-input v-model="form.otherRemark" autocomplete="off" placeholder="请输入其他要求" /> <el-input
v-model="form.otherRemark"
autocomplete="off"
placeholder="请输入其他要求"
style="width: 100%"
/>
</el-form-item> </el-form-item>
</el-col>
</el-row> <el-form-item v-if="false" label="盖章报告：" prop="informationSecurityTestReport">
<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 <el-upload
v-model:file-list="form.informationSecurityTestReport" v-model:file-list="form.informationSecurityTestReport"
ref="uploadRef" ref="uploadRef"
@@ -328,11 +237,8 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position"> <el-form-item v-if="false" label="佐证材料：" prop="acceptanceInspectionReportSingle">
<span class="required_icon">*</span>
<el-form-item label="佐证材料：" prop="acceptanceInspectionReportSingle">
<el-upload <el-upload
v-model:file-list="form.acceptanceInspectionReportSingle" v-model:file-list="form.acceptanceInspectionReportSingle"
ref="uploadRef" ref="uploadRef"
@@ -349,12 +255,8 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
</el-row> <el-form-item v-if="false" label="计划变更材料：" prop="acceptanceInspectionReport">
<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 <el-upload
v-model:file-list="form.acceptanceInspectionReport" v-model:file-list="form.acceptanceInspectionReport"
ref="uploadRef" ref="uploadRef"
@@ -371,11 +273,8 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position"> <el-form-item v-if="false" label="告预警单材料：" prop="typeExperimentReport" :show-message="false">
<span class="required_icon">*</span>
<el-form-item label="告预警单材料：" prop="typeExperimentReport" :show-message="false">
<el-upload <el-upload
v-model:file-list="form.typeExperimentReport" v-model:file-list="form.typeExperimentReport"
ref="uploadRef" ref="uploadRef"
@@ -392,13 +291,8 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row v-if="false"> <el-form-item v-if="false" label="告预警单反馈材料：" prop="factoryInspectionReport">
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="告预警单反馈材料：" prop="factoryInspectionReport" class="label_over_warp">
<el-upload <el-upload
v-model:file-list="form.factoryInspectionReport" v-model:file-list="form.factoryInspectionReport"
ref="uploadRef" ref="uploadRef"
@@ -415,11 +309,8 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position"> <el-form-item v-if="false" label="评估报告：" prop="performanceTestReport" :show-message="false">
<span class="required_icon">*</span>
<el-form-item label="评估报告：" prop="performanceTestReport" :show-message="false">
<el-upload <el-upload
v-model:file-list="form.performanceTestReport" v-model:file-list="form.performanceTestReport"
ref="uploadRef" ref="uploadRef"
@@ -436,8 +327,6 @@
</template> </template>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
@@ -797,11 +686,6 @@ defineExpose({ open })
max-height: calc(100% - 30px); max-height: calc(100% - 30px);
} }
.el-form { .el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
} }
.dialog-footer { .dialog-footer {
padding: 10px; padding: 10px;

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

@@ -2,7 +2,7 @@
<el-dialog <el-dialog
v-model="dialogFormVisible" v-model="dialogFormVisible"
:title="title" :title="title"
width="60%" width="65%"
:append-to-body="true" :append-to-body="true"
:before-close="close" :before-close="close"
:close-on-click-modal="false" :close-on-click-modal="false"
@@ -16,18 +16,18 @@
:scroll-to-error="true" :scroll-to-error="true"
:rules="rules" :rules="rules"
ref="ruleFormRef" ref="ruleFormRef"
label-width="140px"
label-position="right"
:disabled="openType!='add'" :disabled="openType!='add'"
label-width="auto"
class="form-two"
> >
<el-row>
<el-col :span="12">
<el-form-item label="责任单位：" prop="dutyOrgId"> <el-form-item label="责任单位：" prop="dutyOrgId">
<Area ref="areaRef" v-model="form.dutyOrgId" /> <Area ref="areaRef" v-model="form.dutyOrgId" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监测点类型：" prop="monitorType"> <el-form-item label="监测点类型：" prop="monitorType">
<el-select <el-select
v-model="form.monitorType" v-model="form.monitorType"
@@ -43,10 +43,10 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否发布预警：" prop="ifReleaseWarning"> <el-form-item label="是否发布预警：" prop="ifReleaseWarning">
<el-select <el-select
v-model="form.ifReleaseWarning" v-model="form.ifReleaseWarning"
@@ -58,9 +58,9 @@
<el-option label="否" value="0"></el-option> <el-option label="否" value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计划整改时间：" prop="planRectificationTime"> <el-form-item label="计划整改时间：" prop="planRectificationTime">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -71,10 +71,10 @@
placeholder="请选择计划整改时间" placeholder="请选择计划整改时间"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="整改情况：" prop="rectificationStatus"> <el-form-item label="整改情况：" prop="rectificationStatus">
<el-select <el-select
v-model="form.rectificationStatus" v-model="form.rectificationStatus"
@@ -90,9 +90,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="整改时间：" prop="rectificationTime"> <el-form-item label="整改时间：" prop="rectificationTime">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -103,27 +103,27 @@
placeholder="请选择整改时间" placeholder="请选择整改时间"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="监督标准：" prop="supvStandard"> <el-form-item label="监督标准：" prop="supvStandard">
<el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" /> <el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="监督标准序号：" prop="supvStandardSort"> <el-form-item label="监督标准序号：" prop="supvStandardSort">
<el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" /> <el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="标准出处：" prop="supvResouce"> <el-form-item label="标准出处：" prop="supvResouce">
<el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" /> <el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题等级：" prop="problemLevel"> <el-form-item label="问题等级：" prop="problemLevel">
<el-select <el-select
v-model="form.problemLevel" v-model="form.problemLevel"
@@ -139,10 +139,10 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="问题类型：" prop="problemType"> <el-form-item label="问题类型：" prop="problemType">
<el-select <el-select
v-model="form.problemType" v-model="form.problemType"
@@ -158,9 +158,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题简要描述：" prop="simpleProblemDesc"> <el-form-item label="问题简要描述：" prop="simpleProblemDesc">
<el-input <el-input
v-model="form.simpleProblemDesc" v-model="form.simpleProblemDesc"
@@ -168,16 +168,16 @@
placeholder="请输入问题简要描述" placeholder="请输入问题简要描述"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="问题描述：" prop="problemDesc"> <el-form-item label="问题描述：" prop="problemDesc">
<el-input v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" /> <el-input v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="问题发现时间：" prop="discoveryTime"> <el-form-item label="问题发现时间：" prop="discoveryTime">
<el-date-picker <el-date-picker
style="width: 100%" style="width: 100%"
@@ -188,16 +188,16 @@
placeholder="问题发现时间" placeholder="问题发现时间"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="定级依据：" prop="problemLevelReason"> <el-form-item label="定级依据：" prop="problemLevelReason">
<el-input v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" /> <el-input v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="整改方案：" prop="rectificationProgramme"> <el-form-item label="整改方案：" prop="rectificationProgramme">
<el-input <el-input
v-model="form.rectificationProgramme" v-model="form.rectificationProgramme"
@@ -205,21 +205,20 @@
placeholder="请输入整改方案" placeholder="请输入整改方案"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="整改措施：" prop="rectificationMeasure"> <el-form-item label="整改措施：" prop="rectificationMeasure">
<el-input v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" /> <el-input v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" />
</el-form-item> </el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon_white">*</span>
<el-form-item label="备注："> <el-form-item label="备注：">
<el-input v-model="form.remark" autocomplete="off" placeholder="请输入备注" /> <el-input v-model="form.remark" autocomplete="off" placeholder="请输入备注" />
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer v-if="openType!='detail'"> <template #footer v-if="openType!='detail'">
<div class="dialog-footer"> <div class="dialog-footer">
@@ -502,20 +501,11 @@ defineExpose({ open })
max-height: calc(100% - 30px); max-height: calc(100% - 30px);
} }
.el-form { .el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
} }
.dialog-footer { .dialog-footer {
padding: 10px; 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 { ::v-deep .el-form-item {
padding: 0 10px; padding: 0 10px;
height: auto !important; height: auto !important;