| | |
| | | :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;" |
| | |
| | | value-format="yyyy-MM-dd" |
| | | type="daterange" |
| | | :clearable="false" |
| | | :picker-options="pickerOptions" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | |
| | | 清空复选框选择 |
| | | </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> |
| | |
| | | { 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, |
| | |
| | | |
| | | 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: '时间优先' } |
| | | ], |
| | | 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: { |
| | | |
| | | initGantt() { |
| | | gantt.plugins({ |
| | | |
| | | critical_path: true, |
| | | drag_timeline: true, |
| | | grouping: true, |
| | |
| | | |
| | | 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() |
| | |
| | | ] |
| | | /* ↑↑↑ 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的问题修复(应该显示数据库的原始值) |
| | | 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 task.producedCount |
| | | } |
| | | if (task.type === 'task3') { |
| | | return `<div class="task3Css">` |
| | | return `<div class="task3Css">${task.producedCount}</div>` |
| | | } |
| | | return '' |
| | | } |
| | |
| | | |
| | | // 初始化完成后同步一次选中状态 |
| | | this.syncSelected() |
| | | |
| | | // this.loadTasks() |
| | | }, |
| | | |
| | | // 加载任务数据 |
| | | loadTasks() { |
| | | // 接口获取到的数据 |
| | | // 接口获取到的数据 //这是待排数据 |
| | | const rows = [ |
| | | { |
| | | 'wo_code': null, |
| | |
| | | } |
| | | ] |
| | | |
| | | // 这是已排数据 |
| | | 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) |
| | |
| | | text: '任务名称预留', |
| | | partName: it.AdvaDevicName, |
| | | partCode: it.AdvaDevicNumber, |
| | | // start_date: item.YearDate + ' ' + it.OneStartDate.split('~')[0], |
| | | start_date: handleDatetime2(item.YearDate + ' ' + it.OneStartDate.split('~')[0]), // 这个是无效的,只是为了预排prepareArrange方法里面不报错 |
| | | end_date: handleDatetime2(item.YearDate + ' ' + it.OneStartDate.split('~')[1]), // 这个是无效的,只是为了预排prepareArrange方法里面不报错 |
| | | // duration: this.calculateTimeRangeInMinutes(it.OneStartDate), |
| | | render: 'split', // 用于在一个工作时间段内显示不下,需要进行分割显示 |
| | | checked: false, |
| | |
| | | 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, |
| | | progress: 0, |
| | |
| | | } |
| | | }) |
| | | |
| | | // 使用原有的示例数据作为基础 |
| | | 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(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的时间 代表可排产时间 |
| | | // 若同一父节点的值相同时,当task的开始时间和结束时间与task3相等时,代表此段不能再排产 |
| | | // 当task的开始时间等于task3的开始时间,但task的结束时间大于task3的结束时间时,这时候,可排产时间为:task3的结束时间到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.allTasks = newArr |
| | | |
| | | this.totalTasks = this.allTasks.length |
| | | this.updatePaginatedTasks() |
| | | this.renderGanttChart() |
| | | |
| | | this.prepareArrange() |
| | | // this.prepareArrange() |
| | | }, |
| | | |
| | | // 更新分页后的任务数据 |
| | |
| | | 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() |
| | | } |
| | | }, |
| | | |
| | |
| | | }, |
| | | // 甘特图日期改变 |
| | | 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() { |
| | |
| | | gantt.eachTask((task) => { |
| | | const globalTask = this.allTasks.find(t => t.id === task.id) |
| | | if (globalTask) { |
| | | // console.log(globalTask, 'globalTask') |
| | | globalTask.checked = task.checked |
| | | } |
| | | }) |
| | |
| | | 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') |
| | | this.allTasks.sort((a, b) => Number(a.partCode.replace(/\D/g, '')) - Number(b.partCode.replace(/\D/g, ''))) |
| | | if (this.priorityMethod === 'device') { |
| | | this.allTasks.sort((a, b) => parseFloat(a.AdvaDevicCropMob) - parseFloat(b.AdvaDevicCropMob)) |
| | | } |
| | | |
| | | // console.log(JSON.parse(JSON.stringify(this.allTasks)), '9999') |
| | | // 在这个循环里面还得考虑一个点,在已排的数据上不能再排了 |
| | | // 相当于在task 和task3中 要在task里面剔除掉task3的时间段 |
| | | 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 最后一条的数据应该是通过计算得出时间长度的 |
| | | // 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 |
| | | } |
| | | |
| | | // 这个地方的count值 得变更 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 |
| | | newArr.push({ |
| | | // 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: '任务名称预留', |
| | | 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()) : (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: '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) |
| | | if (Math.abs(this.canArrangeNumber - this.needArrangeNumber) === 1) { |
| | | obj.producedCount = obj.producedCount + (this.needArrangeNumber - this.canArrangeNumber) |
| | | } |
| | | |
| | | newArr.push({ ...obj }) |
| | | } |
| | | } |
| | | }) |
| | |
| | | // } |
| | | |
| | | this.allTasks = [...this.allTasks, ...newArr] |
| | | // console.log(JSON.parse(JSON.stringify(this.allTasks)), '9999') |
| | | |
| | | 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() |
| | | } |
| | | |
| | | } |
| | | } |
| | | |