93 lines
5.2 KiB
HTML
93 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>工单拆分与下发 - 智能排产系统</title>
|
||
<link rel="stylesheet" href="../css/common.css">
|
||
</head>
|
||
<body>
|
||
<div id="app">
|
||
<header class="header" id="header"></header>
|
||
<div class="body">
|
||
<aside class="sidebar" id="sidebar"></aside>
|
||
<main class="main">
|
||
<h1 class="page-title">工单拆分与下发</h1>
|
||
<div class="toolbar">
|
||
<button class="btn btn-primary" onclick="batchIssue()">批量下发已拆分工单</button>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-body table-wrap">
|
||
<table id="poTable">
|
||
<thead><tr><th><input type="checkbox" id="checkAll" onclick="toggleAll()"></th><th>生产订单</th><th>产品/数量</th><th>产线</th><th>计划起止</th><th>已拆工单</th><th>操作</th></tr></thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
<script src="../js/data.js"></script>
|
||
<script src="../js/common.js"></script>
|
||
<script>
|
||
initPage('work-order-split');
|
||
let selectedIds = [];
|
||
function render() {
|
||
const rows = apsData.productionOrders.filter(po => po.status !== 'CANCELLED');
|
||
const tbody = document.querySelector('#poTable tbody');
|
||
tbody.innerHTML = rows.map(po => {
|
||
const woCount = apsData.workOrders.filter(wo => wo.productionOrderId == po.id).length;
|
||
return `<tr>
|
||
<td><input type="checkbox" class="row-check" value="${po.id}" ${selectedIds.includes(po.id)?'checked':''} onchange="toggleRow(${po.id})"></td>
|
||
<td>${po.orderNo}</td>
|
||
<td>${po.productName} × ${po.quantity}</td>
|
||
<td>${po.lineName}</td>
|
||
<td>${po.plannedStartDate ? po.plannedStartDate.slice(0,16) : ''} ~ ${po.plannedEndDate ? po.plannedEndDate.slice(0,16) : ''}</td>
|
||
<td>${woCount}</td>
|
||
<td class="actions">
|
||
${woCount === 0 ? `<button class="btn btn-sm btn-primary" onclick="splitWo(${po.id})">拆分工单</button>` : '<span class="text-muted">已拆分</span>'}
|
||
${woCount > 0 ? `<button class="btn btn-sm btn-success" onclick="issueAll(${po.id})">下发</button>` : ''}
|
||
</td>
|
||
</tr>`;
|
||
}).join('') || '<tr><td colspan="7" class="text-center text-muted">无数据</td></tr>';
|
||
}
|
||
function toggleRow(id) { selectedIds = selectedIds.includes(id) ? selectedIds.filter(x=>x!==id) : [...selectedIds, id]; render(); }
|
||
function toggleAll() { selectedIds = document.getElementById('checkAll').checked ? apsData.productionOrders.map(po=>po.id) : []; render(); }
|
||
function splitWo(poId) {
|
||
const po = findById(apsData.productionOrders, poId);
|
||
const steps = findRoutingSteps(po.productId);
|
||
if (!steps.length) return showToast('无法拆分', '产品缺少工艺路线', 'error');
|
||
const start = apsData.$utils.parseDate(po.plannedStartDate || apsData.$utils.fmtDateTime(apsData.$utils.today()));
|
||
const end = apsData.$utils.parseDate(po.plannedEndDate || apsData.$utils.addMinutes(start, 24*60));
|
||
const span = (end - start) / steps.length;
|
||
steps.forEach((step, idx) => {
|
||
const op = findById(apsData.operations, step.operationId);
|
||
const ws = findWorkstationForOperation(po.lineId, step.operationId);
|
||
const s = apsData.$utils.addMinutes(start, idx * span);
|
||
const e = apsData.$utils.addMinutes(start, (idx + 1) * span);
|
||
apsData.workOrders.push({
|
||
id: apsData.$utils.nextId('workOrder'), orderNo: po.orderNo + '-' + String(idx+1).padStart(2,'0'), productionOrderId: po.id, productionOrderNo: po.orderNo,
|
||
operationId: op.id, operationName: op.name, sequenceNo: step.sequenceNo, productId: po.productId, productName: po.productName, quantity: po.quantity, unit: po.unit,
|
||
completedQuantity: 0, lineId: po.lineId, lineName: po.lineName, workstationId: ws ? ws.id : null, workstationName: ws ? ws.name : '-',
|
||
plannedStartTime: apsData.$utils.fmtDateTime(s), plannedEndTime: apsData.$utils.fmtDateTime(e), status: 'PENDING', teamId: null, teamName: null,
|
||
requiredMaterials: [], requiredEquipment: [], priority: po.priority, isFrozen: false, kitStatus: 'PASSED', progressPercent: 0, conflictCount: 0, note: ''
|
||
});
|
||
});
|
||
apsData.logs.unshift({ id: apsData.$utils.nextId('log'), type: 'INFO', category: 'WO', operationType: 'SPLIT', targetType: 'PRODUCTION_ORDER', targetId: poId, action: '工单拆分', description: `生产订单 ${po.orderNo} 拆分为 ${steps.length} 个工单`, operator: 'admin', createdAt: apsData.$utils.fmtDateTime(new Date()) });
|
||
apsData.$utils.save(apsData); showToast('拆分完成', po.orderNo); render();
|
||
}
|
||
function issueAll(poId) {
|
||
let count = 0;
|
||
apsData.workOrders.filter(wo => wo.productionOrderId == poId && wo.status === 'PENDING').forEach(wo => { wo.status = 'ISSUED'; wo.isFrozen = true; count++; });
|
||
apsData.$utils.save(apsData); showToast('下发完成', `${count} 个工单已下发`); render();
|
||
}
|
||
function batchIssue() {
|
||
let count = 0;
|
||
selectedIds.forEach(id => issueAll(id));
|
||
selectedIds = []; render();
|
||
}
|
||
render();
|
||
</script>
|
||
</body>
|
||
</html>
|