55

src/views/inspectionWork/components/term.vue

@@ -2,42 +2,43 @@
   <div>
     <div class="content_box" v-if="list.length > 0">
       <div class="content_box_list" v-for="(item, idx) in list" :key="idx">
-        <div class="content_ll">
-          <div class="name">质检类型</div>
-          <div>
-            {{ item.categoryLevelName }}
+        <div class="content_ll_case">
+          <div class="content_ll">
+            <div class="name">质检类型</div>
+            <div>
+              {{ item.categoryLevelName }}
+            </div>
           </div>
-        </div>
 
-        <div class="content_ll">
-          <div class="name">标准类型</div>
-          <div>
-            {{
-              getDictValue(
-                '质检标准类型',
-                item.qualityStandard && item.qualityStandard.type
-              )
-            }}
+          <div class="content_ll">
+            <div class="name">标准类型</div>
+            <div>
+              {{
+                getDictValue(
+                  '质检标准类型',
+                  item.qualityStandard && item.qualityStandard.type
+                )
+              }}
+            </div>
           </div>
-        </div>
 
-        <div class="content_ll">
-          <div class="name">标准编码</div>
-          <div class="">{{
-            item.qualityStandard && item.qualityStandard.code
-          }}</div>
-        </div>
+          <div class="content_ll">
+            <div class="name">标准编码</div>
+            <div class="">{{
+              item.qualityStandard && item.qualityStandard.code
+            }}</div>
+          </div>
 
-        <div class="content_ll">
-          <div class="name">标准名称</div>
-          <div class="">{{
-            item.qualityStandard && item.qualityStandard.name
-          }}</div>
+          <div class="content_ll">
+            <div class="name">标准名称</div>
+            <div class="">{{
+              item.qualityStandard && item.qualityStandard.name
+            }}</div>
+          </div>
         </div>
-
         <el-form ref="form" style="width: 100%">
           <el-table
-            style="margin-top: 15px"
+            style="margin-bottom: 22px"
             :data="
               item.qualityStandard && item.qualityStandard.parameterStandards
             "
@@ -46,7 +47,10 @@
             <el-table-column
               :label="
                 item.qualityStandard &&
-                item.qualityStandard.singleWeightDivision == 'undefined undefined'? '' :  item.qualityStandard.singleWeightDivision 
+                item.qualityStandard.singleWeightDivision ==
+                  'undefined undefined'
+                  ? ''
+                  : item.qualityStandard.singleWeightDivision
               "
               align="center"
             >
@@ -105,7 +109,12 @@
             </el-table-column>
 
             <el-table-column
-              :label="item.qualityStandard && item.qualityStandard.tolerance == 'undefined undefined' ? '' :  item.qualityStandard.tolerance "
+              :label="
+                item.qualityStandard &&
+                item.qualityStandard.tolerance == 'undefined undefined'
+                  ? ''
+                  : item.qualityStandard.tolerance
+              "
               align="center"
             >
               <el-table-column label="质检标准" align="center">
@@ -121,6 +130,7 @@
             <el-table-column label="质检结果" align="center">
               <template slot-scope="scope">
                 <el-input
+                  size="mini"
                   clearable
                   :disabled="isDetails"
                   v-model="scope.row.qualityResults"
@@ -219,22 +229,22 @@
     overflow-y: scroll;
   }
 
-  .content_box_list {
+
+  .content_ll_case {
     display: flex;
     flex-wrap: wrap;
-    margin-bottom: 30px;
     background: #e6f7ff;
+    line-height: 30px;
   }
 
   .content_ll {
+    height: 30px;
     width: 23%;
     display: flex;
     flex-direction: row;
     align-items: center;
 
-
     margin: auto;
-    margin-top: 10px;
 
     .name {
       color: #000;
@@ -242,4 +252,12 @@
       margin-right: 8px;
     }
   }
+
+  ::v-deep .el-table--medium .el-table__cell {
+    padding: 4px 0 !important;
+  }
+
+  ::v-deep .el-form-item__content {
+    line-height: 28px !important;
+  }
 </style>