From 492411a8891687156f7d9fda103f144f23eb1bf6 Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期四, 22 一月 2026 14:29:57 +0800
Subject: [PATCH] 1.存货绑定工艺路线弹出框显示默认选中的2.gantt研究
---
src/views/gantt/index.vue | 232 ++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 195 insertions(+), 37 deletions(-)
diff --git a/src/views/gantt/index.vue b/src/views/gantt/index.vue
index e3d09a1..df9ebe5 100644
--- a/src/views/gantt/index.vue
+++ b/src/views/gantt/index.vue
@@ -36,6 +36,7 @@
value-format="yyyy-MM-dd"
type="daterange"
:clearable="false"
+ :picker-options="pickerOptions"
range-separator="鑷�"
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
@@ -90,7 +91,7 @@
{ code: '360min', name: '360min' }
],
scaleValue: '240min',
- ganttDateRange: ['2026-01-21', '2026-01-22'], // '2026-01-20', '2026-01-25'
+ ganttDateRange: ['2026-01-22', '2026-01-25'], // '2026-01-20', '2026-01-25'
selectedIds: [],
// 鍒嗛〉鐩稿叧鏁版嵁
currentPage: 1,
@@ -106,18 +107,23 @@
priorityMethodArr: [
{ code: 'device', name: '璁惧浼樺厛' },
{ code: 'time', name: '鏃堕棿浼樺厛' }
- ]
+ ],
+ pickerOptions: {
+ disabledDate(time) {
+ return time.getTime() <= Date.now() - 24 * 60 * 60 * 1000
+ }
+ }
}
},
mounted() {
- // 鍏堟敼鍙樻棩鏈熻寖鍥撮厤缃�
- this.ganttDateRangeChange(this.ganttDateRange)
-
// 鍒濆鍖栫敇鐗瑰浘閰嶇疆
this.initGantt()
+ // 鏀瑰彉鏃ユ湡鑼冨洿閰嶇疆
+ this.ganttDateRangeChange(this.ganttDateRange)
+
// 鐒跺悗鍔犺浇浠诲姟鏁版嵁锛堜細鑷姩娓叉煋褰撳墠椤碉級
- this.loadTasks()
+ // this.loadTasks()
},
methods: {
@@ -236,7 +242,6 @@
// 鑷畾涔夋诞鍔ㄦ鐨勬樉绀哄唴瀹� tooltip娴姩妗嗘樉绀虹殑End Date琚拷鍔�1鐨勯棶棰樹慨澶嶏紙搴旇鏄剧ず鏁版嵁搴撶殑鍘熷鍊硷級
gantt.templates.tooltip_text = function(start, end, task) {
- // console.log(JSON.parse(JSON.stringify(task)))
// return '<b>浠诲姟:</b> ' + task.text + '<br/><b>寮�濮嬫椂闂�:</b> ' + `${gantt.date.date_to_str('%Y-%m-%d')(start)}` + '<br/><b>缁撴潫鏃堕棿:</b> ' + handleDateReduceOneDay(end)
// return '<b>浠诲姟:</b> ' + task.text + '<br/><b>寮�濮嬫椂闂�:</b> ' + handleDatetime2(start) + '<br/><b>缁撴潫鏃堕棿:</b> ' + handleDateReduceOneDay(end) + '<br/><b>杩涘害:</b> ' + task.progress * 100 + '%'
return '<b>浠诲姟:</b> ' + task.text +
@@ -258,7 +263,7 @@
// return task.producedCount
}
if (task.type === 'task3') {
- return `<div class="task3Css">`
+ return `<div class="task3Css">${task.producedCount}</div>`
}
return ''
}
@@ -300,11 +305,13 @@
// 鍒濆鍖栧畬鎴愬悗鍚屾涓�娆￠�変腑鐘舵��
this.syncSelected()
+
+ // this.loadTasks()
},
// 鍔犺浇浠诲姟鏁版嵁
loadTasks() {
- // 鎺ュ彛鑾峰彇鍒扮殑鏁版嵁
+ // 鎺ュ彛鑾峰彇鍒扮殑鏁版嵁 //杩欐槸寰呮帓鏁版嵁
const rows = [
{
'wo_code': null,
@@ -476,14 +483,115 @@
}
]
+ // 杩欐槸宸叉帓鏁版嵁
+ const Cont = [
+ {
+ 'wo_code': 'MO-2023-06-0007_1',
+ 'eqp_code': 'JG010',
+ 'time_start': '2026-01-21 13:51:55',
+ 'time_end': '2026-01-21 18:00:00',
+ 'status': 'S',
+ 'alloc_qty': 298.00,
+ 'part_code': '302',
+ 'part_name': '8504鍏夋満',
+ 'uom_name': '鍙�'
+ },
+ {
+ 'wo_code': 'MO-2023-06-0007_1',
+ 'eqp_code': 'JG010',
+ 'time_start': '2026-01-22 08:00:00',
+ 'time_end': '2026-01-22 11:30:00',
+ 'status': 'S',
+ 'alloc_qty': 252.00,
+ 'part_code': '302',
+ 'part_name': '8504鍏夋満',
+ 'uom_name': '鍙�'
+ },
+ {
+ 'wo_code': 'MO-2023-06-0007_1',
+ 'eqp_code': 'JG010',
+ 'time_start': '2026-01-22 13:00:00',
+ 'time_end': '2026-01-22 18:00:00',
+ 'status': 'S',
+ 'alloc_qty': 360,
+ 'part_code': '302',
+ 'part_name': '8504鍏夋満',
+ 'uom_name': '鍙�'
+ },
+ {
+ 'wo_code': 'MO-2023-06-0007_1',
+ 'eqp_code': 'JG010',
+ 'time_start': '2026-01-23 08:00:00',
+ 'time_end': '2026-01-23 11:30:00',
+ 'status': 'S',
+ 'alloc_qty': 252.00,
+ 'part_code': '302',
+ 'part_name': '8504鍏夋満',
+ 'uom_name': '鍙�'
+ },
+ {
+ 'wo_code': 'MO-2023-06-0007_1',
+ 'eqp_code': 'JG010',
+ 'time_start': '2026-01-23 13:00:00',
+ 'time_end': '2026-01-23 15:00:00',
+ 'status': 'S',
+ 'alloc_qty': 144.00,
+ 'part_code': '302',
+ 'part_name': '8504鍏夋満',
+ 'uom_name': '鍙�'
+ }
+ // {
+ // 'wo_code': 'MO-2023-06-0007_1',
+ // 'eqp_code': 'JG010',
+ // 'time_start': '2026-01-24 08:00:00',
+ // 'time_end': '2026-01-24 11:30:00',
+ // 'status': 'S',
+ // 'alloc_qty': 252.00,
+ // 'part_code': '302',
+ // 'part_name': '8504鍏夋満',
+ // 'uom_name': '鍙�'
+ // },
+ // {
+ // 'wo_code': 'MO-2023-06-0007_1',
+ // 'eqp_code': 'JG010',
+ // 'time_start': '2026-01-24 13:00:00',
+ // 'time_end': '2026-01-24 18:00:00',
+ // 'status': 'S',
+ // 'alloc_qty': 360.00,
+ // 'part_code': '302',
+ // 'part_name': '8504鍏夋満',
+ // 'uom_name': '鍙�'
+ // },
+ // {
+ // 'wo_code': 'MO-2023-06-0007_1',
+ // 'eqp_code': 'JG010',
+ // 'time_start': '2026-01-25 08:00:00',
+ // 'time_end': '2026-01-25 11:30:00',
+ // 'status': 'S',
+ // 'alloc_qty': 252.00,
+ // 'part_code': '302',
+ // 'part_name': '8504鍏夋満',
+ // 'uom_name': '鍙�'
+ // },
+ // {
+ // 'wo_code': 'MO-2023-06-0007_1',
+ // 'eqp_code': 'JG010',
+ // 'time_start': '2026-01-25 13:00:00',
+ // 'time_end': '2026-01-25 18:00:00',
+ // 'status': 'S',
+ // 'alloc_qty': 360.00,
+ // 'part_code': '302',
+ // 'part_name': '8504鍏夋満',
+ // 'uom_name': '鍙�'
+ // }
+ ]
+
const newArr = []
// 杩欎竴姝ョ殑鎿嶄綔涓昏鏄鍋氫骇鑳借儗鏅殑鏄剧ず
rows.forEach((item, index) => {
// 鏁版嵁鎺ュ彛杩斿洖鐨勬椂闂磋寖鍥磋鍦ㄦ棩鏈熼�夋嫨鑼冨洿涔嬪唴
if (new Date(item.YearDate).getTime() >= new Date(this.ganttDateRange[0]).getTime() && new Date(item.YearDate).getTime() <= new Date(this.ganttDateRange[1]).getTime()) {
- // console.log(JSON.stringify(item))
item.children.forEach((it, ind) => {
- // console.log(JSON.stringify(it))
// 杩欓噷搴旇瑕佺敓鎴愪竴涓互璁惧缁村害涓哄熀纭�鐨勬暟缁� 涓嶉噸涓嶆紡
if (!newArr.map(i => i.partCode).includes(it.AdvaDevicNumber)) {
console.log(' it.AdvaDevicNumber,', it.AdvaDevicNumber)
@@ -516,6 +624,8 @@
partName: it.AdvaDevicName,
partCode: it.AdvaDevicNumber,
start_date: handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0]),
+ // start_date: new Date(handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0])).getTime() < new Date().getTime() ? handleDatetime2(new Date()) : handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0]),
+ // end_date: new Date(handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[1])).getTime() < new Date().getTime() ? handleDatetime2(new Date()) : handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[1]),
end_date: handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[1]),
duration,
checked: false,
@@ -533,8 +643,58 @@
}
})
+ // 杩欎竴姝ョ殑鎿嶄綔鏄仛宸叉帓鐨勬樉绀�
+ const scheduledDevices = [...new Set(Cont.map(i => i.eqp_code))]// 杩欐槸宸叉帓鐨勮澶囩紪鐮�
+ Cont.forEach(item => {
+ if (scheduledDevices.includes(item.eqp_code)) {
+ newArr.push({
+ id: nanoid(),
+ type: 'task3',
+ text: '浠诲姟鍚嶇О棰勭暀',
+ partName: item.part_name,
+ partCode: item.part_code,
+ start_date: item.time_start,
+ end_date: item.time_end,
+ // duration: this.calculateTimeRangeInMinutes(it.OneStartDate),
+ duration: this.calculateTimeRangeInMinutes(item.time_start.split(' ')[1] + '~' + item.time_end.split(' ')[1]),
+ checked: false,
+ progress: 0,
+ parent: item.eqp_code,
+ saleOrder: 'SO-2026-01001',
+ producedCount: item.alloc_qty
+ })
+ }
+ })
+
+ // task 浠ｈ〃鐨勬槸浜ц兘 task2 浠ｈ〃鐨勬槸鍙互鎺掍骇鐨勫�� task3 浠ｈ〃鐨勬槸宸叉帓浜х殑鍊�
+ // task2 鐨勫�煎緱浠� task鍑忓幓task3鐨勬椂闂� 浠ｈ〃鍙帓浜ф椂闂�
+ // 鑻ュ悓涓�鐖惰妭鐐圭殑鍊肩浉鍚屾椂,褰搕ask鐨勫紑濮嬫椂闂村拰缁撴潫鏃堕棿涓巘ask3鐩哥瓑鏃�,浠ｈ〃姝ゆ涓嶈兘鍐嶆帓浜�
+ // 褰搕ask鐨勫紑濮嬫椂闂寸瓑浜巘ask3鐨勫紑濮嬫椂闂�,浣唗ask鐨勭粨鏉熸椂闂村ぇ浜巘ask3鐨勭粨鏉熸椂闂存椂锛岃繖鏃跺�欙紝鍙帓浜ф椂闂翠负锛歵ask3鐨勭粨鏉熸椂闂村埌task鐨勭粨鏉熸椂闂�
+ const task = newArr.filter(item => item.type === 'task')
+ const task3 = newArr.filter(item => item.type === 'task3')
+ task.forEach(item => { // 鎬讳骇鑳�
+ task3.forEach(it => { // 宸叉帓鏁版嵁
+ if (item.parent === it.parent) { // 璇存槑鏄湪鍚屼竴涓澶囦笅
+ // 褰撲袱涓椂闂寸浉绛夋椂璇存槑鑲畾涓嶈兘鎺掍骇浜�
+ if (new Date(item.start_date).getTime() === new Date(it.start_date).getTime() && new Date(item.end_date).getTime() === new Date(it.end_date).getTime()) {
+ item.schedulingPossible = false
+ }
+
+ if (new Date(item.start_date).getTime() === new Date(it.start_date).getTime() && new Date(item.end_date).getTime() > new Date(it.end_date).getTime()) {
+ item.start_date2 = it.end_date
+ }
+
+ // 涓嶇煡閬撹涓嶈娉ㄩ噴鎺� 寰呴獙璇�
+ // if (new Date(item.start_date).getTime() < new Date().getTime() && item.producedCount !== it.producedCount) {
+ // item.start_date2 = handleDatetime2(new Date())
+ // }
+ }
+ })
+ })
+
// 浣跨敤鍘熸湁鐨勭ず渚嬫暟鎹綔涓哄熀纭�
- this.allTasks = newArr
+ this.allTasks = newArr.filter(i => i.schedulingPossible !== false)
+ // this.allTasks = newArr
this.totalTasks = this.allTasks.length
this.updatePaginatedTasks()
@@ -657,7 +817,10 @@
this.priorityMethodChange()// 娓呯┖宸叉帓鍊�
gantt.config.start_date = new Date(val[0] + ' 00:00')
gantt.config.end_date = new Date(val[1] + ' 24:00')
- gantt.render()
+
+ this.loadTasks()
+
+ // gantt.render()
},
// 浠庣敇鐗瑰浘涓悓姝ラ�変腑鐨� id 鍒� Vue data
syncSelected() {
@@ -665,7 +828,6 @@
gantt.eachTask((task) => {
const globalTask = this.allTasks.find(t => t.id === task.id)
if (globalTask) {
- // console.log(globalTask, 'globalTask')
globalTask.checked = task.checked
}
})
@@ -713,11 +875,11 @@
this.allTasks.sort((a, b) => a.start_date - b.start_date)
}
if (this.priorityMethod === 'device') {
- this.allTasks.sort((a, b) => Number(a.partCode.replace(/\D/g, '')) - Number(b.partCode.replace(/\D/g, '')))
- // this.allTasks.sort((a, b) => Number(b.partCode.replace(/\D/g, '')) - Number(a.partCode.replace(/\D/g, '')))
- // this.allTasks.sort((a, b) => a.producedCount - b.producedCount)
+ this.allTasks.sort((a, b) => parseFloat(a.AdvaDevicCropMob) - parseFloat(b.AdvaDevicCropMob))
}
+ // 鍦ㄨ繖涓惊鐜噷闈㈣繕寰楄�冭檻涓�涓偣锛屽湪宸叉帓鐨勬暟鎹笂涓嶈兘鍐嶆帓浜�
+ // 鐩稿綋浜庡湪task 鍜宼ask3涓� 瑕佸湪task閲岄潰鍓旈櫎鎺塼ask3鐨勬椂闂存
const newArr = []
// this.canArrangeNumber = 0
let needArrangeNumber = this.needArrangeNumber
@@ -726,13 +888,19 @@
if (item.type === 'task' &&
new Date(item.start_date).getTime() >= new Date(this.ganttDateRange[0] + ' 00:00:00').getTime() &&
new Date(item.end_date).getTime() >= new Date().getTime()) { // 杩欓噷鐨勫垽鏂潯浠惰繕寰楀姞涓棩鏈熷垽鏂� 缁撴潫鏃堕棿瑕佸ぇ浜庣洰鍓嶆椂闂�
- console.log(JSON.parse(JSON.stringify(item)))
-
let ratio = 1 // 榛樿绯绘暟 1
- if (new Date(item.start_date).getTime() < new Date().getTime() && new Date(item.end_date).getTime() >= new Date().getTime()) {
- const d = this.calculateTimeRangeInMinutes(handleDatetime2(new Date()).split(' ')[1] + '~' + handleDatetime2(item.end_date).split(' ')[1])
+
+ if (item.start_date2) {
+ const d = this.calculateTimeRangeInMinutes(item.start_date2.split(' ')[1] + '~' + handleDatetime2(item.end_date).split(' ')[1])
ratio = Math.round((d / item.duration) * 100) / 100
- console.log(ratio, 'ratio')
+ }
+
+ if (
+ new Date(item.start_date).getTime() < new Date().getTime() &&
+ new Date(item.end_date).getTime() >= new Date().getTime()
+ ) {
+ const d = this.calculateTimeRangeInMinutes(handleDatetime2(new Date()).split(' ')[1] + '~' + handleDatetime2(item.end_date).split(' ')[1])
+ ratio = Math.round((d / item.duration) * 100) / 100
}
// 杩欎釜鍦版柟鐨刢ount鍊� 寰楀彉鏇� item.producedCount 寰椾箻浠ヤ釜绯绘暟 榛樿绯绘暟 1
@@ -741,13 +909,10 @@
if (count > 0 && (needArrangeNumber > 0 || Math.abs(needArrangeNumber) < item.producedCount * ratio)) { // 涓�瀹氭槸澶т簬闆朵笖灏忎簬鏁存潯鐨勭敓浜у�肩殑
// duration 鍗曚綅 鍒嗛挓
- let duration = (count / (item.AdvaDevicCropMob / 100)) * item.AdvaDevicRhythm / 60
- if (count < item.producedCount && new Date().getTime() <= new Date(item.start_date)) {
- // console.log('鎵ц1111')
- duration = duration * (count / item.producedCount)
- // item.end_date = '2026-01-24 11:00:00'
- }
- // console.log(duration, 'duration')
+ const duration = (count / (item.AdvaDevicCropMob / 100)) * item.AdvaDevicRhythm / 60
+ // if (count < item.producedCount && new Date().getTime() <= new Date(item.start_date).getTime()) {
+ // duration = duration * (count / item.producedCount) //濂藉儚娉ㄩ噴鎺夊氨瀵逛簡 寰呴獙璇�
+ // }
const obj = {
id: nanoid(),
@@ -755,7 +920,7 @@
text: '浠诲姟鍚嶇О111',
partName: item.partName,
partCode: item.partCode,
- start_date: new Date(item.start_date).getTime() < new Date().getTime() ? handleDatetime2(new Date()) : handleDatetime2(item.start_date),
+ start_date: new Date(item.start_date).getTime() < new Date().getTime() ? handleDatetime2(new Date()) : (item.start_date2 ? item.start_date2 : handleDatetime2(item.start_date)),
// end_date: handleDatetime2(item.end_date),
// end_date: item.end_date,
duration, // 浠ｈ〃鐨勬槸杩涘害鏉�
@@ -767,26 +932,20 @@
// producedCount: count <= item.producedCount ? count : item.producedCount
}
this.canArrangeNumber += parseFloat(obj.producedCount)
- console.log(this.canArrangeNumber)
if (Math.abs(this.canArrangeNumber - this.needArrangeNumber) === 1) {
obj.producedCount = obj.producedCount + (this.needArrangeNumber - this.canArrangeNumber)
}
-
- // 杩欎釜鍦版柟寰楀姞涓�昏緫锛屽緱鏍规嵁涓栭棿鏃ユ湡杩涜push 涓嬪崍鐮旂┒涓�涓�
newArr.push({ ...obj })
}
}
})
- console.log(JSON.parse(JSON.stringify(newArr)), 'newArr')
-
// for (let i = 0; i < this.allTasks.length; i++) {
//
// }
this.allTasks = [...this.allTasks, ...newArr]
- // console.log(JSON.parse(JSON.stringify(this.allTasks)), '77')
console.log(JSON.parse(JSON.stringify(this.allTasks)), '888')
@@ -802,7 +961,6 @@
this.updatePaginatedTasks()
this.renderGanttChart()
}
-
}
}
--
Gitblit v1.9.3