From 44c5e6a49450e698b49bf8dfe34481ef9618f983 Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期四, 22 一月 2026 14:31:11 +0800
Subject: [PATCH] 1.递交
---
src/views/gantt/目前最新20260122.vue | 1079 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/views/gantt/甘特图做到显示已排部分.vue | 0
2 files changed, 1,079 insertions(+), 0 deletions(-)
diff --git "a/src/views/gantt/\347\224\230\347\211\271\345\233\276\345\201\232\345\210\260\346\230\276\347\244\272\345\267\262\346\216\222\351\203\250\345\210\206\357\274\210\346\234\200\346\226\260\357\274\211.vue" "b/src/views/gantt/\347\224\230\347\211\271\345\233\276\345\201\232\345\210\260\346\230\276\347\244\272\345\267\262\346\216\222\351\203\250\345\210\206.vue"
similarity index 100%
rename from "src/views/gantt/\347\224\230\347\211\271\345\233\276\345\201\232\345\210\260\346\230\276\347\244\272\345\267\262\346\216\222\351\203\250\345\210\206\357\274\210\346\234\200\346\226\260\357\274\211.vue"
rename to "src/views/gantt/\347\224\230\347\211\271\345\233\276\345\201\232\345\210\260\346\230\276\347\244\272\345\267\262\346\216\222\351\203\250\345\210\206.vue"
diff --git "a/src/views/gantt/\347\233\256\345\211\215\346\234\200\346\226\26020260122.vue" "b/src/views/gantt/\347\233\256\345\211\215\346\234\200\346\226\26020260122.vue"
new file mode 100644
index 0000000..df9ebe5
--- /dev/null
+++ "b/src/views/gantt/\347\233\256\345\211\215\346\234\200\346\226\26020260122.vue"
@@ -0,0 +1,1079 @@
+<template>
+ <div style="padding: 0 10px">
+
+ <div style="padding: 10px 0;display: flex;">
+ <el-select
+ v-model="scaleValue"
+ size="mini"
+ placeholder="璇烽�夋嫨"
+ @change="val=>changeTimeScale(val,true)"
+ >
+ <el-option
+ v-for="item in scaleArr"
+ :key="item.code"
+ :label="item.name"
+ :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;"
+ size="mini"
+ 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>
+
+ <div id="gantt_here" style="width:100%; height:calc(90vh - 50px);" />
+
+ <!-- 鍒嗛〉缁勪欢 -->
+ <div class="pagination-container">
+ <el-pagination
+ :current-page="currentPage"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="totalTasks"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
+ </div>
+ </div>
+</template>
+
+<script>
+import { gantt } from '@/components/dhtmlxGantt'
+import '@/components/dhtmlxGantt/codebase/dhtmlxgantt.css'
+import { handleDateReduceOneDay, handleDatetime, handleDatetime2 } from '@/utils/global'
+import { nanoid } from 'nanoid'
+
+export default {
+ data() {
+ return {
+ scaleArr: [
+ { code: '30min', name: '30min' },
+ { code: '60min', name: '60min' },
+ { code: '240min', name: '240min' },
+ { code: '360min', name: '360min' }
+ ],
+ scaleValue: '240min',
+ ganttDateRange: ['2026-01-22', '2026-01-25'], // '2026-01-20', '2026-01-25'
+ selectedIds: [],
+ // 鍒嗛〉鐩稿叧鏁版嵁
+ currentPage: 1,
+ pageSize: 100,
+ totalTasks: 0,
+ allTasks: [], // 瀛樺偍鎵�鏈変换鍔℃暟鎹�
+ paginatedTasks: [], // 褰撳墠椤电殑浠诲姟鏁版嵁
+
+ 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.initGantt()
+
+ // 鏀瑰彉鏃ユ湡鑼冨洿閰嶇疆
+ this.ganttDateRangeChange(this.ganttDateRange)
+
+ // 鐒跺悗鍔犺浇浠诲姟鏁版嵁锛堜細鑷姩娓叉煋褰撳墠椤碉級
+ // this.loadTasks()
+ },
+ methods: {
+
+ initGantt() {
+ gantt.plugins({
+ critical_path: true,
+ drag_timeline: true,
+ grouping: true,
+ keyboard_navigation: true,
+ marker: true,
+ multiselect: true,
+ tooltip: true,
+ undo: true
+ })
+ gantt.i18n.setLocale('cn')
+ gantt.config.multiselect = true // 寮�鍚浠诲姟閫夋嫨
+ gantt.config.show_links = false // 涓嶆樉绀鸿繛鎺ョ嚎
+
+ // 涓嶅啀瀵归綈鏃堕棿杞村埢搴︼紙姣斿澶╂牸瀛愶級锛岃�屾槸鎸夆�滃皬鏃垛�濆榻�
+ gantt.config.round_dnd_dates = false
+ // 鏈�灏忔闀胯繕鏄� 1 灏忔椂锛屼絾浣犲凡缁忎粠鈥滃ぉ鏍煎瓙鈥濆彉鎴愨�滃皬鏃舵牸瀛愨�濅簡
+ // gantt.config.time_step = 60 // 60 鍒嗛挓 = 1 灏忔椂
+ gantt.config.time_step = 1 // 1鍒嗛挓
+
+ 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 // 鍙妯″紡
+
+ // 鍒诲害鍊兼敼鍙�
+ this.changeTimeScale()
+
+ // 鏄惁鏄伐浣滄椂闂�
+ /* 鈫撯啌鈫� Working Time configuration 鈫撯啌鈫� */
+ // gantt.templates.scale_cell_class = function(date) {
+ // if (!gantt.isWorkTime(date)) {
+ // return 'weekend'
+ // }
+ // }
+ //
+ // gantt.templates.timeline_cell_class = function(item, date) {
+ // if (!gantt.isWorkTime({ date: date, task: item })) {
+ // return 'weekend'
+ // }
+ // }
+ //
+ // gantt.config.work_time = true
+ //
+ // gantt.addCalendar({
+ // id: 'customCalendar1',
+ // worktime: {
+ // hours: ['00:00-24:00'], // global work hours for weekdays
+ // days: [1, 1, 1, 1, 1, 1, 1]
+ // }
+ // })
+
+ // gantt.addCalendar({
+ // id: 'custom2',
+ // hours: ['12:00-21:00'],
+ // days: [1, 0, 1, 0, 1, 0, 1]
+ // })
+ /* 鈫戔啈鈫� Working Time configuration 鈫戔啈鈫� */
+
+ // 鐢樼壒鍥惧垪鍙傛暟璁剧疆
+ /* 鈫撯啌鈫� Grid Columns configuration 鈫撯啌鈫� */
+ gantt.config.reorder_grid_columns = true
+ const textEditor = { type: 'text', map_to: 'text' }
+ const startDateEditor = { type: 'date', map_to: 'start_date' }
+ const durationEditor = { type: 'number', map_to: 'duration', min: 1, max: 100 }
+ gantt.config.columns = [
+ {
+ name: 'checked',
+ label: '閫夋嫨',
+ align: 'center',
+ width: 35,
+ resize: false,
+ // 鍏抽敭锛氱敤 template 杩斿洖涓�涓閫夋
+ template: (task) => {
+ const checked = task.checked ? 'checked' : ''
+ // data-action 鐢ㄤ簬鍦ㄤ簨浠跺鎵樻椂璇嗗埆鏄閫夋
+ 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 },
+ { name: 'partCode', align: 'center', label: '浜у搧缂栫爜', width: 80, resize: true },
+ {
+ 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 },
+ {
+ name: 'duration',
+ width: 60,
+ align: 'center',
+ label: '鏃堕暱(鍒嗛挓)',
+ resize: true,
+ editor: durationEditor,
+ template: function(task) {
+ // 濡傛灉duration鏄痭ull鎴杣ndefined锛岃繑鍥�0
+ // return (task.duration || 0) + 1 // 鍦ㄥ綋鍓峝uration鐨勫熀纭�涓婂姞1
+ return task.duration
+ }
+ }
+ // { name: 'add', width: 44 }
+ ]
+ /* 鈫戔啈鈫� Grid Columns configuration 鈫戔啈鈫� */
+
+ gantt.config.show_errors = false // 鍙戠敓寮傚父鏃讹紝涓嶅厑璁稿脊鍑鸿鍛婂埌 UI 鐣岄潰
+ gantt.config.grid_elastic_columns = true
+
+ // 鑷畾涔夋诞鍔ㄦ鐨勬樉绀哄唴瀹� tooltip娴姩妗嗘樉绀虹殑End Date琚拷鍔�1鐨勯棶棰樹慨澶嶏紙搴旇鏄剧ず鏁版嵁搴撶殑鍘熷鍊硷級
+ gantt.templates.tooltip_text = function(start, end, 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>' + `${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">${task.producedCount}</div>`
+ // return task.producedCount
+ }
+ if (task.type === 'task3') {
+ 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) => {
+ // 鎵惧埌鐐瑰嚮鐨勬槸鍚︽槸澶嶉�夋
+ const checkbox = e.target.closest('[data-action="check-row"]')
+ if (!checkbox) {
+ // 涓嶆槸鐐瑰閫夋锛屽氨淇濇寔榛樿琛屼负
+ return true
+ }
+
+ // 鏄閫夋锛氬垏鎹㈤�変腑鐘舵��
+ const task = gantt.getTask(id)
+ if (task) {
+ task.checked = !task.checked
+ // 鍚屾椂鏇存柊鍏ㄥ眬鏁版嵁
+ const globalTask = this.allTasks.find(t => t.id === id)
+ if (globalTask) {
+ globalTask.checked = task.checked
+ }
+ gantt.updateTask(id) // 鍙埛鏂拌繖涓�琛岋紝鎬ц兘鏇村ソ
+ this.syncSelected() // 鍚屾鍒� Vue 鐨� selectedIds
+ }
+
+ // 闃绘榛樿鐐瑰嚮琛岃涓猴紙閬垮厤璇Е鍙戝叾浠栭�昏緫锛�
+ return false
+ })
+
+ // 鍒濆鍖栧畬鎴愬悗鍚屾涓�娆￠�変腑鐘舵��
+ this.syncSelected()
+
+ // this.loadTasks()
+ },
+
+ // 鍔犺浇浠诲姟鏁版嵁
+ loadTasks() {
+ // 鎺ュ彛鑾峰彇鍒扮殑鏁版嵁 //杩欐槸寰呮帓鏁版嵁
+ const rows = [
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-20',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ },
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-21',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ },
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-22',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ },
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-23',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ },
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-24',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ },
+ {
+ 'wo_code': null,
+ 'YearDate': '2026-01-25',
+ 'children': [
+ {
+ 'AdvaDevicNumber': 'JG010',
+ 'AdvaDevicName': '绮惧伐璁惧10#',
+ 'AdvaDevicCropMob': '10',
+ 'AdvaDevicRhythm': '5.0',
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ },
+ {
+ 'AdvaDevicNumber': 'SB001',
+ 'AdvaDevicName': '璁惧001',
+ 'AdvaDevicCropMob': '30', // 绋煎姩鐜� 闇�瑕侀櫎100
+ 'AdvaDevicRhythm': '5.0', // 鐢熶骇鑺傛媿
+ 'OneStartDate': '08:00~11:30',
+ 'TwoStartDate': '13:00~18:00',
+ 'ThreeStartDate': '',
+ 'FourStartDate': '',
+ 'FiveStartDate': ''
+ }
+ ]
+ }
+ ]
+
+ // 杩欐槸宸叉帓鏁版嵁
+ 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()) {
+ item.children.forEach((it, ind) => {
+ // 杩欓噷搴旇瑕佺敓鎴愪竴涓互璁惧缁村害涓哄熀纭�鐨勬暟缁� 涓嶉噸涓嶆紡
+ if (!newArr.map(i => i.partCode).includes(it.AdvaDevicNumber)) {
+ console.log(' it.AdvaDevicNumber,', it.AdvaDevicNumber)
+ newArr.push({
+ id: it.AdvaDevicNumber,
+ 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),
+ render: 'split', // 鐢ㄤ簬鍦ㄤ竴涓伐浣滄椂闂存鍐呮樉绀轰笉涓嬶紝闇�瑕佽繘琛屽垎鍓叉樉绀�
+ checked: false,
+ progress: 0,
+ parent: 0,
+ saleOrder: 'SO-2026-01001'
+ })
+ }
+
+ // 鍥犱负鏄簲涓椂闂存锛屾墍鏈夎鏈変釜寰幆娆℃暟涓�5鐨勫惊鐜�
+ 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: 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,
+ parent: it.AdvaDevicNumber,
+ saleOrder: 'SO-2026-01001',
+ // 瑕佸湪姣忎竴涓椂闂存鍐呯畻鍑鸿兘鐢熶骇澶氬皯涓� 宸ユ湡锛堝垎閽燂級涔樹互60 闄や互鐢熶骇鑺傛媿 * 绋煎姩鐜�
+ producedCount: (duration * 60 / it.AdvaDevicRhythm) * (it.AdvaDevicCropMob / 100),
+ AdvaDevicRhythm: it.AdvaDevicRhythm, // 鐢熶骇鑺傛媿
+ AdvaDevicCropMob: it.AdvaDevicCropMob // 绋煎姩鐜� 闇�瑕侀櫎100
+ })
+ }
+ }
+ })
+ }
+ })
+
+ // 杩欎竴姝ョ殑鎿嶄綔鏄仛宸叉帓鐨勬樉绀�
+ 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.filter(i => i.schedulingPossible !== false)
+ // this.allTasks = newArr
+
+ this.totalTasks = this.allTasks.length
+ this.updatePaginatedTasks()
+ this.renderGanttChart()
+
+ // this.prepareArrange()
+ },
+
+ // 鏇存柊鍒嗛〉鍚庣殑浠诲姟鏁版嵁
+ updatePaginatedTasks() {
+ 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)))
+ },
+
+ // 鎷嗗垎鏃堕棿瀛楃涓插苟鍒嗗埆璁＄畻鍒嗛挓鍊�
+ calculateTimeRangeInMinutes(timeRangeStr) {
+ // 鍒嗗壊瀛楃涓诧紝鑾峰彇寮�濮嬫椂闂村拰缁撴潫鏃堕棿
+ const [startTimeStr, endTimeStr] = timeRangeStr.split('~')
+
+ // 灏嗘椂闂村瓧绗︿覆锛圚H:MM锛夎浆鎹负鎬诲垎閽熸暟
+ const timeStringToMinutes = (timeStr) => {
+ const [hours, minutes] = timeStr.split(':').map(Number)
+ return hours * 60 + (minutes || 0)
+ }
+
+ const startMinutes = timeStringToMinutes(startTimeStr)
+ const endMinutes = timeStringToMinutes(endTimeStr)
+
+ // 杩斿洖鏃堕棿宸紙鍒嗛挓锛�
+ return endMinutes - startMinutes
+ },
+
+ // 鍒诲害鍊兼敼鍙�
+ changeTimeScale(val, boolean) {
+ let scaleConfig
+ switch (this.scaleValue) {
+ case '30min':
+ scaleConfig = [
+ { unit: 'day', step: 1, format: '%Y-%m-%d 鏄熸湡%D' },
+ { unit: 'minute', step: 30, format: '%H:%i' } // 瀛愬昂搴�
+ ]
+ break
+ case '60min':
+ scaleConfig = [
+ { unit: 'day', step: 1, format: '%Y-%m-%d 鏄熸湡%D' },
+ // { unit: 'hour', step: 1, format: '%H:%i' },
+ { unit: 'minute', step: 60, format: '%H:%i' }
+ ]
+ break
+ case '240min':
+ scaleConfig = [
+ { unit: 'day', step: 1, format: '%Y-%m-%d 鏄熸湡%D' },
+ { unit: 'minute', step: 240, format: '%H:%i' } // 姣�4灏忔椂涓�涓埢搴�
+ ]
+ break
+ case '360min':
+ scaleConfig = [
+ { unit: 'day', step: 1, format: '%Y-%m-%d 鏄熸湡%D' },
+ { unit: 'minute', step: 360, format: '%H:%i' } // 姣�6灏忔椂涓�涓埢搴�
+ // { unit: 'hour', step: 6, format: '%H:%i' } // 姣�6灏忔椂涓�涓埢搴�
+ ]
+ break
+ default:
+ scaleConfig = [
+ { unit: 'hour', step: 1, format: '%Y-%m-%d 鏄熸湡%D' },
+ { unit: 'minute', step: 60, format: '%H:%i' }
+ ]
+ }
+ gantt.config.start_date = new Date(this.ganttDateRange[0] + ' 00:00')
+ gantt.config.end_date = new Date(this.ganttDateRange[1] + ' 24:00')
+ gantt.config.scales = scaleConfig
+ if (boolean) {
+ // gantt.render()// gantt閲嶇粯
+ this.renderGanttChart()
+ }
+ },
+
+ // 娓叉煋鐢樼壒鍥�
+ renderGanttChart() {
+ gantt.clearAll()
+ console.log(JSON.parse(JSON.stringify(this.paginatedTasks)))
+ gantt.parse({
+ 'data': this.paginatedTasks
+ })
+ // 纭繚鐢樼壒鍥鹃噸鏂版覆鏌�
+ // gantt.render()
+ },
+
+ // 椤靛ぇ灏忔敼鍙�
+ handleSizeChange(newSize) {
+ console.log('鎵ц2')
+ this.pageSize = newSize
+ this.currentPage = 1 // 閲嶇疆鍒扮涓�椤�
+ this.updatePaginatedTasks()
+ this.renderGanttChart()
+ this.syncSelected()
+ },
+
+ // 褰撳墠椤垫敼鍙�
+ handleCurrentChange(newPage) {
+ console.log('鎵ц1')
+ // 璁＄畻鏈�澶ч〉鏁帮紝闃叉瓒呭嚭鑼冨洿
+ const maxPage = Math.ceil(this.totalTasks / this.pageSize)
+ if (newPage > maxPage) {
+ this.currentPage = maxPage
+ } else if (newPage < 1) {
+ this.currentPage = 1
+ } else {
+ this.currentPage = newPage
+ }
+
+ this.updatePaginatedTasks()
+ this.renderGanttChart()
+ this.syncSelected()
+ },
+ // 鐢樼壒鍥炬棩鏈熸敼鍙�
+ ganttDateRangeChange(val) {
+ this.priorityMethodChange()// 娓呯┖宸叉帓鍊�
+ gantt.config.start_date = new Date(val[0] + ' 00:00')
+ gantt.config.end_date = new Date(val[1] + ' 24:00')
+
+ this.loadTasks()
+
+ // gantt.render()
+ },
+ // 浠庣敇鐗瑰浘涓悓姝ラ�変腑鐨� id 鍒� Vue data
+ syncSelected() {
+ // 鍚屾褰撳墠椤甸潰浠诲姟鍒板叏灞�鏁版嵁
+ gantt.eachTask((task) => {
+ const globalTask = this.allTasks.find(t => t.id === task.id)
+ if (globalTask) {
+ globalTask.checked = task.checked
+ }
+ })
+
+ // 鑾峰彇鎵�鏈夐�変腑鐨勪换鍔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)
+ // this.$notify.success(`褰撳墠宸查�変腑${selected.length} 鏉′换鍔)
+ this.$notify.success(`鐐瑰嚮浜哷)
+ },
+
+ // 娓呯┖鎵�鏈夐�夋嫨
+ handleClearSelection() {
+ // 閬嶅巻鎵�鏈変换鍔★紝灏� checked 灞炴�ц缃负 false
+ this.allTasks.forEach(task => {
+ task.checked = false
+ })
+
+ // 鏇存柊褰撳墠椤甸潰鏄剧ず鐨勪换鍔�
+ gantt.eachTask((task) => {
+ task.checked = false
+ gantt.updateTask(task.id)
+ })
+
+ // 鍚屾鍒� Vue 缁勪欢鏁版嵁
+ this.syncSelected()
+
+ // 鏄剧ず鎻愮ず淇℃伅
+ 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 })
+ }
+ }
+ })
+
+ // for (let i = 0; i < this.allTasks.length; i++) {
+ //
+ // }
+
+ this.allTasks = [...this.allTasks, ...newArr]
+
+ 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()
+ }
+ }
+}
+
+</script>
+
+<style>
+body,
+html {
+ width: 100%;
+ height: 100%;
+ margin: unset;
+}
+
+/*.gantt_task_cell {*/
+/* background: rgba(5, 185, 100, .1);*/
+/*}*/
+
+/*!*闈炲伐浣滄棩*!*/
+/*.weekend {*/
+/* background: rgba(255, 255, 255, 0.1);*/
+/*}*/
+
+/*.row-completed {*/
+/* background-color: #bee4be !important; !* 娴呯豢鑹� *!*/
+/*}*/
+
+/*.gantt_grid_head_cell[data-column-id="duration"],*/
+/*.gantt_row .gantt_cell[data-column-name="duration"] {*/
+/* background-color: #f5f5f5 !important;*/
+/*}*/
+
+/* 涓轰换鍔℃潯鍐呴儴鐨勮繘搴︽潯娣诲姞鍦嗚锛屼繚鎸佽瑙夌粺涓� */
+/*.gantt_task_progress {*/
+/*border-radius: 10px !important; !* 寤鸿涓庝换鍔℃潯鍗婂緞涓�鑷� *!*/
+/*}*/
+
+/*.gantt_bar_task {*/
+/*border-radius: 10px !important;*/
+/*padding: 3px !important;*/
+/*transform: scaleX(-1) !important;*/
+/*}*/
+
+/*.gantt_bar_project {*/
+/*border-radius: 10px !important;*/
+/*}*/
+
+.taskCheckBox {
+ cursor: pointer;
+}
+
+/* 鍒嗛〉瀹瑰櫒鏍峰紡 */
+.pagination-container {
+ margin-top: 10px;
+ display: flex;
+ justify-content: end;
+ padding: 10px 0;
+ background-color: #fff;
+ border-top: 1px solid #ebeef5;
+}
+
+#taskRange {
+ width: 80px;
+ height: 6px;
+ border-radius: 2px;
+}
+
+/* 闅愯棌婊戝潡 */
+#taskRange::-webkit-slider-thumb {
+ opacity: 0;
+ -webkit-appearance: none !important;
+ width: 1px !important;
+ height: 1px !important;
+}
+
+#taskRange::-moz-range-thumb {
+ opacity: 0;
+ width: 1px !important;
+ height: 1px !important;
+}
+
+#taskRange::-ms-thumb {
+ opacity: 0;
+ width: 1px !important;
+ height: 1px !important;
+}
+
+.task2Css {
+ width: 100%;
+ height: 100%;
+ margin-left: 0;
+ background-color: #ac96ff;
+}
+
+.task3Css {
+ width: 100%;
+ height: 100%;
+ margin-left: 0;
+ background-color: rgb(255, 145, 0);
+}
+
+.gantt_scale_cell {
+ border: none !important;
+}
+
+.gantt_task_scale {
+ margin-left: -35px;
+}
+
+.gantt_scale_line:last-child {
+ width: 105%;
+}
+
+/*.gantt_task_bg:first-child > .gantt_task_row:first-child > .gantt_last_cell {*/
+/* border-top: 1px solid rgb(166, 166, 166);*/
+/*}*/
+</style>
--
Gitblit v1.9.3