1.sop页面优化

小小儁爺

7 天以前 6fabf169ee373a68196d84907eed9346089af9ee

 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,12 +17,13 @@
          :value="item.code"
        />
      </el-select>
      <!-- 优先级方法选择器：设备优先或时间优先 -->
      <el-select
        v-model="priorityMethod"
        size="mini"
        style="margin-left: 10px;"
        placeholder="请选择"
        @change="prepareArrange"
        @change="priorityMethodChange"
      >
        <el-option
          v-for="item in priorityMethodArr"
@@ -29,6 +32,7 @@
          :value="item.code"
        />
      </el-select>
      <!-- 日期范围选择器：控制甘特图显示的日期范围 -->
      <el-date-picker
        v-model="ganttDateRange"
        style="margin-left: 10px;"
@@ -36,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"
@@ -68,7 +85,7 @@
</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'
@@ -83,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,
@@ -94,28 +111,30 @@

      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,
@@ -137,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()
@@ -223,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 },
@@ -231,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 },
@@ -252,52 +241,33 @@
      ]
      /* ↑↑↑ 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> ' + task.producedCount +
          '<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">`
          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) => {
@@ -331,7 +301,7 @@

    // 加载任务数据
    loadTasks() {
      // 接口获取到的数据
      // 接口获取到的数据  //这是待排数据
      const rows = [
        {
          'wo_code': null,
@@ -503,29 +473,146 @@
        }
      ]

      // 这是已排数据
      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)
              newArr.push({
                id: it.AdvaDevicNumber,
                type: 'project',
                text: '我是父级',
                partName: it.AdvaDevicName,
                partCode: it.AdvaDevicNumber,
                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),
                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]), // 这个是无效的，只是为了预排prepareArrange方法里面不报错
                end_date: handleDatetime2(item.YearDate + ' ' + it.OneStartDate.split('~')[1]), // 这个是无效的，只是为了预排prepareArrange方法里面不报错
                // duration: this.calculateTimeRangeInMinutes(it.OneStartDate),
                render: 'split', // 用于在一个工作时间段内显示不下，需要进行分割显示
                checked: false,
                progress: 0,
                parent: 0,
                parent: it.AdvaDevicNumber,
                saleOrder: 'SO-2026-01001'
              })
            }
@@ -535,17 +622,17 @@
              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]),
                  end_date: handleDatetime2(item.YearDate + ' ' + it[this.fivePeriodsTimeName[i]].split('~')[1]),
                  duration,
                  checked: false,
                  progress: 0,
                  parent: it.AdvaDevicNumber,
                  parent: it.AdvaDevicNumber + ind.toString(),
                  saleOrder: 'SO-2026-01001',
                  //  要在每一个时间段内算出能生产多少个     工期（分钟）乘以60 除以生产节拍 * 稼动率
                  producedCount: (duration * 60 / it.AdvaDevicRhythm) * (it.AdvaDevicCropMob / 100),
@@ -558,236 +645,59 @@
        }
      })

      // 使用原有的示例数据作为基础
      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
          })
        }
      ]
      })

      // this.totalTasks = this.allTasks.length
      // this.updatePaginatedTasks()
      // this.renderGanttChart()
      // 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
            }

      this.prepareArrange()
            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()
    },

    // 更新分页后的任务数据
@@ -856,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
      })
@@ -873,7 +784,6 @@

    // 页大小改变
    handleSizeChange(newSize) {
      console.log('执行2')
      this.pageSize = newSize
      this.currentPage = 1 // 重置到第一页
      this.updatePaginatedTasks()
@@ -883,7 +793,6 @@

    // 当前页改变
    handleCurrentChange(newPage) {
      console.log('执行1')
      // 计算最大页数，防止超出范围
      const maxPage = Math.ceil(this.totalTasks / this.pageSize)
      if (newPage > maxPage) {
@@ -900,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() {
@@ -910,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
        }
      })
@@ -918,12 +830,11 @@
      // 获取所有选中的任务ID
      // 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(`点击了`)
    },
@@ -949,62 +860,94 @@
    },
    // 预排
    prepareArrange() {
      this.allTasks = this.allTasks.filter(i => i.type !== 'task2')
      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) => Number(a.partCode.replace(/\D/g, '')) - Number(b.partCode.replace(/\D/g, '')))
        // this.allTasks.sort((a, b) => Number(b.partCode.replace(/\D/g, '')) - Number(a.partCode.replace(/\D/g, '')))
        // this.allTasks.sort((a, b) => a.producedCount - b.producedCount)
        this.allTasks.sort((a, b) => parseFloat(a.AdvaDevicCropMob) - parseFloat(b.AdvaDevicCropMob))
      }

      // 在这个循环里面还得考虑一个点，在已排的数据上不能再排了
      // 相当于在task 和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 = needArrangeNumber > 0 && needArrangeNumber <= item.producedCount ? needArrangeNumber : item.producedCount
          needArrangeNumber = needArrangeNumber - item.producedCount // 剩余待排值
          if (count > 0 && (needArrangeNumber > 0 || Math.abs(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: '任务名称111',
              partName: item.partName,
              partCode: item.partCode,
              start_date: handleDatetime2(item.start_date),
              // duration: item.duration,
              duration: duration,
              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 ? count : item.producedCount
            })
              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 })
          }
        }
      })

      console.log(JSON.parse(JSON.stringify(newArr)), 'newArr')

      // for (let i = 0; i < this.allTasks.length; i++) {
      //
      // }

      this.allTasks = [...this.allTasks, ...newArr]
      // console.log(JSON.parse(JSON.stringify(this.allTasks)), '77')

      console.log(JSON.parse(JSON.stringify(this.allTasks)), '888')

      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()
    }

  }
}