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

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