aps-agent/aps-frontend/pages/constraint-management.html

77 lines
3.6 KiB
HTML
Raw Permalink Normal View History

2026-07-21 11:05:57 +08:00
<!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="row">
<div class="col-6">
<div class="card">
<div class="card-header">硬约束(必须满足)</div>
<div class="card-body table-wrap">
<table id="hardTable"><thead><tr><th>编号</th><th>名称</th><th>启用</th></tr></thead><tbody></tbody></table>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<div class="card-header">软约束(计入惩罚)</div>
<div class="card-body table-wrap">
<table id="softTable"><thead><tr><th>编号</th><th>名称</th><th>启用</th><th>惩罚系数</th></tr></thead><tbody></tbody></table>
</div>
</div>
</div>
</div>
<button class="btn btn-primary" onclick="saveConstraints()">保存约束配置</button>
</main>
</div>
</div>
<script src="../js/data.js"></script>
<script src="../js/common.js"></script>
<script>
initPage('constraint-management');
const hard = [
{ code: 'HC-01', name: '工序先后约束' }, { code: 'HC-02', name: '产线产能约束' }, { code: 'HC-03', name: '产线独占约束' },
{ code: 'HC-04', name: '物料齐套约束' }, { code: 'HC-05', name: '设备可用约束' }, { code: 'HC-06', name: '人员班次约束' },
{ code: 'HC-07', name: '工位能力约束' }, { code: 'HC-08', name: '交期约束' }, { code: 'HC-09', name: 'BOM 完整性约束' }, { code: 'HC-10', name: '工艺路线完整性约束' }
];
const soft = [
{ code: 'SC-01', name: '首选产线偏好' }, { code: 'SC-02', name: '负荷均衡偏好' }, { code: 'SC-03', name: '加班最小化' },
{ code: 'SC-04', name: '连续生产偏好' }, { code: 'SC-05', name: '同客户集中' }, { code: 'SC-06', name: '提前完成惩罚' },
{ code: 'SC-07', name: '大订单不跨班' }, { code: 'SC-08', name: '外协最小化' }
];
function render() {
const cfg = apsData.scheduleParams.constraints || {};
document.querySelector('#hardTable tbody').innerHTML = hard.map(hc => `
<tr><td>${hc.code}</td><td>${hc.name}</td><td><input type="checkbox" class="hc-check" data-code="${hc.code}" checked></td></tr>
`).join('');
document.querySelector('#softTable tbody').innerHTML = soft.map(sc => `
<tr>
<td>${sc.code}</td><td>${sc.name}</td>
<td><input type="checkbox" class="sc-check" data-code="${sc.code}" checked></td>
<td><input type="number" class="sc-pen" data-code="${sc.code}" value="1" style="width:70px"></td>
</tr>
`).join('');
}
function saveConstraints() {
const hardMap = {}, softMap = {};
$$('.hc-check').forEach(cb => hardMap[cb.dataset.code] = cb.checked);
$$('.sc-check').forEach(cb => softMap[cb.dataset.code] = { enabled: cb.checked, penalty: Number(($('.sc-pen[data-code="'+cb.dataset.code+'"]')).value) });
apsData.scheduleParams.constraintConfig = { hard: hardMap, soft: softMap };
apsData.$utils.save(apsData);
showToast('保存成功', '约束配置已更新');
}
render();
</script>
</body>
</html>