冲突标红

This commit is contained in:
砂糖
2025-07-19 16:08:40 +08:00
parent f80b0d55a4
commit 1f95ca098c
2 changed files with 32 additions and 17 deletions

View File

@@ -57,6 +57,7 @@ export default {
const name = (item.remark || item.taskName || item.productName || item.name || `任务${idx+1}`) + (item.productName ? `-${item.productName}` : '');
const start = item.startDate || item.start_time || item.start || item.start_date;
const end = item.endDate || item.end_time || item.end || item.end_date;
console.log(item.lineId, item.orderId, idx, '颜色取值依据')
return {
name,
value: [start, end],
@@ -72,6 +73,26 @@ export default {
endDate: end
};
});
// 先全部用 getColor 分配基础色
taskData.forEach((item, idx) => {
item._color = getColor(item.lineId, item.orderId, idx);
});
// 检查冲突(同产线时间重叠),有冲突的都标红
for (let i = 0; i < taskData.length; i++) {
for (let j = i + 1; j < taskData.length; j++) {
if (
taskData[i].lineId &&
taskData[i].lineId === taskData[j].lineId &&
new Date(taskData[i].value[0]) < new Date(taskData[j].value[1]) &&
new Date(taskData[i].value[1]) > new Date(taskData[j].value[0])
) {
taskData[i]._color = '#F56C6C';
taskData[j]._color = '#F56C6C';
}
}
}
// 颜色映射
const colorMap = taskData.map(d => d._color);
// Y轴任务名
const yData = taskData.map(d => d.name);
// X轴时间范围
@@ -93,10 +114,12 @@ export default {
tooltip: {
confine: true,
formatter: params => {
const d = Array.isArray(params.data) ? params.data[3] : params.data;
return `任务:${d.name}` +
`<br/>开始:${d.startDate}` +
`<br/>结束:${d.endDate}` +
// 用 params.data[2] 作为索引查找 taskData
const idx = params.data && params.data[2];
const d = (typeof idx === 'number' && taskData[idx]) ? taskData[idx] : {};
return `任务:${d.name || ''}` +
`<br/>开始:${d.startDate || ''}` +
`<br/>结束:${d.endDate || ''}` +
`<br/>日产能:${d.capacity != null ? d.capacity : d.capacity || ''}` +
`<br/>总产能:${d.totalCapacity != null ? d.totalCapacity : d.total_capacity || ''}` +
`<br/>目标生产:${d.planQuantity != null ? d.planQuantity : d.plan_quantity || ''}` +
@@ -128,16 +151,9 @@ export default {
const start = api.coord([api.value(0), categoryIndex]);
const end = api.coord([api.value(1), categoryIndex]);
const barHeight = 18;
const d = Array.isArray(params.data) ? params.data[3] : params.data;
// 调试输出d
// console.log('renderItem d:', d);
let fillColor = api.style().fill;
if (d && d.itemStyle && d.itemStyle.color) {
fillColor = d.itemStyle.color;
} else if (d && d.name && d.name.indexOf('预览') !== -1) {
// 兜底:只要是预览条,强制绿色或红色
fillColor = '#67C23A';
}
// 颜色从 colorMap 查
const idx = params.dataIndex;
let fillColor = colorMap[idx] || '#409EFF';
return {
type: 'rect',
shape: {
@@ -148,7 +164,6 @@ export default {
r: 6
},
style: {
...api.style(),
fill: fillColor
}
};
@@ -157,7 +172,7 @@ export default {
x: [0, 1],
y: 2
},
data: taskData.map((d, i) => [d.value[0], d.value[1], i, d]),
data: taskData.map((d, i) => [d.value[0], d.value[1], i]),
itemStyle: {
borderRadius: 6
}

View File

@@ -205,7 +205,7 @@ export default {
{ required: true, message: "仓库/库区名称不能为空", trigger: "blur" }
],
warehouseType: [
{ required: true, message: "类型0=仓库1=库区2=库位,…不能为空", trigger: "change" }
{ required: true, message: "类型不能为空", trigger: "change" }
],
}
};