样式

src/views/checkList.vue

@@ -279,7 +279,7 @@
                         />
                       </el-form-item>
                     </el-form>
-                    <el-form class="isDifferentContent" ref="inspectJbAl2o3List" :model="inspectJbAl2o3List" :rules="rules">
+                    <el-form ref="inspectJbAl2o3List" class="isDifferentContent" :model="inspectJbAl2o3List" :rules="rules">
                       <el-form-item label="差异:" label-width="80" prop="limitThree">
                         <el-input
                           v-model="inspectJbAl2o3List.limitThree"
@@ -349,14 +349,6 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="firstHdPn:" class="inspectJbAlInputBody">
-                    <el-input
-                      v-model="inspectJbAl2o3List.firstHdPn"
-                      :disabled="this.controlsForm.controls ==='1'&& this.controlsForm.approveStatus ==='1'
-                        || (this.controlsForm.controls == '3' && this.controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
-                      class="inspectJbAlInput"
-                    />
-                  </el-form-item>
                   <el-form-item label="firstHdRes:">
                     <div
                       v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
@@ -384,14 +376,6 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wxPn:" class="inspectJbAlInputBody">
-                    <el-input
-                      v-model="inspectJbAl2o3List.wxPn"
-                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
-                        || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
-                      class="inspectJbAlInput"
-                    />
-                  </el-form-item>
                   <el-form-item label="wxRes:">
                     <div
                       v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
@@ -420,14 +404,7 @@
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="cyPn:" class="inspectJbAlInputBody">
-                    <el-input
-                      v-model="inspectJbAl2o3List.cyPn"
-                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
-                        || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
-                      class="inspectJbAlInput"
-                    />
-                  </el-form-item>
+
                   <el-form-item label="cyRes:">
                     <div
                       v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
@@ -448,6 +425,13 @@
                       <el-radio label="2">不合格</el-radio>
                     </el-radio-group>
                   </el-form-item>
+                  <el-form-item label="noProject:">
+                    <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' )"
+                      class="inspectJbAlInputProject"
+                    />
+                  </el-form-item>
                   <el-form-item label="finalRes:">
                     <div
                       v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
@@ -468,92 +452,115 @@
                       <el-radio label="2">不合格</el-radio>
                     </el-radio-group>
                   </el-form-item>
-                  <el-form-item label="noProject:">
+
+                  <el-form-item label="wgKx:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.noProject"
+                      v-model="inspectJbAl2o3List.wgKx"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
-                      class="inspectJbAlInputProject"
+                      class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wgKx:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgWlw:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgKx"
+                      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"
                     />
                   </el-form-item>
-                </div>
-                <div class="rightRegion">
-                  <el-form-item label="wgLlw:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgZk:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgLlw"
+                      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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgWlw:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgBm:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgWlw"
-                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
+                      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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgJbwq:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgQg:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgJbwq"
+                      v-model="inspectJbAl2o3List.wgQg"
                       :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
-                      class="inspectJbAlInputJbwq"
+                      class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wgZk:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgFf:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgZk"
+                      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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgSh:" class="inspectJbAlInputBody">
+                </div>
+                <div class="rightRegion">
+                  <el-form-item label="firstHdPn:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgSh"
-                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
+                      v-model="inspectJbAl2o3List.firstHdPn"
+                      :disabled="this.controlsForm.controls ==='1'&& this.controlsForm.approveStatus ==='1'
+                        || (this.controlsForm.controls == '3' && this.controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wgBm:" class="inspectJbAlInputBody">
+                  <el-form-item label="wxPn:" class="wxpnInspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgBm"
-                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1')|| (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
+                      v-model="inspectJbAl2o3List.wxPn"
+                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
+                        || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                       class="inspectJbAlInput"
                     />
                   </el-form-item>
-                  <el-form-item label="wgTc:" class="inspectJbAlInputBody">
+
+                  <el-form-item label="cyPn:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgTc"
+                      v-model="inspectJbAl2o3List.cyPn"
+                      :disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
+                        || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
+                      class="inspectJbAlInput"
+                    />
+                  </el-form-item>
+
+                  <el-form-item label="wgLlw:" class="inspectJbAlInputBody">
+                    <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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgQg:" class="inspectJbAlInputBody">
+                  <el-form-item label="wgJbwq:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgQg"
+                      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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgCq:" class="inspectJbAlInputBody">
+
+                  <el-form-item label="wgSh:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgCq"
+                      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"
+                    />
+                  </el-form-item>
+                  <el-form-item label="wgTc:" class="inspectJbAlInputBody">
+                    <el-input
+                      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"
                     />
                   </el-form-item>
-                  <el-form-item label="wgFf:" class="inspectJbAlInputBody">
+
+                  <el-form-item label="wgCq:" class="inspectJbAlInputBody">
                     <el-input
-                      v-model="inspectJbAl2o3List.wgFf"
+                      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"
                     />
                   </el-form-item>
+
                   <el-form-item label="wgTf:" class="inspectJbAlInputBody">
                     <el-input
                       v-model="inspectJbAl2o3List.wgTf"
@@ -2325,11 +2332,10 @@ export default {
               }
               .isDifferentContent {
                 ::v-deep .el-form-item__label{
-
+                  padding-left: 5%;
                 }
                 .inspectionDifferentInput {
                   width: 50%;
-                  margin-left: 5%;
                 }
               }
               //.inspectDifferent{
@@ -2492,7 +2498,6 @@ export default {
                   }
                 }
 
-
                 .Value {
                   //margin-left: 20px;
                   //margin-top: 8px;
@@ -2542,8 +2547,6 @@ export default {
                 }
               }
 
-
-
             }
             //.recordOneBottom{
             //  display: flex;
@@ -2704,8 +2707,7 @@ export default {
                   display: flex;
               padding-bottom: 2%;
               padding-left: 1%;
-              justify-content: space-between;
-              width: 77%;
+              justify-content: space-evenly;
               .recordThreeBottomMax{
                 width: 130px;
                 font-size: 14px;
@@ -2971,7 +2973,6 @@ export default {
                   align-items: center;
                 }
 
-
               }
 
               .Content {
@@ -3009,7 +3010,6 @@ export default {
                   }
                 }
 
-
                 .Value {
                   //margin-left: 20px;
                   //margin-top: 8px;
@@ -3358,13 +3358,16 @@ export default {
         }
 
         .rightRegion {
-          width: 44.5%;
+          width: 47%;
 
           .inspectJbAlInputBody {
             margin-top: 20px;
             text-align: right;
+            ::v-deep .el-form-item__label{
+              width: 14%;
             }
 
+        }
           .inspectJbAlInput {
             width: 86%;
           }