From 4fbd0c98d22c2ce6eabfcb507c13c6c9ce77492d Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期三, 21 一月 2026 14:22:55 +0800
Subject: [PATCH] 1.递交
---
src/views/gantt/index.vue | 399 +++++++++++++++-----------------------------------------
1 files changed, 109 insertions(+), 290 deletions(-)
diff --git a/src/views/gantt/index.vue b/src/views/gantt/index.vue
index 6685486..e3d09a1 100644
--- a/src/views/gantt/index.vue
+++ b/src/views/gantt/index.vue
@@ -15,6 +15,20 @@
:value="item.code"
/>
</el-select>
+ <el-select
+ v-model="priorityMethod"
+ size="mini"
+ style="margin-left: 10px;"
+ placeholder="璇烽�夋嫨"
+ @change="priorityMethodChange"
+ >
+ <el-option
+ v-for="item in priorityMethodArr"
+ :key="item.code"
+ :label="item.name"
+ :value="item.code"
+ />
+ </el-select>
<el-date-picker
v-model="ganttDateRange"
style="margin-left: 10px;"
@@ -34,11 +48,11 @@
娓呯┖澶嶉�夋閫夋嫨
</el-button>
- <el-button size="mini" type="primary" @click="prepareArrange('device')">
- 鎸夎澶囦紭鍏堥鎺�
+ <el-button size="mini" type="primary" @click="prepareArrange">
+ 棰勬帓
</el-button>
- <el-button size="mini" type="primary" @click="prepareArrange('time')">
- 鎸夋椂闂翠紭鍏堥鎺�
+ <el-button size="mini" disabled>
+ 棰勬帓杩涘害锛歿{ canArrangeNumber }}/{{ needArrangeNumber }}
</el-button>
</div>
@@ -76,7 +90,7 @@
{ code: '360min', name: '360min' }
],
scaleValue: '240min',
- ganttDateRange: ['2026-01-20', '2026-01-25'],
+ ganttDateRange: ['2026-01-21', '2026-01-22'], // '2026-01-20', '2026-01-25'
selectedIds: [],
// 鍒嗛〉鐩稿叧鏁版嵁
currentPage: 1,
@@ -87,7 +101,12 @@
fivePeriodsTimeName: ['OneStartDate', 'TwoStartDate', 'ThreeStartDate', 'FourStartDate', 'FiveStartDate'], // 浜斾釜鏃堕棿娈电殑閿悕
needArrangeNumber: 5000, // 鍋囪闇�瑕佹帓浜ф暟閲�5000
- priorityMethod: 'device'// device 璁惧 time 鏃堕棿
+ canArrangeNumber: 0, // 鑳芥帓鏁伴噺榛樿涓� 0
+ priorityMethod: 'device', // device 璁惧 time 鏃堕棿
+ priorityMethodArr: [
+ { code: 'device', name: '璁惧浼樺厛' },
+ { code: 'time', name: '鏃堕棿浼樺厛' }
+ ]
}
},
mounted() {
@@ -104,7 +123,6 @@
initGantt() {
gantt.plugins({
-
critical_path: true,
drag_timeline: true,
grouping: true,
@@ -126,37 +144,9 @@
gantt.config.row_height = 32 // 琛岄珮
gantt.config.bar_height = 20 // bar楂�
-
gantt.config.xml_date = '%Y-%m-%d %H:%i' // gantt鐨勬棩鏈熸牸寮�
-
gantt.config.drag_progress = false // 绂佹閫氳繃鎷栧姩杩涘害鏉℃敼鍙樹换鍔¤繘搴�
-
gantt.config.readonly = true // 鍙妯″紡
-
- /* 鈫撯啌鈫� Group configuration 鈫撯啌鈫� */
- gantt.serverList('task_priority', [
- { key: 1, label: '楂�' },
- { key: 2, label: '涓瓑' },
- { key: 3, label: '浣�' }
- ])
-
- gantt.serverList('task_status', [
- { key: 1, label: 'Planning' },
- { key: 2, label: 'Not started' },
- { key: 3, label: 'In Progress' },
- { key: 4, label: 'Complete' }
- ])
-
- function byId(list, id) {
- for (let i = 0; i < list.length; i++) {
- if (list[i].key == id) {
- return list[i].label || ''
- }
- }
- return ''
- }
-
- /* 鈫戔啈鈫� Group configuration 鈫戔啈鈫� */
// 鍒诲害鍊兼敼鍙�
this.changeTimeScale()
@@ -241,13 +231,7 @@
]
/* 鈫戔啈鈫� Grid Columns configuration 鈫戔啈鈫� */
- // 姹夊寲绐楀彛
-
- // gantt.config.order_branch = true
- // gantt.config.open_tree_initially = true
-
gantt.config.show_errors = false // 鍙戠敓寮傚父鏃讹紝涓嶅厑璁稿脊鍑鸿鍛婂埌 UI 鐣岄潰
-
gantt.config.grid_elastic_columns = true
// 鑷畾涔夋诞鍔ㄦ鐨勬樉绀哄唴瀹� tooltip娴姩妗嗘樉绀虹殑End Date琚拷鍔�1鐨勯棶棰樹慨澶嶏紙搴旇鏄剧ず鏁版嵁搴撶殑鍘熷鍊硷級
@@ -255,7 +239,11 @@
// 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 + '<br/><b>寮�濮嬫椂闂�:</b> ' + handleDatetime2(start) + '<br/><b>缁撴潫鏃堕棿:</b> ' + handleDatetime2(end) + '<br/><b>杩涘害:</b> ' + task.progress * 100 + '%'
+ return '<b>浠诲姟:</b> ' + task.text +
+ '<br/><b>' + `${task.type === 'task' ? '浜ц兘' : '鐢熶骇鏁伴噺'}` + ' :</b> ' + task.producedCount +
+ '<br/><b>杩涘害:</b> ' + task.progress * 100 + '%' +
+ '<br/><b>寮�濮嬫椂闂�:</b> ' + handleDatetime2(start) +
+ '<br/><b>缁撴潫鏃堕棿:</b> ' + handleDatetime2(end)
}
gantt.templates.task_text = function(start, end, task) {
@@ -505,7 +493,8 @@
text: '浠诲姟鍚嶇О棰勭暀',
partName: it.AdvaDevicName,
partCode: it.AdvaDevicNumber,
- // start_date: item.YearDate + ' ' + it.OneStartDate.split('~')[0],
+ start_date: handleDatetime2(item.YearDate + ' ' + it.OneStartDate.split('~')[0]), // 杩欎釜鏄棤鏁堢殑锛屽彧鏄负浜嗛鎺抪repareArrange鏂规硶閲岄潰涓嶆姤閿�
+ end_date: handleDatetime2(item.YearDate + ' ' + it.OneStartDate.split('~')[1]), // 杩欎釜鏄棤鏁堢殑锛屽彧鏄负浜嗛鎺抪repareArrange鏂规硶閲岄潰涓嶆姤閿�
// duration: this.calculateTimeRangeInMinutes(it.OneStartDate),
render: 'split', // 鐢ㄤ簬鍦ㄤ竴涓伐浣滄椂闂存鍐呮樉绀轰笉涓嬶紝闇�瑕佽繘琛屽垎鍓叉樉绀�
checked: false,
@@ -527,6 +516,7 @@
partName: it.AdvaDevicName,
partCode: it.AdvaDevicNumber,
start_date: handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0]),
+ end_date: handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[1]),
duration,
checked: false,
progress: 0,
@@ -546,233 +536,11 @@
// 浣跨敤鍘熸湁鐨勭ず渚嬫暟鎹綔涓哄熀纭�
this.allTasks = newArr
- const dataBack = [
- {
- 'id': 1,
- 'text': '宸ュ崟:MO-2025-05-001',
- saleOrder: 'SO-2025-05001',
- 'calendar_id': 'customCalendar1',
- partName: '璺戞鏈�',
- partCode: 'Run01',
- description: '鎺掍骇鏁伴噺:500 鎶ュ伐鏁伴噺:100 杩涘害:20%',
- 'type': 'project',
- 'start_date': '2025-04-02 00:00',
- // 'duration': 5,
- 'progress': 0.2,
- 'parent': 0,
- 'checked': false
- // render: 'split'
- },
- {
- 'id': 2,
- 'text': '宸ュ簭:鍒囧壊',
- saleOrder: 'SO-2025-05001',
- 'calendar_id': 'customCalendar1',
- partName: '璺戞鏈�',
- partCode: 'Run01',
- description: '鎺掍骇鏁伴噺:500 鎶ュ伐鏁伴噺:100 杩涘害:20%',
- 'type': 'project',
- 'start_date': '2025-04-02 00:00',
- 'duration': 2,
- 'progress': 0.2,
- 'parent': '1',
- checked: false
- },
- {
- 'id': 3,
- 'text': '璁惧:閲戝伐杞﹂棿1鍙疯澶�',
- saleOrder: 'SO-2025-05001',
- 'calendar_id': 'customCalendar1',
- partName: '璺戞鏈�',
- partCode: 'Run01',
- description: '鎺掍骇鏁伴噺:500 鎶ュ伐鏁伴噺:100 杩涘害:20%',
- 'type': 'task',
- 'start_date': '2025-04-07 00:00',
- 'parent': '2',
- 'duration': 4,
- 'progress': 0,
- checked: false
- },
- {
- 'id': 4,
- 'text': '璁惧:閲戝伐杞﹂棿2鍙疯澶�',
- saleOrder: 'SO-2025-05001',
- 'calendar_id': 'customCalendar1',
- partName: '璺戞鏈�',
- partCode: 'Run01',
- description: '鎺掍骇鏁伴噺:500 鎶ュ伐鏁伴噺:100 杩涘害:20%',
- 'type': 'task',
- 'start_date': '2025-04-15 00:00',
- 'parent': '2',
- 'duration': 3,
- 'progress': 0,
- checked: false
- },
- {
- 'id': 5,
- 'text': '宸ュ崟:MO-2025-05-002',
- saleOrder: 'SO-2025-05002',
- 'calendar_id': 'customCalendar1',
- partName: '璧版鏈�',
- partCode: 'W01',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:500 杩涘害:50%',
- 'type': 'project',
- 'start_date': '2025-04-02 00:00',
- // 'duration': 5,
- 'progress': 0.5,
- 'parent': 0,
- 'checked': false
- // render: 'split'
- },
- {
- 'id': 6,
- 'text': '宸ュ簭:鍒囧壊',
- saleOrder: 'SO-2025-05002',
- 'calendar_id': 'customCalendar1',
- partName: '璧版鏈�',
- partCode: 'W01',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:500 杩涘害:50%',
- 'type': 'project',
- 'start_date': '2025-04-02 00:00',
- 'duration': 5,
- 'progress': 0.5,
- 'parent': '5',
- checked: false
- },
- {
- 'id': 7,
- 'text': '璁惧:閲戝伐杞﹂棿3鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- 'calendar_id': 'customCalendar1',
- partCode: 'W01',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:500 杩涘害:50%',
- 'type': 'task',
- 'start_date': '2025-04-07 06:23',
- 'parent': '6',
- 'duration': 3,
- 'progress': 0,
- checked: false
- },
- {
- 'id': 8,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task',
- render: 'split', // 鐢ㄤ簬鍦ㄤ竴涓伐浣滄椂闂存鍐呮樉绀轰笉涓嬶紝闇�瑕佽繘琛屽垎鍓叉樉绀�
- 'start_date': '2025-04-12 00:00',
- 'parent': '6',
- 'duration': 4,
- 'progress': 0,
- checked: false
- },
-
- {
- 'id': 11,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task',
-
- 'start_date': '2025-04-14 00:00',
- 'parent': '8',
- 'duration': 3,
- 'progress': 0,
- checked: false
- },
-
- {
- 'id': 12,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task',
- 'start_date': '2025-04-18 00:00',
- 'parent': '8',
- 'duration': 1,
- 'progress': 0,
- checked: false
- },
-
- {
- 'id': 13,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task',
- 'start_date': '2025-04-10 02:50',
- 'parent': '8',
- 'duration': 2,
- 'progress': 0,
- checked: false
- },
- {
- 'id': 10,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task3',
- 'start_date': '2025-04-10 06:24',
- 'parent': '8',
- 'duration': 1,
- 'progress': 0,
- checked: false
- },
- {
- 'id': 14,
- 'text': '璁惧:閲戝伐杞﹂棿4鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:600 杩涘害:60%',
- 'type': 'task2',
-
- 'start_date': '2025-04-11 06:24',
- 'parent': '8',
- 'duration': 1,
- 'progress': 0,
- checked: false
- },
-
- {
- 'id': 9,
- 'text': '璁惧:閲戝伐杞﹂棿5鍙疯澶�',
- saleOrder: 'SO-2025-05002',
- partName: '璧版鏈�',
- partCode: 'W01',
- 'calendar_id': 'customCalendar1',
- description: '鎺掍骇鏁伴噺:1000 鎶ュ伐鏁伴噺:400 杩涘害:40%',
- 'type': 'task',
- 'start_date': '2025-04-10 00:00',
- 'parent': '6',
- 'duration': 3,
- 'progress': 0,
- checked: false
- }
- ]
-
this.totalTasks = this.allTasks.length
this.updatePaginatedTasks()
this.renderGanttChart()
- this.prepareArrange()
+ // this.prepareArrange()
},
// 鏇存柊鍒嗛〉鍚庣殑浠诲姟鏁版嵁
@@ -841,7 +609,8 @@
gantt.config.end_date = new Date(this.ganttDateRange[1] + ' 24:00')
gantt.config.scales = scaleConfig
if (boolean) {
- gantt.render()// gantt閲嶇粯
+ // gantt.render()// gantt閲嶇粯
+ this.renderGanttChart()
}
},
@@ -885,6 +654,7 @@
},
// 鐢樼壒鍥炬棩鏈熸敼鍙�
ganttDateRangeChange(val) {
+ this.priorityMethodChange()// 娓呯┖宸叉帓鍊�
gantt.config.start_date = new Date(val[0] + ' 00:00')
gantt.config.end_date = new Date(val[1] + ' 24:00')
gantt.render()
@@ -933,52 +703,101 @@
this.$notify.success('宸叉竻绌烘墍鏈夐�夋嫨')
},
// 棰勬帓
- prepareArrange(type) {
+ prepareArrange() {
+ this.priorityMethodChange()
+
+ this.loadTasks()
+
// 浼樺厛鏂瑰紡 time device
- if (type === 'time') {
+ if (this.priorityMethod === 'time') {
this.allTasks.sort((a, b) => a.start_date - b.start_date)
}
- if (type === 'device') {
- console.log(JSON.parse(JSON.stringify(this.allTasks)), '9999')
+ 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)
}
- // console.log(JSON.parse(JSON.stringify(this.allTasks)), '9999')
const newArr = []
+ // this.canArrangeNumber = 0
+ let needArrangeNumber = this.needArrangeNumber
this.allTasks.forEach(item => {
- if (item.type === 'task') {
- // console.log(JSON.parse(JSON.stringify(item)))
- const count = this.needArrangeNumber > 0 && this.needArrangeNumber <= item.producedCount ? this.needArrangeNumber : item.producedCount
- this.needArrangeNumber = this.needArrangeNumber - item.producedCount // 鍓╀綑寰呮帓鍊�
- if (count > 0 && (this.needArrangeNumber > 0 || Math.abs(this.needArrangeNumber) < item.producedCount)) { // 涓�瀹氭槸澶т簬闆朵笖灏忎簬鏁存潯鐨勭敓浜у�肩殑
- // duration 鏈�鍚庝竴鏉＄殑鏁版嵁搴旇鏄�氳繃璁＄畻寰楀嚭鏃堕棿闀垮害鐨�
- const duration = (count / (item.AdvaDevicCropMob / 100)) * item.AdvaDevicRhythm / 60
- newArr.push({
+ // if (item.type === 'task') { // 杩欓噷鐨勫垽鏂潯浠惰繕寰楀姞涓棩鏈熷垽鏂�
+ 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])
+ ratio = Math.round((d / item.duration) * 100) / 100
+ console.log(ratio, 'ratio')
+ }
+
+ // 杩欎釜鍦版柟鐨刢ount鍊� 寰楀彉鏇� item.producedCount 寰椾箻浠ヤ釜绯绘暟 榛樿绯绘暟 1
+ const count = needArrangeNumber > 0 && needArrangeNumber <= item.producedCount * ratio ? needArrangeNumber : item.producedCount * ratio
+ needArrangeNumber = needArrangeNumber - item.producedCount * ratio // 鍓╀綑寰呮帓鍊�
+
+ 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 obj = {
id: nanoid(),
type: 'task2',
- text: '浠诲姟鍚嶇О棰勭暀',
- partName: item.AdvaDevicName,
- partCode: item.AdvaDevicNumber,
- start_date: handleDatetime2(item.start_date),
- // duration: item.duration,
- duration: duration,
+ 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),
+ // end_date: handleDatetime2(item.end_date),
+ // end_date: item.end_date,
+ duration, // 浠ｈ〃鐨勬槸杩涘害鏉�
checked: false,
progress: 0,
parent: item.parent,
- saleOrder: 'SO-2026-01001',
- producedCount: count <= item.producedCount ? count : item.producedCount
- })
+ saleOrder: item.saleOrder,
+ producedCount: count <= item.producedCount ? Math.round(count) : item.producedCount
+ // 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)), '9999')
+ // console.log(JSON.parse(JSON.stringify(this.allTasks)), '77')
+ console.log(JSON.parse(JSON.stringify(this.allTasks)), '888')
+
+ this.totalTasks = this.allTasks.length
+ this.updatePaginatedTasks()
+ this.renderGanttChart()
+ },
+ // 娓呯┖宸叉帓鍊�
+ priorityMethodChange() {
+ this.canArrangeNumber = 0
+ this.allTasks = this.allTasks.filter(i => i.type !== 'task2')
this.totalTasks = this.allTasks.length
this.updatePaginatedTasks()
this.renderGanttChart()
--
Gitblit v1.9.3