From 3145a4847f8dbd378c932e9bacb0376fd3fe1e54 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 03 四月 2026 11:10:06 +0800
Subject: [PATCH] 军泰伟业 1.部署修改
---
src/views/reportAnalysis/productionAnalysis/components/center-bottom.vue | 96 ++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 89 insertions(+), 7 deletions(-)
diff --git a/src/views/reportAnalysis/productionAnalysis/components/center-bottom.vue b/src/views/reportAnalysis/productionAnalysis/components/center-bottom.vue
index 43eb7d8..a8411ae 100644
--- a/src/views/reportAnalysis/productionAnalysis/components/center-bottom.vue
+++ b/src/views/reportAnalysis/productionAnalysis/components/center-bottom.vue
@@ -16,8 +16,11 @@
<th>鐢熶骇璁㈠崟鍙�</th>
<th>浜у搧鍚嶇О</th>
<th>瑙勬牸</th>
+ <th>宸ュ簭</th>
<th>闇�姹傛暟閲�</th>
<th>瀹屾垚鏁伴噺</th>
+ <th>瀹為檯鍏ュ簱鏁伴噺</th>
+ <th>涓嶉�氳繃鍘熷洜</th>
<th>瀹屾垚杩涘害</th>
</tr>
</thead>
@@ -31,8 +34,24 @@
<td>{{ item.npsNo || '-' }}</td>
<td>{{ item.productCategory || '-' }}</td>
<td>{{ item.specificationModel || '-' }}</td>
+ <td>
+ <div class="work-order-circles">
+ <div
+ v-for="(workOrder, workOrderIndex) in item.productWorkOrders || []"
+ :key="workOrder.id || workOrderIndex"
+ class="work-order-circle"
+ :class="getWorkOrderColorClass(workOrder.color)"
+ :title="workOrder.processName || workOrder.workOrderNo"
+ >
+ {{ workOrder.processName ? workOrder.processName.substring(0, 2) : workOrderIndex + 1 }}
+ </div>
+ <span v-if="!item.productWorkOrders || item.productWorkOrders.length === 0">-</span>
+ </div>
+ </td>
<td>{{ item.quantity || 0 }}</td>
<td>{{ item.completeQuantity || 0 }}</td>
+ <td>{{ item.actualStockInNum || 0 }}</td>
+ <td>{{ item.reason || '-' }}</td>
<td>
<el-progress
:percentage="calculateProgress(item)"
@@ -96,6 +115,16 @@
if (p < 50) return '#e6a23c'
if (p < 80) return '#409eff'
return '#67c23a'
+}
+
+const getWorkOrderColorClass = (color) => {
+ const colorMap = {
+ 1: 'gray',
+ 2: 'yellow',
+ 3: 'green',
+ 4: 'red',
+ }
+ return colorMap[color] || 'gray'
}
const setRowRef = (el, index) => {
@@ -245,6 +274,8 @@
display: flex;
flex-direction: column;
gap: 20px;
+ width: calc(100% + 550px);
+ margin-right: -550px;
}
.panel-item-customers {
@@ -252,10 +283,11 @@
padding: 18px;
width: 100%;
height: 428px;
+ box-sizing: border-box;
}
.progress-table-container {
- height: 280px;
+ height: 320px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 10px;
@@ -295,27 +327,39 @@
}
.progress-table th:nth-child(1) {
- width: 15%;
+ width: 11%;
}
.progress-table th:nth-child(2) {
- width: 15%;
+ width: 12%;
}
.progress-table th:nth-child(3) {
- width: 15%;
+ width: 12%;
}
.progress-table th:nth-child(4) {
- width: 12%;
+ width: 15%;
}
.progress-table th:nth-child(5) {
- width: 12%;
+ width: 9%;
}
.progress-table th:nth-child(6) {
- width: 31%;
+ width: 9%;
+}
+
+.progress-table th:nth-child(7) {
+ width: 10%;
+}
+
+.progress-table th:nth-child(8) {
+ width: 11%;
+}
+
+.progress-table th:nth-child(9) {
+ width: 11%;
}
.progress-table td {
@@ -348,4 +392,42 @@
color: #b8c8e0;
font-size: 11px;
}
+
+.work-order-circles {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
+.work-order-circle {
+ width: 32px;
+ height: 32px;
+ border-radius: 6px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 12px;
+ font-weight: 500;
+ color: #fff;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.work-order-circle.gray {
+ background-color: #909399;
+}
+
+.work-order-circle.yellow {
+ background-color: #e6a23c;
+}
+
+.work-order-circle.green {
+ background-color: #67c23a;
+}
+
+.work-order-circle.red {
+ background-color: #f56c6c;
+}
+
</style>
--
Gitblit v1.9.3