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 10:02:32 +08:00
parent 40ecf804bd
commit 6242a2c916
3 changed files with 30 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/pqs/supervise/electricalEnergy/components1/form/complaintsForm.vue
View File

@@ -1,16 +1,15 @@
<template>
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 55%" :before-close="handleClose">
<el-dialog draggable v-model="dialogVisible" :title="title" style="width: 60%" :before-close="handleClose">
<el-form
:model="form"
ref="formRef"
:rules="rules"
label-width="140px"
label-position="right"
label-width="auto"
:scroll-to-error="true"
>
<el-row>
<el-col :span="12">
<el-form-item label="用户名称:" style="margin-top: 10px" prop="userName">
<el-form-item label="用户名称:" prop="userName">
<el-input
v-model="form.userName"
clearable
@@ -19,25 +18,8 @@
></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="用户类别:" style="margin-top: 10px" prop="userCategory">
<el-select
v-model="form.userCategory"
clearable
style="width: 100%"
placeholder="请选择用户类别"
>
<el-option
v-for="item in monitorTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="用户编号:" style="margin-top: 10px" prop="userNumber">
<el-form-item label="用户编号:" prop="userNumber">
<el-input
v-model="form.userNumber"
clearable
@@ -49,7 +31,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否实现监测:" style="margin-top: 10px" prop="detectionFlag">
<el-form-item label="是否实现监测:" prop="detectionFlag">
<el-radio-group v-model="form.detectionFlag">
<el-radio value="0">否</el-radio>
<el-radio value="1">是</el-radio>
@@ -57,19 +39,34 @@
</el-form-item>
</el-col>
<el-col v-if="form.detectionFlag == '1'" :span="12">
<el-form-item label="监测点名称:" style="margin-top: 10px" prop="monitorName">
<!-- <el-form-item label="监测点名称:" prop="monitorName">
<el-input
v-model="form.monitorName"
clearable
style="width: 100%"
placeholder="请输入监测点名称"
></el-input>
</el-form-item> -->
<el-form-item label="监测点:" prop="monitorName">
<el-select
v-model="form.monitorName"
clearable
style="width: 100%"
placeholder="请选择监测点"
>
<el-option
v-for="item in steadyStateList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.detectionFlag == '1'">
<!-- <el-row v-if="form.detectionFlag == '1'">
<el-col :span="12">
<el-form-item label="监测点编号:" style="margin-top: 10px" prop="monitorNumber">
<el-form-item label="监测点编号:" prop="monitorNumber">
<el-input
v-model="form.monitorNumber"
clearable
@@ -78,9 +75,9 @@
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row> -->
<el-form-item label="投诉内容:" style="margin-top: 10px" prop="complaintText">
<el-form-item label="投诉内容:" prop="complaintText">
<el-input
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
@@ -88,7 +85,7 @@
v-model="form.complaintText"
></el-input>
</el-form-item>
<el-form-item label="稳态指标:" style="margin-top: 10px" prop="steadyIndicator">
<el-form-item label="稳态指标:" prop="steadyIndicator">
<el-checkbox-group v-model="form.steadyIndicator">
<div style="width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start">
<el-checkbox
@@ -102,7 +99,7 @@
</div>
</el-checkbox-group>
</el-form-item>
<el-form-item label="暂态指标:" style="margin-top: 10px" prop="transientIndicators">
<el-form-item label="暂态指标:" prop="transientIndicators">
<el-checkbox-group v-model="form.transientIndicators">
<div style="width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start">
<el-checkbox

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

@@ -2,7 +2,7 @@
<el-dialog
v-model="dialogFormVisible"
title="技术监督计划"
width="65%"
width="60%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
@@ -690,59 +690,5 @@ defineExpose({ open })
.dialog-footer {
padding: 10px;
}
/* 调整标签的换行行为 */
.label_over_warp::v-deep .el-form-item__label {
// white-space: pre-line !important;
line-height: 16px !important;
}
::v-deep .el-form-item {
padding: 0 10px;
height: auto !important;
}
::v-deep .el-form-item__label {
justify-content: flex-start !important;
}
.form-label-left-align {
text-align: left;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
.no_required::v-deep .el-form-item__label {
padding-left: 10px !important;
}
::v-deep .el-input {
width: 200px !important;
}
::v-deep .el-select {
width: 200px !important;
}
::v-deep .required_position {
position: relative;
.required_icon {
position: absolute;
left: -10px;
margin-top: 8px;
color: #f56c6c;
margin-left: 20px;
margin-right: 10px;
}
.required_icon_white {
color: #fff;
position: absolute;
left: -10px;
padding-left: 10px;
margin: 8px 10px 0 10px;
}
.required_text {
// padding-left: 20px;
}
.el-form-item__label {
padding-left: 10px;
}
}
// ::v-deep .tabs_form{
// height:300px !important;
// }
</style>

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

@@ -2,7 +2,7 @@
<el-dialog
v-model="dialogFormVisible"
:title="title"
width="65%"
width="60%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
@@ -506,54 +506,6 @@ defineExpose({ open })
.dialog-footer {
padding: 10px;
}
::v-deep .el-form-item {
padding: 0 10px;
height: auto !important;
}
::v-deep .el-form-item__label {
justify-content: flex-start !important;
}
.form-label-left-align {
text-align: left;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}
.no_required::v-deep .el-form-item__label {
padding-left: 10px !important;
}
::v-deep .el-input {
width: 200px !important;
}
::v-deep .el-select {
width: 200px !important;
}
::v-deep .required_position {
position: relative;
.required_icon {
position: absolute;
left: -10px;
margin-top: 8px;
color: #f56c6c;
margin-left: 20px;
margin-right: 10px;
}
.required_icon_white {
color: #fff;
position: absolute;
left: -10px;
padding-left: 10px;
margin: 8px 10px 0 10px;
}
.required_text {
// padding-left: 20px;
}
.el-form-item__label {
padding-left: 10px;
}
}
// ::v-deep .tabs_form{
// height:300px !important;
// }
</style>