技术监督计划&用户投诉弹框修改

src/views/pqs/supervise/electricalEnergy/components1/form/complaintsForm.vue

@@ -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-width="auto"
-            label-position="right"
             :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

src/views/pqs/supervise/plan/components/addForm.vue

@@ -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>

src/views/pqs/supervise/plan/components/effectProblem/addForm.vue

@@ -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>