样式

src/views/checkList.vue

@@ -118,10 +118,10 @@
                   <!--                  下方列表-->
                   <div class="recordOneContent">
                     <el-form>
-                    <div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
-                      <div class="oneDiv">
-                        <div class="number">{{ index + 1 }}</div>
-                        <div class="recordData">
+                      <div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
+                        <div class="oneDiv">
+                          <div class="number">{{ index + 1 }}</div>
+                          <div class="recordData">
                             <el-form-item>
                               <el-input
                                 v-model="item.recordData"
@@ -130,26 +130,26 @@
                                 @input="handleData1Input(index)"
                               />
                             </el-form-item>
-                          <i
-                            v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
-                            (controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
-                            (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
-                            class="el-icon-circle-close"
-                            style="color: #5cbce5; height: 42px"
-                            @click="clearForm(index)"
-                          />
-
+                            <i
+                              v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
+                                (controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
+                                (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
+                              class="el-icon-circle-close"
+                              style="color: #5cbce5; height: 42px"
+                              @click="clearForm(index)"
+                            />
+
+                          </div>
+                        </div>
+                        <div class="Value">
+                          <TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
+                        <div class="averageValue">
+                          <TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
+                        </div>
+                        <div class="compareValue">
+                          <TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
                         </div>
                       </div>
-                      <div class="Value">
-                        <TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
-                      <div class="averageValue">
-                        <TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
-                      </div>
-                      <div class="compareValue">
-                        <TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
-                      </div>
-                    </div>
                     </el-form>
                   </div>
                   <!--                  <div class="recordOneBottom">-->
@@ -201,28 +201,28 @@
                             v-model="item.recordData"
                             :maxlength="7"
                             :disabled="controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'
-                            || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
+                              || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
                             @input="handleData2Input(index)"
                           />
 
                           <i
                             v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
-                            (controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
-                            (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
+                              (controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
+                              (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
                             class="el-icon-circle-close"
                             style="color: #5cbce5"
                             @click="clearInspectionFormTwo(index)"
                           />
                         </div>
                       </div>
-                        <div class="Value">
-                          <TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
-                        <div class="averageValue">
-                          <TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
-                        </div>
-                        <div class="compareValue">
-                          <TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
-                        </div>
+                      <div class="Value">
+                        <TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
+                      <div class="averageValue">
+                        <TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
+                      </div>
+                      <div class="compareValue">
+                        <TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
+                      </div>
                     </div>
                   </div>
 
@@ -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%;
           }