From e8212536e818118b7343e489684cefa0113ca861 Mon Sep 17 00:00:00 2001
From: zhangdi <1104545947@qq.com>
Date: Tue, 10 Mar 2026 18:50:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E7=9B=91=E6=8E=A7=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/workRate/index.vue | 117 +++++++++++++++++++++--------------
 1 file changed, 69 insertions(+), 48 deletions(-)

diff --git a/src/views/workRate/index.vue b/src/views/workRate/index.vue
index 247daa4..e5994ed 100644
--- a/src/views/workRate/index.vue
+++ b/src/views/workRate/index.vue
@@ -199,37 +199,42 @@
           </div>
         </div>
         <div class="details-box" v-if="selectedItemId && selectedItemInfo.status > 1">
-          <div class="de-title">工序详情</div>
-          <el-descriptions :column="4" border label-width="100" class="fixed-descriptions">
-            <el-descriptions-item label="接收数量" :span="1">{{
-              processDetails.qualifiedQty
-            }}</el-descriptions-item>
-            <el-descriptions-item label="计划开始" :span="1">{{
-              selectedItemInfo.planStartTime
-            }}</el-descriptions-item>
-            <el-descriptions-item label="计划结束" :span="1">{{
-              selectedItemInfo.planEndTime
-            }}</el-descriptions-item>
-            <el-descriptions-item label="接收人" :span="1">{{
-              processDetails.receiveMan
-            }}</el-descriptions-item>
-            <el-descriptions-item label="实际开始" :span="1">{{
-              selectedItemInfo.factStartTime
-            }}</el-descriptions-item>
-            <el-descriptions-item label="实际结束" :span="1">{{
-              selectedItemInfo.planEndTime
-            }}</el-descriptions-item>
-            <el-descriptions-item label="试验数量" :span="1">{{
-              processDetails.testQty
-            }}</el-descriptions-item>
-            <el-descriptions-item label="消耗数量" :span="1">{{
-              processDetails.lossQty
-            }}</el-descriptions-item>
-            <el-descriptions-item label="报废数量" :span="1">{{
-              processDetails.scrapQty
-            }}</el-descriptions-item>
-          </el-descriptions>
-          <div v-if="processDetails.mrList && processDetails.mrList.length >= 0">
+          <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">{{
+                processDetails.qualifiedQty
+              }}</el-descriptions-item>
+              <el-descriptions-item label="计划开始" :span="1">{{
+                selectedItemInfo.planStartTime
+              }}</el-descriptions-item>
+              <el-descriptions-item label="计划结束" :span="1">{{
+                selectedItemInfo.planEndTime
+              }}</el-descriptions-item>
+              <el-descriptions-item label="接收人" :span="1">{{
+                processDetails.receiveMan
+              }}</el-descriptions-item>
+              <el-descriptions-item label="实际开始" :span="1">{{
+                selectedItemInfo.factStartTime
+              }}</el-descriptions-item>
+              <el-descriptions-item label="实际结束" :span="1">{{
+                selectedItemInfo.planEndTime
+              }}</el-descriptions-item>
+              <el-descriptions-item label="试验数量" :span="1">{{
+                processDetails.testQty
+              }}</el-descriptions-item>
+              <el-descriptions-item label="消耗数量" :span="1">{{
+                processDetails.lossQty
+              }}</el-descriptions-item>
+              <el-descriptions-item label="报废数量" :span="1">{{
+                processDetails.scrapQty
+              }}</el-descriptions-item>
+            </el-descriptions>
+          </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;
-}
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
 </style>