From 9e14e61e61a3dfb5271f387bf0844bf31c21daab Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期四, 26 三月 2026 10:38:16 +0800
Subject: [PATCH] 1.sop优化
---
src/views/gantt/index.vue | 724 ++++++++++++++++++++++++++-----------------------------
1 files changed, 344 insertions(+), 380 deletions(-)
diff --git a/src/views/gantt/index.vue b/src/views/gantt/index.vue
index f7f98a3..940d419 100644
--- a/src/views/gantt/index.vue
+++ b/src/views/gantt/index.vue
@@ -1,7 +1,9 @@
<template>
<div style="padding: 0 10px">
+ <!-- 椤堕儴鎺у埗鏍忥細鍖呭惈缂╂斁閫夋嫨鍣ㄣ�佷紭鍏堢骇閫夋嫨鍣ㄣ�佹棩鏈熻寖鍥撮�夋嫨鍣ㄥ拰鎿嶄綔鎸夐挳 -->
<div style="padding: 10px 0;display: flex;">
+ <!-- 鏃堕棿鍒诲害閫夋嫨鍣細鐢ㄤ簬璋冩暣鐢樼壒鍥剧殑鏃堕棿绮掑害 -->
<el-select
v-model="scaleValue"
size="mini"
@@ -15,6 +17,22 @@
: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;"
@@ -22,23 +40,36 @@
value-format="yyyy-MM-dd"
type="daterange"
:clearable="false"
+ :picker-options="pickerOptions"
range-separator="鑷�"
start-placeholder="寮�濮嬫棩鏈�"
end-placeholder="缁撴潫鏃ユ湡"
@change="ganttDateRangeChange"
/>
+ <!-- 鑾峰彇閫変腑浠诲姟鎸夐挳锛氳幏鍙栧綋鍓嶅閫夋閫変腑鐨勪换鍔� -->
<el-button type="primary" style="margin-left: 10px;" size="mini" @click="handleGetSelected">
鑾峰彇澶嶉�夋閫変腑浠诲姟
</el-button>
+ <!-- 娓呯┖閫夋嫨鎸夐挳锛氭竻绌哄綋鍓嶅閫夋鐨勯�夋嫨 -->
<el-button size="mini" @click="handleClearSelection">
娓呯┖澶嶉�夋閫夋嫨
</el-button>
+ <!-- 棰勬帓鎸夐挳锛氭墽琛岄鎺掗�昏緫 -->
+ <el-button size="mini" type="primary" @click="prepareArrange">
+ 棰勬帓
+ </el-button>
+ <!-- 棰勬帓杩涘害鏄剧ず锛氭樉绀洪鎺掕繘搴︾粺璁� -->
+ <el-button size="mini" disabled>
+ 棰勬帓杩涘害锛歿{ canArrangeNumber }}/{{ needArrangeNumber }}
+ </el-button>
+
</div>
+ <!-- 鐢樼壒鍥惧鍣細鐢ㄤ簬娓叉煋DHTMLX Gantt鍥捐〃 -->
<div id="gantt_here" style="width:100%; height:calc(90vh - 50px);" />
- <!-- 鍒嗛〉缁勪欢 -->
+ <!-- 鍒嗛〉缁勪欢锛氱敤浜庡垎椤垫樉绀哄ぇ閲忎换鍔℃暟鎹� -->
<div class="pagination-container">
<el-pagination
:current-page="currentPage"
@@ -54,9 +85,10 @@
</template>
<script>
-import { gantt } from '@/components/dhtmlxGantt'
+import { gantt } from '@/components/dhtmlxGantt' // 鐩墠dhtmlxgantt鐗堟湰8.0.x
import '@/components/dhtmlxGantt/codebase/dhtmlxgantt.css'
import { handleDateReduceOneDay, handleDatetime, handleDatetime2 } from '@/utils/global'
+import { nanoid } from 'nanoid'
export default {
data() {
@@ -68,7 +100,7 @@
{ code: '360min', name: '360min' }
],
scaleValue: '240min',
- ganttDateRange: ['2026-01-20', '2026-01-25'],
+ ganttDateRange: ['2026-01-22', '2026-01-25'], // '2026-01-20', '2026-01-25'
selectedIds: [],
// 鍒嗛〉鐩稿叧鏁版嵁
currentPage: 1,
@@ -77,24 +109,32 @@
allTasks: [], // 瀛樺偍鎵�鏈変换鍔℃暟鎹�
paginatedTasks: [], // 褰撳墠椤电殑浠诲姟鏁版嵁
- fivePeriodsTimeName: ['OneStartDate', 'TwoStartDate', 'ThreeStartDate', 'FourStartDate', 'FiveStartDate']// 浜斾釜鏃堕棿娈电殑閿悕
+ fivePeriodsTimeName: ['OneStartDate', 'TwoStartDate', 'ThreeStartDate', 'FourStartDate', 'FiveStartDate'], // 浜斾釜鏃堕棿娈电殑閿悕
+ needArrangeNumber: 5000, // 鍋囪闇�瑕佹帓浜ф暟閲�5000
+ canArrangeNumber: 0, // 鑳芥帓鏁伴噺榛樿涓� 0
+ priorityMethod: 'device', // device 璁惧 time 鏃堕棿
+ 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.loadTasks()
+ // 鏀瑰彉鏃ユ湡鑼冨洿閰嶇疆
+ this.ganttDateRangeChange(this.ganttDateRange)
},
methods: {
initGantt() {
gantt.plugins({
-
critical_path: true,
drag_timeline: true,
grouping: true,
@@ -116,37 +156,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()
@@ -202,7 +214,6 @@
return `<input type="checkbox" class="taskCheckBox" data-action="check-row" ${checked} />`
}
},
- // { name: 'wbs', label: '鑺傜偣', width: 80, template: gantt.getWBSCode },
{ name: 'text', tree: true, align: 'center', label: '浠诲姟鍚嶇О', width: 240, resize: true, editor: textEditor },
{ name: 'saleOrder', align: 'center', label: '閿�鍞鍗�', width: 100, resize: true },
{ name: 'partName', align: 'center', label: '浜у搧鍚嶇О', width: 80, resize: true },
@@ -210,7 +221,6 @@
{
name: 'progress', align: 'center', label: '杩涘害', width: 120, resize: true, template: function(task) {
return `<input type="range" onmousedown="event.preventDefault()" onmouseup="event.preventDefault()" id="taskRange" value="${task.progress * 100}"/> ${task.progress * 100}%`
- // return `<el-progress :percentage='${task.progress * 100}'></el-progress> ${task.progress * 100}%`
}
},
{ name: 'start_date', align: 'center', label: '寮�濮嬫棩鏈�', width: 80, resize: true, editor: startDateEditor },
@@ -231,103 +241,33 @@
]
/* 鈫戔啈鈫� Grid Columns configuration 鈫戔啈鈫� */
- // 姹夊寲绐楀彛
- gantt.locale.labels = {
- dhx_cal_today_button: '浠婂ぉ',
- day_tab: '鏃�',
- week_tab: '鍛�',
- month_tab: '鏈�',
- new_event: '鏂板缓鏃ョ▼',
- icon_save: '淇濆瓨',
- icon_cancel: '鍏抽棴',
- icon_details: '璇︾粏',
- icon_edit: '缂栬緫',
- icon_delete: '鍒犻櫎',
- confirm_closing: '璇风‘璁ゆ槸鍚︽挙閿�淇敼!', // Your changes will be lost, are your sure?
- confirm_deleting: '鏄惁鍒犻櫎璁″垝?',
- section_description: '鎻忚堪:',
- section_resources: '鑷畾涔夐�夋嫨:',
- section_calendar: '鑷畾涔夐�夋嫨2:',
- section_time: '鏃堕棿鑼冨洿:',
- section_type: '绫诲瀷:',
- section_text: '璁″垝鍚嶇О:',
- section_test: '娴嬭瘯:',
- section_projectClass: '椤圭洰绫诲瀷:',
- taskProjectType_0: '椤圭洰浠诲姟',
- taskProjectType_1: '鏅�氫换鍔�',
- section_head: '璐熻矗浜�:',
- section_priority: '浼樺厛绾�:',
- taskProgress: '浠诲姟鐘舵��',
- taskProgress_0: '鏈紑濮�',
- taskProgress_1: '杩涜涓�',
- taskProgress_2: '宸插畬鎴�',
- taskProgress_3: '宸插欢鏈�',
- taskProgress_4: '鎼佺疆涓�',
- section_template: 'Details',
- /* grid columns */
- column_text: '璁″垝鍚嶇О',
- column_start_date: '寮�濮嬫椂闂�',
- column_duration: '鎸佺画鏃堕棿',
- column_add: '',
- column_priority: '闅惧害',
- /* link confirmation */
- link: '鍏宠仈',
- confirm_link_deleting: '灏嗚鍒犻櫎',
- message_ok: '纭畾',
- message_cancel: '鍙栨秷',
- link_start: ' (寮�濮�)',
- link_end: ' (缁撴潫)',
-
- type_task: '浠诲姟',
- type_project: '椤圭洰',
- type_milestone: '閲岀▼纰�',
- minutes: '鍒嗛挓',
- hours: '灏忔椂',
- days: '澶�',
- weeks: '鍛�',
- months: '鏈�',
- years: '骞�'
- }
-
- // 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鐨勯棶棰樹慨澶嶏紙搴旇鏄剧ず鏁版嵁搴撶殑鍘熷鍊硷級
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 + '<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) {
- // return '<span style="color: white; font-weight: bold; text-shadow: 1px 1px 1px #000;">' +
- // task.description + ' - ' +
- // '</span>'
- // return task.description
- // return task.progress * 100 + '%'
-
if (task.type === 'task2') {
- return `<div class="task2Css">`
+ return `<div class="task2Css">${task.producedCount}</div>`
}
if (task.type === 'task3') {
- return `<div class="task3Css">`
+ return `<div class="task3Css">${task.producedCount}</div>`
}
return ''
}
- // 璁剧疆鎸佺画鏃堕棿鍗曚綅涓哄皬鏃�
- // gantt.config.duration_unit = 'hour'
-
+ // 璁剧疆鎸佺画鏃堕棿鍗曚綅涓哄垎閽�
gantt.config.duration_unit = 'minute'
gantt.config.duration_step = 1
// gantt.config.show_task_cells = false //闅愯棌鐢樼壒鍥惧唴閮ㄥ埢搴︾嚎
gantt.init('gantt_here')
- // 娉ㄦ剰锛氳繖閲屼笉绔嬪嵆鍔犺浇鏁版嵁锛岃�屾槸绛夊緟loadTasks琚皟鐢�
// 缁戝畾鐢樼壒鍥剧偣鍑讳簨浠讹紙瀹樻柟鎺ㄨ崘鐨勪簨浠跺鎵樼敤娉曪級
gantt.attachEvent('onTaskClick', (id, e) => {
@@ -361,7 +301,7 @@
// 鍔犺浇浠诲姟鏁版嵁
loadTasks() {
- // 鎺ュ彛鑾峰彇鍒扮殑鏁版嵁
+ // 鎺ュ彛鑾峰彇鍒扮殑鏁版嵁 //杩欐槸寰呮帓鏁版嵁
const rows = [
{
'wo_code': null,
@@ -521,8 +461,8 @@
{
'AdvaDevicNumber': 'SB001',
'AdvaDevicName': '璁惧001',
- 'AdvaDevicCropMob': '30',
- 'AdvaDevicRhythm': '5.0',
+ 'AdvaDevicCropMob': '30', // 绋煎姩鐜� 闇�瑕侀櫎100
+ 'AdvaDevicRhythm': '5.0', // 鐢熶骇鑺傛媿
'OneStartDate': '08:00~11:30',
'TwoStartDate': '13:00~18:00',
'ThreeStartDate': '',
@@ -533,65 +473,171 @@
}
]
- // {
- // '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
- // },
+ // 杩欐槸宸叉帓鏁版嵁
+ 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 (!this.allTasks.map(i => i.partCode).includes(it.AdvaDevicNumber)) {
+ if (!newArr.map(i => i.partCode).includes(it.AdvaDevicNumber)) {
newArr.push({
id: it.AdvaDevicNumber,
- type: 'task',
+ type: 'project',
+ text: '鎴戞槸鐖剁骇',
+ partName: it.AdvaDevicName,
+ partCode: it.AdvaDevicNumber,
+ 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),
+ checked: false,
+ progress: 0.6,
+ parent: 0,
+ saleOrder: 'SO-2026-01001',
+ open: true
+ })
+
+ newArr.push({
+ id: it.AdvaDevicNumber + ind.toString(),
+ type: 'project',
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,
progress: 0,
- parent: 0,
+ parent: it.AdvaDevicNumber,
saleOrder: 'SO-2026-01001'
})
- // console.log(this.allTasks, 'allTasks')
}
// 鍥犱负鏄簲涓椂闂存锛屾墍鏈夎鏈変釜寰幆娆℃暟涓�5鐨勫惊鐜�
- for (let i = 0; i < 5; i++) {
- // console.log(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0])
+ for (let i = 0; i < 5; i++) { // 杩欐寰幆鏄负浜嗘樉绀轰骇鑳�
if (it[this.fivePeriodsTimeName[i]]) {
+ const duration = this.calculateTimeRangeInMinutes(it[this.fivePeriodsTimeName[i]]) // 宸ユ湡 鍗曚綅 鍒嗛挓
newArr.push({
- id: index.toString() + ind.toString() + i.toString(),
+ id: nanoid(),
type: 'task',
text: '浠诲姟鍚嶇О棰勭暀',
partName: it.AdvaDevicName,
partCode: it.AdvaDevicNumber,
- start_date: item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[0],
- duration: this.calculateTimeRangeInMinutes(it[this.fivePeriodsTimeName[i]]),
+ 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,
- parent: it.AdvaDevicNumber,
- saleOrder: 'SO-2026-01001'
+ parent: it.AdvaDevicNumber + ind.toString(),
+ saleOrder: 'SO-2026-01001',
+ // 瑕佸湪姣忎竴涓椂闂存鍐呯畻鍑鸿兘鐢熶骇澶氬皯涓� 宸ユ湡锛堝垎閽燂級涔樹互60 闄や互鐢熶骇鑺傛媿 * 绋煎姩鐜�
+ producedCount: (duration * 60 / it.AdvaDevicRhythm) * (it.AdvaDevicCropMob / 100),
+ AdvaDevicRhythm: it.AdvaDevicRhythm, // 鐢熶骇鑺傛媿
+ AdvaDevicCropMob: it.AdvaDevicCropMob // 绋煎姩鐜� 闇�瑕侀櫎100
})
}
}
@@ -599,231 +645,56 @@
}
})
- // 浣跨敤鍘熸湁鐨勭ず渚嬫暟鎹綔涓哄熀纭�
- 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
+ // 杩欎竴姝ョ殑鎿嶄綔鏄仛宸叉帓鐨勬樉绀�
+ 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(item.time_start.split(' ')[1] + '~' + item.time_end.split(' ')[1]),
+ checked: false,
+ progress: 0,
+ parent: item.eqp_code + '0',
+ 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.filter(i => i.schedulingPossible !== false)
this.totalTasks = this.allTasks.length
this.updatePaginatedTasks()
this.renderGanttChart()
@@ -834,6 +705,7 @@
const startIndex = (this.currentPage - 1) * this.pageSize
const endIndex = Math.min(startIndex + this.pageSize, this.allTasks.length)
this.paginatedTasks = this.allTasks.slice(startIndex, endIndex)
+ // this.paginatedTasks = JSON.parse(JSON.stringify(this.allTasks.slice(startIndex, endIndex)))
},
// 鎷嗗垎鏃堕棿瀛楃涓插苟鍒嗗埆璁＄畻鍒嗛挓鍊�
@@ -894,14 +766,15 @@
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()
}
},
// 娓叉煋鐢樼壒鍥�
renderGanttChart() {
gantt.clearAll()
- console.log(JSON.parse(JSON.stringify(this.paginatedTasks)))
+ // console.log(JSON.parse(JSON.stringify(this.paginatedTasks)))
gantt.parse({
'data': this.paginatedTasks
})
@@ -936,9 +809,13 @@
},
// 鐢樼壒鍥炬棩鏈熸敼鍙�
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()
+
+ this.loadTasks()
+
+ // gantt.render()
},
// 浠庣敇鐗瑰浘涓悓姝ラ�変腑鐨� id 鍒� Vue data
syncSelected() {
@@ -946,7 +823,6 @@
gantt.eachTask((task) => {
const globalTask = this.allTasks.find(t => t.id === task.id)
if (globalTask) {
- // console.log(globalTask, 'globalTask')
globalTask.checked = task.checked
}
})
@@ -954,12 +830,11 @@
// 鑾峰彇鎵�鏈夐�変腑鐨勪换鍔D
// this.selectedIds = [...new Set(this.allTasks.filter(t => t.checked).map(t => t.id))]//鏁扮粍鍘婚噸
this.selectedIds = this.allTasks.filter(t => t.checked).map(t => t.id)
- console.log(this.selectedIds)
},
// 鑾峰彇閫変腑浠诲姟锛堢ず渚嬶級
handleGetSelected() {
- const selected = this.allTasks.filter(t => t.checked)
+ // const selected = this.allTasks.filter(t => t.checked)
// this.$notify.success(`褰撳墠宸查�変腑${selected.length} 鏉′换鍔)
this.$notify.success(`鐐瑰嚮浜哷)
},
@@ -982,8 +857,97 @@
// 鏄剧ず鎻愮ず淇℃伅
this.$notify.success('宸叉竻绌烘墍鏈夐�夋嫨')
- }
+ },
+ // 棰勬帓
+ prepareArrange() {
+ this.priorityMethodChange()
+ this.loadTasks()
+
+ // 浼樺厛鏂瑰紡 time device
+ if (this.priorityMethod === 'time') {
+ this.allTasks.sort((a, b) => a.start_date - b.start_date)
+ }
+ if (this.priorityMethod === 'device') {
+ this.allTasks.sort((a, b) => parseFloat(a.AdvaDevicCropMob) - parseFloat(b.AdvaDevicCropMob))
+ }
+
+ // 鍦ㄨ繖涓惊鐜噷闈㈣繕寰楄�冭檻涓�涓偣锛屽湪宸叉帓鐨勬暟鎹笂涓嶈兘鍐嶆帓浜�
+ // 鐩稿綋浜庡湪task 鍜宼ask3涓� 瑕佸湪task閲岄潰鍓旈櫎鎺塼ask3鐨勬椂闂存
+ const newArr = []
+ // this.canArrangeNumber = 0
+ let needArrangeNumber = this.needArrangeNumber
+ this.allTasks.forEach(item => {
+ // 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()) { // 杩欓噷鐨勫垽鏂潯浠惰繕寰楀姞涓棩鏈熷垽鏂� 缁撴潫鏃堕棿瑕佸ぇ浜庣洰鍓嶆椂闂�
+ let ratio = 1 // 榛樿绯绘暟 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
+ }
+
+ 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
+ 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 鍗曚綅 鍒嗛挓
+ 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(),
+ type: 'task2',
+ text: '浠诲姟鍚嶇О111',
+ partName: item.partName,
+ partCode: item.partCode,
+ 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, // 浠ｈ〃鐨勬槸杩涘害鏉�
+ checked: false,
+ progress: 0,
+ parent: item.parent,
+ saleOrder: item.saleOrder,
+ producedCount: count <= item.producedCount ? Math.round(count) : item.producedCount
+ // producedCount: count <= item.producedCount ? count : item.producedCount
+ }
+ this.canArrangeNumber += parseFloat(obj.producedCount)
+ if (Math.abs(this.canArrangeNumber - this.needArrangeNumber) === 1) {
+ obj.producedCount = obj.producedCount + (this.needArrangeNumber - this.canArrangeNumber)
+ }
+
+ newArr.push({ ...obj })
+ }
+ }
+ })
+
+ this.allTasks = [...this.allTasks, ...newArr]
+ 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