标签三样式修改

src/views/checkList.vue

@@ -341,7 +341,7 @@
             <el-form :model="inspectJbAl2o3List">
               <div class="threeRegion">
                 <div class="leftRegion">
-                  <el-form-item label="firstHdN:" class="inspectJbAlInputBody">
+                  <el-form-item label="firstHdN:" class="inspectJbAlInputBody" style="padding-left: 2%">
                     <el-input
                       v-model="inspectJbAl2o3List.firstHdN"
                       :disabled="this.controlsForm.controls ==='1'&& this.controlsForm.approveStatus ==='1'
@@ -425,7 +425,7 @@
                       <el-radio label="2">不合格</el-radio>
                     </el-radio-group>
                   </el-form-item>
-                  <el-form-item label="noProject:">
+                  <el-form-item label="noProject:"class="inspectJbAlInputBody">
                     <el-input
                       v-model="inspectJbAl2o3List.noProject"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
@@ -458,6 +458,7 @@
                       v-model="inspectJbAl2o3List.wgKx"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgWlw:" class="inspectJbAlInputBody">
@@ -465,6 +466,7 @@
                       v-model="inspectJbAl2o3List.wgWlw"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgZk:" class="inspectJbAlInputBody">
@@ -472,6 +474,7 @@
                       v-model="inspectJbAl2o3List.wgZk"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgBm:" class="inspectJbAlInputBody">
@@ -479,6 +482,7 @@
                       v-model="inspectJbAl2o3List.wgBm"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1')|| (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgQg:" class="inspectJbAlInputBody">
@@ -486,6 +490,7 @@
                       v-model="inspectJbAl2o3List.wgQg"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgFf:" class="inspectJbAlInputBody">
@@ -493,6 +498,7 @@
                       v-model="inspectJbAl2o3List.wgFf"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                 </div>
@@ -505,7 +511,9 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wxPn:" class="wxpnInspectJbAlInputBody">
+
+                  <el-form-item class="emptyInput" />
+                  <el-form-item class="wxpnInspectJbAlInputBody" label="wxPn:">
                     <el-input
                       v-model="inspectJbAl2o3List.wxPn"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
@@ -513,7 +521,7 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-
+                  <el-form-item class="emptyInput" />
                   <el-form-item label="cyPn:" class="inspectJbAlInputBody">
                     <el-input
                       v-model="inspectJbAl2o3List.cyPn"
@@ -522,12 +530,15 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-
-                  <el-form-item label="wgLlw:" class="inspectJbAlInputBody">
+                  <el-form-item class="emptyInput" />
+                  <el-form-item class="emptyInput" />
+                  <el-form-item class="emptyInput" />
+                  <el-form-item label="wgLlw:" class="wgLlwinspectJbAlInputBody">
                     <el-input
                       v-model="inspectJbAl2o3List.wgLlw"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgJbwq:" class="inspectJbAlInputBody">
@@ -535,6 +546,7 @@
                       v-model="inspectJbAl2o3List.wgJbwq"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
 
@@ -543,6 +555,7 @@
                       v-model="inspectJbAl2o3List.wgSh"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInputJbwq"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <el-form-item label="wgTc:" class="inspectJbAlInputBody">
@@ -550,6 +563,7 @@
                       v-model="inspectJbAl2o3List.wgTc"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
 
@@ -558,6 +572,7 @@
                       v-model="inspectJbAl2o3List.wgCq"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
 
@@ -566,6 +581,7 @@
                       v-model="inspectJbAl2o3List.wgTf"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
+                      @input="handleCyPn"
                     />
                   </el-form-item>
                   <!--                <el-input class="tableInput" />-->
@@ -1015,7 +1031,9 @@ export default {
     this.getJcCode()
   },
   methods: {
-
+    // handleCyPn(){
+    //   this.inspectJbAl2o3List.cyPn = this.inspectJbAl2o3List.wgKx +
+    // },
     /* 动态获取css的颜色*/
     getStatusLabelClass(status) {
       switch (status) {
@@ -3366,8 +3384,26 @@ export default {
             ::v-deep .el-form-item__label{
               width: 14%;
             }
-
         }
+          .wxpnInspectJbAlInputBody{
+            padding-top: 1%;
+            //margin-top: 20px;
+            text-align: right;
+            ::v-deep .el-form-item__label{
+              padding-left: 5%;
+            }
+          }
+          .emptyInput{
+            height: 4%;
+          }
+          .wgLlwinspectJbAlInputBody{
+            margin-top: 20px;
+            text-align: right;
+            margin-top: 6%;
+            ::v-deep .el-form-item__label{
+              padding-left: 4%;
+            }
+          }
           .inspectJbAlInput {
             width: 86%;
           }