处理必填字段提示遮盖

src/views/currentSystem/work/order/register/register_merge.vue

@@ -112,7 +112,7 @@
             width="100%"
             border="1"
             bordercolor="#ccc"
-            style="text-align: center"
+            style="text-align: center;margin-bottom: 10px;"
             cellspacing="0"
             cellpadding="5"
             class="CLtable tableClass"
@@ -214,7 +214,7 @@
               </td>
             </tr>
           </table>
-          <el-row type="flex" style="margin-top: 10px">
+          <el-row type="flex" style="margin-bottom: 10px;">
             <el-col :span="8">
               <el-form-item label="工单类型:" prop="gdlx">
                 <el-select
@@ -293,7 +293,7 @@
             </el-col>
           </el-row>
           <template v-if="registerForm.gdxf1 == register_gdlx.peopleJoin">
-            <el-row type="flex">
+            <el-row type="flex" style="margin-bottom: 10px;">
               <el-col :span="12">
                 <el-form-item
                   label="预估漏损水量(m³):"
@@ -336,7 +336,7 @@
                 </el-form-item>
               </el-col>
             </el-row>
-            <el-row type="flex">
+            <el-row type="flex" style="margin-bottom: 10px;">
               <el-col :span="24">
                 <el-form-item label="工单说明:" prop="gdms">
                   <el-input
@@ -356,6 +356,7 @@
             <el-row
               v-if="registerForm.gdxf1 == register_gdlx.leakPoint"
               type="flex"
+              style="margin-bottom: 10px;"
             >
               <el-col :span="8">
                 <el-form-item label="漏点名称:" prop="">
@@ -449,7 +450,7 @@
                 </el-form-item>
               </el-col>
             </el-row>
-            <el-row v-else type="flex">
+            <el-row v-else type="flex" style="margin-bottom: 10px;">
               <el-col :span="12">
                 <el-form-item
                   v-if="registerForm.gdxf1 == register_gdlx.leakPoint"
@@ -528,6 +529,7 @@
             <el-row
               v-if="registerForm.gdxf1 == register_gdlx.leakPoint"
               type="flex"
+              style="margin-bottom: 10px;"
             >
               <el-col :span="12">
                 <el-form-item label="DMA分区:">
@@ -552,7 +554,7 @@
                 </el-form-item>
               </el-col>
             </el-row>
-            <el-row type="flex">
+            <el-row type="flex" style="margin-bottom: 10px;">
               <el-col :span="24">
                 <el-form-item
                   v-if="registerForm.gdxf1 == register_gdlx.leakPoint"
@@ -598,6 +600,7 @@
             <el-row
               v-if="registerForm.gdxf1 == register_gdlx.leakPoint"
               type="flex"
+              style="margin-bottom: 10px;"
             >
               <el-col :span="24">
                 <el-form-item label="消除漏点建议:">
@@ -612,7 +615,7 @@
               </el-col>
             </el-row>
           </template>
-          <el-row type="flex">
+          <el-row type="flex" style="margin-bottom: 10px;">
             <el-col v-if="download" :span="24">
               <el-form-item label="附件上传:">
                 <el-upload
@@ -720,7 +723,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row type="flex">
+          <el-row type="flex" style="margin-bottom: 10px;">
             <el-col v-if="!disabled" :span="6">
               <el-form-item label="流程状态:" prop="gddjZt">
                 <el-select
@@ -819,7 +822,7 @@
             </el-col>
             <!-- </el-col> -->
           </el-row>
-          <el-row>
+          <el-row style="margin-bottom: 10px;">
             <el-col
               v-if="
                 !lcjdParams.stopFlag &&
@@ -846,7 +849,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row type="flex">
+          <el-row type="flex" style="margin-bottom: 10px;">
             <el-col v-if="lcjdParams.tabType" :span="8">
               <el-form-item label="申请部门:">
                 <el-select
@@ -897,7 +900,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row type="flex">
+          <el-row type="flex" style="margin-bottom: 10px;">
             <el-col v-if="disabled" :span="8">
               <el-form-item label="登记部门:">
                 <el-input
@@ -930,7 +933,7 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row v-if="disabled" type="flex">
+          <el-row v-if="disabled" type="flex" style="margin-bottom: 10px;">
             <el-col v-if="disabled" :span="8">
               <el-form-item label="受理部门:">
                 <el-input
@@ -1163,8 +1166,8 @@ export default {
       clhjrList: [],
       jgshCcjb: "",
       rules: {
-        gdlx: [{ required: true, message: " ", trigger: "change" }],
-        gdxf: [{ required: true, message: " ", trigger: "change" }],
+        gdlx: [{ required: true, message: "请选择工单类型", trigger: "change" }],
+        gdxf: [{ required: true, message: "请选择工单细分类型", trigger: "change" }],
         jjcd: [{ required: true, message: " ", trigger: "change" }],
         slbm: [{ required: true, message: " ", trigger: "change" }],
         slry: [{ required: true, message: " ", trigger: "change" }],