生产监控页面调整

src/views/workRate/index.vue

@@ -199,6 +199,7 @@
           </div>
         </div>
         <div class="details-box" v-if="selectedItemId && selectedItemInfo.status > 1">
+          <div class="details-box-item">
             <div class="de-title">工序详情</div>
             <el-descriptions :column="4" border label-width="100" class="fixed-descriptions">
               <el-descriptions-item label="接收数量" :span="1">{{
@@ -229,7 +230,11 @@
                 processDetails.scrapQty
               }}</el-descriptions-item>
             </el-descriptions>
-          <div v-if="processDetails.mrList && processDetails.mrList.length >= 0">
+          </div>
+          <div
+            class="details-box-item"
+            v-if="processDetails.mrList && processDetails.mrList.length >= 0"
+          >
             <div class="de-title">加工记录</div>
             <el-table
               :data="processDetails.mrList"
@@ -245,7 +250,10 @@
               <el-table-column label="备注" align="center" prop="memo" min-width="150" />
             </el-table>
           </div>
-          <div v-if="processDetails.trialItemList && processDetails.trialItemList.length > 0">
+          <div
+            class="details-box-item"
+            v-if="processDetails.trialItemList && processDetails.trialItemList.length > 0"
+          >
             <div class="de-title">转试记录</div>
             <el-table :data="processDetails.trialItemList" border>
               <el-table-column label="试验信息" align="center" prop="testName" />
@@ -254,7 +262,10 @@
               <el-table-column label="试验状态" align="center" prop="testStatus" />
             </el-table>
           </div>
-          <div v-if="processDetails.slotList && processDetails.slotList.length > 0">
+          <div
+            class="details-box-item"
+            v-if="processDetails.slotList && processDetails.slotList.length > 0"
+          >
             <div class="de-title">同槽信息</div>
             <el-table :data="processDetails.slotList" border>
               <el-table-column label="同槽编号" align="center" prop="mtuCode" />
@@ -266,7 +277,10 @@
               <el-table-column label="总面积" align="center" prop="totalArea" />
             </el-table>
           </div>
-          <div v-if="processDetails.mtuList && processDetails.mtuList.length > 0">
+          <div
+            class="details-box-item"
+            v-if="processDetails.mtuList && processDetails.mtuList.length > 0"
+          >
             <div class="de-title">设备使用详情</div>
             <el-table
               :data="processDetails.mtuList"
@@ -281,7 +295,7 @@
               <el-table-column label="挂次号" align="center" prop="hangNum" min-width="150" />
             </el-table>
           </div>
-          <div class="linediv" v-if="processDetails.prWorkCheck != null">
+          <div class="linediv details-box-item" v-if="processDetails.prWorkCheck != null">
             <div class="de-title">检验记录</div>
             <el-descriptions :column="4" label-width="100" class="fixed-descriptions" border>
               <el-descriptions-item label="检验数量">
@@ -307,7 +321,10 @@
               </el-descriptions-item>
             </el-descriptions>
           </div>
-          <div v-if="processDetails.itemList && processDetails.itemList.length > 0">
+          <div
+            class="details-box-item"
+            v-if="processDetails.itemList && processDetails.itemList.length > 0"
+          >
             <div class="de-title">检验项</div>
             <el-table
               :ref="'myTable'"
@@ -464,6 +481,7 @@
             </el-table>
           </div>
           <div
+            class="details-box-item"
             v-if="
               processDetails.printType == 1 &&
               processDetails.dsRbFilePreserveSlotList &&
@@ -917,19 +935,23 @@ i {
 
 .details-box {
   width: calc(100% - 28px);
-  padding: 5px 10px 25px 10px;
-  box-shadow: 0px 0px 6px 1px rgba(22, 44, 71, 0.16);
+
+  //
   // border:1px solid #ebeef5;
-  border-radius: 6px 6px 0px 0px;
+  
   margin: 0 auto 0;
   height: auto;
-  margin-left: 5px;
-  .de-titile {
-    font-weight: bold;
-    margin-bottom: 20px;
+  // margin-left: 5px;
+  .details-box-item {
+    box-shadow: 0px 0px 6px 1px rgba(22, 44, 71, 0.16);
+    padding: 5px 10px 20px 10px;
+    border-radius: 6px 6px 6px 6px;
+    margin-bottom: 15px;
   }
+  
 }
 
+
 .production-process-item {
   border: 1px solid #284c89;
   width: 220px;
@@ -1014,10 +1036,9 @@ i {
     }
   }
 }
-
 .de-title {
     font-weight: bold;
     margin-bottom: 5px;
-  margin-top: 10px;
   }
+
 </style>