1.工单菜单 工单编号自动生成

loulijun2021

2023-03-29 15a02d49c86110a9907420526d08eb3db7b550bc

1.工单菜单   工单编号自动生成

 src/api/produceManager.js

@@ -392,3 +392,11 @@
    params: data
  })
}

// MES工单新增、获取工单号
export function AddMesOrderCodeSearch() {
  return request({
    url: 'ProductionManagement/AddMesOrderCodeSearch',
    method: 'post'
  })
}

 src/views/produceManager/AutoScheduling_back2.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,2075 @@
<template>
  <div>
    <div class="body" :style="{height:mainHeight+'px'}">

      <div class="bodyTopFormGroup" style="margin-top: 10px;padding-top: 10px">
        <el-form
          ref="form"
          :model="formTop"
          label-width="100px"
          inline
          style="display: flex;"
        >
          <div class="elForm">
            <el-form-item label="车间编码" style=" display: flex;">
              <el-input v-model="formTop.workshop" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item label="生产工单号" style=" display: flex;">
              <el-input v-model="formTop.wocode" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item label="物料编码" style=" display: flex;">
              <el-input v-model="formTop.partcode" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item label="物料名称" style=" display: flex;">
              <el-input v-model="formTop.partname" placeholder="请输入" style="width: 200px" />
            </el-form-item>
          </div>
          <div
            class="bodySearchReset"
            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
          >
            <el-button v-waves type="primary" icon="el-icon-search" @click="search">查询</el-button>
            <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
          </div>
        </el-form>
        <div
          class="bodyTopFormExpand"
          style="height: 5px"
        />
      </div>

      <div class="elTableDiv" style="margin-top: 0">
        <el-table
          ref="tableDataRef"
          class="tableFixed"
          :data="tableData"
          :height="(tableHeight-400)+'px'"
          border
          :row-class-name="tableRowClassName"
          :style="{width: 100+'%',height:(tableHeight-400)+'px',}"
          highlight-current-row
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
          @sort-change="sortChangeTop"
          @select="handleSelect"
          @selection-change="handleSelectionChange"
        >
          <!--          @row-click="getCurrentRow"-->

          <!--          @selection-change="handleSelectionChange"-->

          <!--          <el-table-column-->
          <!--            width="50"-->
          <!--            fixed-->
          <!--          >-->
          <!--            <template slot-scope="{row}">-->
          <!--              <el-radio-->
          <!--                v-model="radioSelectedId"-->
          <!--                :label="row.AdvaScheId"-->
          <!--              />-->
          <!--            </template>-->
          <!--          </el-table-column>-->
          <el-table-column
            type="selection"
            width="55"
          />
          <el-table-column
            prop="RowNum"
            width="50"
            fixed
            label="序号"
          />
          <el-table-column
            prop="AdvaSchePiroQue"
            show-tooltip-when-overflow
            label="优先级"
            width="90"
            sortable="custom"
          />
          <el-table-column
            prop="AdvaScheWorkShop"
            label="生产车间"
            width="110"
            show-tooltip-when-overflow
            sortable="custom"
          />
          <el-table-column
            prop="AdvaScheWorkCode"
            label="工单编号"
            min-width="160"
            show-tooltip-when-overflow
            sortable="custom"
          />
          <el-table-column
            prop="AdvaSchePartNumber"
            label="产品编码"
            min-width="110"
            show-tooltip-when-overflow
            sortable="custom"
          >
            <!--            <template slot-scope="{row}">-->
            <!--              <div v-if="row.AdvaSchePartNumber">{{ row.AdvaSchePartNumber }}</div>-->
            <!--              <div v-else>/</div>-->
            <!--            </template>-->
          </el-table-column>
          <el-table-column
            prop="AdvaSchePartName"
            min-width="160"
            show-tooltip-when-overflow
            label="产品名称"
            sortable="custom"
          />
          <el-table-column
            prop="AdvaSchePartSpec"
            label="产品规格"
            width="110"
            show-tooltip-when-overflow
            sortable="custom"
          >
            <template slot-scope="{row}">
              <div v-if="row.AdvaSchePartSpec">{{ row.AdvaSchePartSpec }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="AdvaScheQty"
            label="数量"
            show-tooltip-when-overflow
            width="110"
            sortable="custom"
          />
          <el-table-column
            prop="AdvaScheEndDate"
            label="要求交付时间"
            sortable="custom"
            show-tooltip-when-overflow
            width="160"
          />
          <el-table-column
            prop="AdvaScheStus"
            label="排程状态"
            show-tooltip-when-overflow
            width="110"
            sortable="custom"
          >
            <template slot-scope="{row}">
              <div v-if="row.AdvaScheStus==='NOSCHED'">待排程</div>
              <div v-if="row.AdvaScheStus==='SCHED'">已排程</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="AdvaScheBotProcName"
            label="排程工序"
            show-tooltip-when-overflow
            width="110"
            sortable="custom"
          />
          <el-table-column
            prop="AdvaSchePCStartDate"
            label="计划排程时间"
            width="200"
            sortable="custom"
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div v-if="row.AdvaSchePCStartDate">{{ row.AdvaSchePCStartDate }} ~ {{ row.AdvaSchePCEndDate }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>

        </el-table>
      </div>
      <!--分页-->
      <pagination
        :total="totalTop"
        :page.sync="formTop.page"
        :limit.sync="formTop.rows"
        align="right"
        layout="total,prev, pager, next,sizes"
        popper-class="select_bottom"
        @pagination="getAdvancedSchedulingSearch"
      />

      <!--      è‡ªåŠ¨æŽ’程部分的代码-->
      <div class="autoScheduling">

        <div class="bodyTopFormGroup">
          <el-form
            ref="form"
            :model="formBottom"
            inline
            label-width="100px"
            style="display: flex;"
          >
            <div class="elForm">
              <el-form-item label="排程日期" style=" display: flex;">
                <el-date-picker
                  v-model="formBottom.scheDate"
                  :disabled="radioSelectedId===''"
                  type="daterange"
                  range-separator="~"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  size="small"
                  :picker-options="pickerOptions1"
                  :clearable="false"
                  @change="dateChange"
                />
              </el-form-item>
              <el-form-item label="排程方式" style=" display: flex;">
                <el-select
                  v-model="formBottom.types"
                  :disabled="radioSelectedId===''"
                  style="width:120px"
                  @change="typesChange"
                >
                  <el-option value="N" label="设备优先" />
                  <el-option value="Y" label="时间优先" />
                </el-select>
              </el-form-item>
              <el-form-item label="时间刻度(分钟)" label-width="110" style=" display: flex;">
                <el-select v-model.number="formBottom.scale" :disabled="radioSelectedId===''" style="width: 120px;">
                  <el-option v-for="item in scaleList" :key="item" :value="item" :label="item" />
                </el-select>

              </el-form-item>
              <el-form-item label="换型时间(分钟)" label-width="110" style=" display: flex;">
                <el-input
                  id="scale"
                  v-model="formBottom.times"
                  :disabled="radioSelectedId===''"
                  type="number"
                  style="display:inline-block;width:80px;"
                  @change="no_zero"
                />
              </el-form-item>
              <el-form-item label="预排进度" style=" display: flex;">
                <span>
                  <span style="text-decoration:underline;">{{ formBottom.canArrangeNumber }}</span> /
                  <span style="text-decoration:underline">{{ formBottom.needArrangeNumber }}</span>
                </span>
              </el-form-item>
            </div>
            <div
              class="bodySearchReset"
              :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
            >
              <el-button
                v-waves
                :disabled="radioSelectedId===''"
                type="primary"
                icon="el-icon-document-remove"
                @click="prepareArrange"
              >预排
              </el-button>
              <el-button
                v-waves
                type="primary"
                :disabled="radioSelectedId===''"
                icon="el-icon-document-checked"
                @click="prepareSubmit"
              >提交
              </el-button>
            </div>
          </el-form>
          <div class="colorDescription">
            <div class="colorDescriptionItem"><i
              class="el-icon-s-opportunity"
              style="margin-right: 5px;color: rgba(5, 185, 100, 0.5)"
            />产能
            </div>
            <div class="colorDescriptionItem"><i
              class="el-icon-s-opportunity"
              style="margin-right: 5px;color: rgba(5, 185, 100, 1)"
            />已排
            </div>
            <div class="colorDescriptionItem"><i
              class="el-icon-s-opportunity"
              style="margin-right: 5px;color:rgba(128,0,128,0.7)"
            />预排
            </div>
            <!--            <div class="colorDescriptionItem"><i class="el-icon-s-opportunity" style="margin-right: 5px;color: #a7a7a7" />失效产能</div>-->
          </div>
          <div
            class="bodyTopFormExpand"
            style="height: 5px"
          />
        </div>

        <div class="container" style="margin: 10px;">
          <v-gantt-chart
            :start-time="time_data[0]"
            :end-time="time_data[1]"
            :cell-width="cellWidth"
            :cell-height="cellHeight"
            :title-height="titleHeight"
            :scale="formBottom.scale"
            :title-width="titleWidth"
            show-current-time
            :hide-header="hideHeader"
            :data-key="dataKey"
            :array-keys="arrayKeys"

            :datas="schedulingData"
          >
            <!--            æš‚时用不到-->
            <!--            :time-lines="timeLines"-->
            <!--            @scrollLeft="scrollLeftA"-->
            <!--            :scroll-to-postion="positionA"-->
            <template slot="block" slot-scope="{data,item}">
              <Scheduling
                :data="data"
                :cell-height="cellHeight"
                :item="item"
              />
              <!--              æš‚时用不到-->
              <!--              :update-time-lines="updateTimeLines"-->
              <!--              :current-time="currentTime"-->
            </template>
            <template slot="left" slot-scope="{data}">
              <div class="name">
                <div class="carId">
                  <el-checkbox
                    v-model="data.status"
                    style="margin-right:5px;"
                    @change="checkboxSingle(data)"
                  />
                  {{ data.id }} {{ data.name }}
                </div>
                <div class="speed">
                  <!--                  <el-tooltip class="item" effect="dark" content="查看" placement="top">-->
                  <!--                    <el-button v-waves type="text" size="mini" @click="look(data)">-->
                  <!--                      <i class="el-icon-document size i-color"  />-->
                  <!--                    </el-button>-->
                  <!--                  </el-tooltip>-->
                </div>
              </div>
            </template>
            <template slot="title">
              <span class="tc">工位列表</span>
              <el-checkbox
                v-model="ganttCheckboxAll"
                class="box_style"
                :disabled="radioSelectedId===''"
                @change="checkboxAll()"
              />
              <input
                v-model.number="cellWidth"
                type="range"
                min="20"
                max="100"
                class="box_styles"
                :disabled="radioSelectedId===''"
              >
            </template>
          </v-gantt-chart>
        </div>
      </div>

    </div>

  </div>
</template>

<script>
import Pagination from '@/components/Pagination'
import Scheduling from '@/components/Scheduling'
import dayjs from 'dayjs'
import {
  AdvancedSchedulingSearch,
  OnclickAdvancedSchedulingDevice,
  SubmitAlreadyScheduling
} from '@/api/produceManager'
import { handleDatetime, handleDatetime2 } from '@/utils/global'
import waves from '@/directive/waves'

export default {
  name: 'Zzjg',
  components: {
    Pagination, Scheduling
  },
  directives: { waves },
  data() {
    return {
      mouseHoverType: 'mouseout',
      isExpandForm: false,
      mainHeight: 0,
      tableHeight: 0,
      radioSelectedId: '', // è¡¨å•å•é€‰æ¡†
      formTop: {
        workshop: '', // è½¦é—´ç¼–码
        wocode: '', // ç”Ÿäº§å·¥å•å·
        partcode: '', // ç‰©æ–™ç¼–码
        partname: '', // ç‰©æ–™åç§°
        prop: 'AdvaScheWorkCode', // æŽ’序字段
        order: 'desc', // æŽ’序字段
        page: 1, // ç¬¬å‡ é¡µ
        rows: 20 // æ¯é¡µå¤šå°‘条
      },
      totalTop: 10,
      tableData: [],
      multipleSelection: [],
      /*
    æŽ’程部分的属性
    * */
      show: false,
      pickerOptions1: {
        disabledDate(time) {
          return time.getTime() <= Date.now() - 24 * 60 * 60 * 1000
        }
      },

      ganttCheckboxAll: true, // ç”˜ç‰¹å›¾å·¦ä¾§å¤é€‰æ¡†æ˜¯å¦é€‰ä¸­æˆ–者取消
      ganttLeftArrId: [], // ç”˜ç‰¹å›¾å·¦ä¾§çš„数组id
      cl_name: '', // äº§å“åç§°
      cl_code: '', // äº§å“ç¼–码
      work_order: '', // å·¥å•ç¼–号
      AdvaScheUom: '', // äº§å“å•ä½
      time_data: [[handleDatetime(new Date()) + ' 00:00:00'], [handleDatetime(new Date()) + ' 00:00:00']], // ç”˜ç‰¹å›¾åˆå§‹æ¸²æŸ“的时间范围
      forms: { // ç‚¹å‡»è¡ŒèŽ·å–信息 è¯·æ±‚接口 çš„数据对象
        wocode: '', // å·¥å•ç¼–号
        wkshpcode: '', // è½¦é—´ç¼–码
        partcode: '', // ç‰©æ–™ç¼–码
        botproccode: '', // ç“¶é¢ˆå·¥åºç¼–码(首道工序)
        startdate: '', // å¼€å§‹æ—¥æœŸ
        enddate: ''// ç»“束日期
      },
      formBottom: { // åº•éƒ¨è¡¨å•çš„ æ•°æ®å¯¹è±¡
        scheDate: [handleDatetime(new Date()), handleDatetime(new Date())], // æŽ’程日期
        types: 'N', // æŽ’程方式
        scale: 60, // æ—¶é—´åˆ»åº¦
        times: 0, // æ¢åž‹æ—¶é—´
        canArrangeNumber: 0, // å¯æŽ’数量
        needArrangeNumber: 0// éœ€æŽ’数量
      },
      schedulingData: [], // æŽ’程的最终数据
      timeTopTempData: [], // æ—¶é—´ä¼˜å…ˆçš„临时数据
      eqpTopTempData: [], //  è®¾å¤‡ä¼˜å…ˆçš„临时数据

      formUpdate: {
        WorkCode: '',
        BotProceCode: '',
        json: []
      },
      // currentTime: dayjs(),
      cellWidth: 50,
      cellHeight: 30,
      titleHeight: 40,
      titleWidth: 250,
      dataKey: 'id',
      // timeList: `0,30,60,120,240,480`.split(',').map(n => parseInt(n)),
      scaleList: `30,60,240,360`.split(',').map(n => parseInt(n)),
      hideHeader: false,
      arrayKeys: ['gtArray', 'error'],

      rowCheckBoxValue: {}// ç‚¹å‡»checkbox框 é€‰ä¸­çš„内容

    }
  },

  created() {
    const loading = this.$loading({
      lock: true,
      text: '正在加载数据，请稍等...',
      spinner: 'el-icon-loading',
      customClass: 'osloading',
      background: 'rgba(0, 0, 0, 0.7)'
    })
    setTimeout(() => {
      if (this.getAdvancedSchedulingSearch()) {
        loading.close()
      }
    }, 3000)

    // this.getAdvancedSchedulingSearch()
  },
  mounted() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()
  },
  methods: {
    async getAdvancedSchedulingSearch() {
      const res = await AdvancedSchedulingSearch(this.formTop)
      this.tableData = res.data
      this.totalTop = res.count

      return true
    },
    // æŽ’序改变时
    sortChangeTop({ column, prop, order }) {
      if (order === 'descending') {
        order = 'desc'
      } else if (order === 'ascending') {
        order = 'asc'
      } else {
        order = 'desc'
      }
      this.formTop.order = order
      this.formTop.prop = prop
      this.getAdvancedSchedulingSearch()
    },
    // æŸ¥è¯¢
    search() {
      this.getAdvancedSchedulingSearch()
    },
    // é‡ç½®
    reset() {
      this.formTop.workshop = ''
      this.formTop.wocode = ''
      this.formTop.partcode = ''
      this.formTop.partname = ''
      this.getAdvancedSchedulingSearch()

      this.schedulingData = [] // æŽ’程数据置空
    },
    // èŽ·å–页面高度
    getHeight() {
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 85
        this.tableHeight = this.mainHeight - 255
        this.$refs.tableDataRef.doLayout()
      })
    },
    tableRowClassName({ row, rowIndex }) {
      return 'custom-row'
    },
    /*
     æŽ’程部分的方法
     */
    // ç¡®ä¿æ¢åž‹æ—¶é—´ä¸ºéžè´Ÿæ•°
    no_zero() {
      if (this.formBottom.times < 0) {
        this.formBottom.times = 0
      }
    },
    // æŽ’程方式改变
    typesChange() {
      this.getOnclickAdvancedSchedulingDevice()
    },
    // æŽ’程日期值改变时
    dateChange() {
      this.time_data[0] = this.formBottom.scheDate[0] + ' 00:00'
      this.time_data[1] = this.formBottom.scheDate[1] + ' 23:59'
      this.forms.startdate = this.formBottom.scheDate[0]
      this.forms.enddate = this.formBottom.scheDate[1]
      this.getOnclickAdvancedSchedulingDevice()
    },
    // å·¥ä½åˆ—表复选框操作  (全选、全不选)
    checkboxAll() {
      if (this.ganttCheckboxAll) {
        this.ganttLeftArrId = []
        this.getOnclickAdvancedSchedulingDevice()
      } else {
        for (const i in this.schedulingData) {
          this.schedulingData[i].status = false
          this.schedulingData[i].gtArray = []
        }
        for (const i in this.timeTopTempData) {
          this.timeTopTempData[i].gtArray = []
        }
      }
      // this.prepareArrange()
    },
    // ç”˜ç‰¹å›¾å·¦ä¾§checkbox值选中或者取消时
    checkboxSingle(val) {
      if (!val.status) {
        for (const i in this.timeTopTempData) {
          const new_arr = []
          for (const j in this.timeTopTempData[i].gtArray) {
            if (this.timeTopTempData[i].gtArray[j].id === val.id) {
            } else {
              new_arr.push(this.timeTopTempData[i].gtArray[j])
            }
          }
          this.timeTopTempData[i].gtArray = new_arr
        }
      } else {
        this.ganttLeftArrId = []
        for (const i in this.schedulingData) {
          if (!this.schedulingData[i].status) {
            this.ganttLeftArrId.push(this.schedulingData[i].id)
          }
        }
        this.getOnclickAdvancedSchedulingDevice()
      }

      if (!val.status) {
        for (const i in this.schedulingData) {
          if (!this.schedulingData[i].status) {
            this.schedulingData[i].gtArray = []
          }
        }
      } else {
        this.ganttLeftArrId = []
        for (const i in this.schedulingData) {
          if (!this.schedulingData[i].status) {
            this.ganttLeftArrId.push(this.schedulingData[i].id)
          }
        }
        this.getOnclickAdvancedSchedulingDevice()
      }
      for (const i in this.schedulingData) {
        const arr = []
        for (const j in this.schedulingData[i].gtArray) {
          if (this.schedulingData[i].gtArray[j].type !== 'schedule') {
            arr.push(this.schedulingData[i].gtArray[j])
          }
        }
        this.schedulingData[i].gtArray = arr
      }
      this.formBottom.canArrangeNumber = 0
      // this.prepareArrange()
    },
    // ç‚¹å‡»å¸¦å‡ºæ•°æ®
    async getOnclickAdvancedSchedulingDevice() {
      console.log(this.forms, 21)
      // debugger
      const res = await OnclickAdvancedSchedulingDevice(this.forms)
      if (res.rus.Message) {
        this.$message.error(res.rus.Message)
      }

      const data = res.rows // æ‹¿åˆ°å¾…排数据  å¯¹æ•°æ®è¿›è¡Œæ”¹é€ 
      const cont = res.Cont // æ‹¿åˆ°å·²æŽ’数据  å¯¹æ•°æ®è¿›è¡Œæ”¹é€ 

      this.formBottom.canArrangeNumber = 0

      // å°†äº”个时间段进行赋值
      data.forEach(item => {
        item.children.forEach(it => {
          if (it.OneStartDate !== '') {
            it.OneStartDate = it.OneStartDate.split('~')
            it.OneStartDate[0] = item.YearDate + ' ' + it.OneStartDate[0] + ':00'
            it.OneStartDate[1] = item.YearDate + ' ' + it.OneStartDate[1] + ':00'
          }

          if (it.TwoStartDate !== '') {
            it.TwoStartDate = it.TwoStartDate.split('~')
            it.TwoStartDate[0] = item.YearDate + ' ' + it.TwoStartDate[0] + ':00'
            it.TwoStartDate[1] = item.YearDate + ' ' + it.TwoStartDate[1] + ':00'
          }
          if (it.ThreeStartDate !== '') {
            it.ThreeStartDate = it.ThreeStartDate.split('~')
            it.ThreeStartDate[0] = item.YearDate + ' ' + it.ThreeStartDate[0] + ':00'
            it.ThreeStartDate[1] = item.YearDate + ' ' + it.ThreeStartDate[1] + ':00'
          }
          if (it.FourStartDate !== '') {
            it.FourStartDate = it.FourStartDate.split('~')
            it.FourStartDate[0] = item.YearDate + ' ' + it.FourStartDate[0] + ':00'
            it.FourStartDate[1] = item.YearDate + ' ' + it.FourStartDate[1] + ':00'
          }
          if (it.FiveStartDate !== '') {
            it.FiveStartDate = it.FiveStartDate.split('~')
            it.FiveStartDate[0] = item.YearDate + ' ' + it.FiveStartDate[0] + ':00'
            it.FiveStartDate[1] = item.YearDate + ' ' + it.FiveStartDate[1] + ':00'
          }
        })
      })

      // æž„建 æŒ‰è®¾å¤‡ä¼˜å…ˆæŽ’程的 æ•°æ®æ ¼å¼ schedulingData
      const list = [] // ä¸´æ—¶list  æš‚å­˜
      data[0].children.forEach(item => {
        const obj = {
          id: '',
          name: '',
          AdvaDevicRhythm: '', // èŠ‚拍多少秒生产一个（生产节拍）
          status: true,
          colorPair: {
            dark: 'rgb(83, 186, 241,0.8)',
            light: 'rgb(83, 186, 241,0.1)',
            light_capacity: 'rgb(209,239,237,0.8)',
            h_schedule: 'rgb(100,255,192,0.8)',
            scheduleing: 'rgb(20,182,231,0.8)'
          },
          gtArray: []
        }
        obj.id = item.AdvaDevicNumber
        obj.name = item.AdvaDevicName
        obj.AdvaDevicRhythm = item.AdvaDevicRhythm
        list.push(obj)
      })

      // ç»„合新的结构     æµ…绿色背景条
      const newList = []
      for (const i in data) {
        for (const j in data[i].children) {
          if (data[i].children[j].OneStartDate !== '') {
            const data1 = {
              id: '',
              start: '',
              end: '',
              mod: ''
            }
            data1.id = data[i].children[j].AdvaDevicNumber
            data1.start = data[i].children[j].OneStartDate[0]
            data1.end = data[i].children[j].OneStartDate[1]
            // AdvaDevicCropMob ç¨¼åŠ¨çŽ‡     AdvaDevicRhythm  ç”Ÿäº§èŠ‚拍
            data1.mod = (data[i].children[j].AdvaDevicCropMob * 1) / 100 // ç¨¼åŠ¨çŽ‡
            newList.push(data1)
          }
          if (data[i].children[j].TwoStartDate !== '') {
            const data2 = {
              id: '',
              start: '',
              end: '',
              mod: ''
            }
            data2.id = data[i].children[j].AdvaDevicNumber
            data2.start = data[i].children[j].TwoStartDate[0]
            data2.end = data[i].children[j].TwoStartDate[1]
            data2.mod = (data[i].children[j].AdvaDevicCropMob * 1) / 100
            newList.push(data2)
          }
          if (data[i].children[j].ThreeStartDate !== '') {
            const data3 = {
              id: '',
              start: '',
              end: '',
              mod: ''
            }
            data3.id = data[i].children[j].AdvaDevicNumber
            data3.start = data[i].children[j].ThreeStartDate[0]
            data3.end = data[i].children[j].ThreeStartDate[1]
            data3.mod = (data[i].children[j].AdvaDevicCropMob * 1) / 100
            newList.push(data3)
          }
          if (data[i].children[j].FourStartDate !== '') {
            const data4 = {
              id: '',
              start: '',
              end: '',
              mod: ''
            }
            data4.id = data[i].children[j].AdvaDevicNumber
            data4.start = data[i].children[j].FourStartDate[0]
            data4.end = data[i].children[j].FourStartDate[1]
            data4.mod = (data[i].children[j].AdvaDevicCropMob * 1) / 100
            newList.push(data4)
          }
          if (data[i].children[j].FiveStartDate !== '') {
            const data5 = {
              id: '',
              start: '',
              end: '',
              mod: ''
            }
            data5.id = data[i].children[j].AdvaDevicNumber
            data5.start = data[i].children[j].FiveStartDate[0]
            data5.end = data[i].children[j].FiveStartDate[1]
            data5.mod = (data[i].children[j].AdvaDevicCropMob * 1) / 100
            newList.push(data5)
          }
        }
      }

      for (const i in list) {
        this.pushItem(newList, list[i].id, list[i].gtArray)
      }

      // this.schedulingData = list

      // å½“排程数组为空的时候
      // if (this.schedulingData.length === 0) {
      //   this.schedulingData.push(list[0])
      // } else {
      // åˆ¤æ–­å½“前点击行的数据请求接口数据   æ˜¯å¦å·²ç»åœ¨æŽ’程数组内
      const flag = this.schedulingData.map(i => i.id).includes(list[0].id)

      if (!flag || this.schedulingData.length === 0) { // å½“不在排程数组内时   ç›´æŽ¥push排程数组即可
        this.schedulingData.push(list[0])
      } else { // å½“已经在排程数组内时   åº”该判断时间取并集
        console.log(list, 9)
        const index = this.schedulingData.findIndex(i => i.id === list[0].id)
        const tempGtArray = [...new Set(this.schedulingData[index].gtArray.concat(list[0].gtArray))]
        // æ•°ç»„中对象相同的去重
        this.schedulingData[index].gtArray = tempGtArray.filter((currentValue, currentIndex, selfArr) => {
          return selfArr.findIndex(item => item.start === currentValue.start) === currentIndex
        })
        // this.schedulingData[index].gtArray = tempGtArray
        // console.log(tempGtArray, 10)
        // console.log(this.schedulingData[index].gtArray, 11)
      }
      // }

      console.log(this.schedulingData, 6)
      // console.log(JSON.stringify(this.schedulingData))

      // this.schedulingData = [
      //   {
      //     'id': 'SB001',
      //     'name': '设备001',
      //     'AdvaDevicRhythm': '10.0',
      //     'status': true,
      //     'colorPair': {
      //       'dark': 'rgb(83, 186, 241,0.8)',
      //       'light': 'rgb(83, 186, 241,0.1)',
      //       'light_capacity': 'rgb(209,239,237,0.8)',
      //       'h_schedule': 'rgb(100,255,192,0.8)',
      //       'scheduleing': 'rgb(20,182,231,0.8)'
      //     },
      //     'gtArray': [{
      //       'start': '2023-03-25 0:00:00',
      //       'end': '2023-03-25 11:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-25 13:00:00',
      //       'end': '2023-03-25 18:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-26 06:00:00',
      //       'end': '2023-03-26 11:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-26 14:00:00',
      //       'end': '2023-03-26 20:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-26 21:30:00',
      //       'end': '2023-03-26 23:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-27 05:30:00',
      //       'end': '2023-03-27 17:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-28 08:00:00',
      //       'end': '2023-03-28 11:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-28 13:00:00',
      //       'end': '2023-03-28 18:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-29 08:00:00',
      //       'end': '2023-03-29 11:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-29 13:00:00',
      //       'end': '2023-03-29 18:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-30 08:00:00',
      //       'end': '2023-03-30 11:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-30 13:00:00',
      //       'end': '2023-03-30 18:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-31 08:00:00',
      //       'end': '2023-03-31 11:30:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }, {
      //       'start': '2023-03-31 13:00:00',
      //       'end': '2023-03-31 18:00:00',
      //       'id': 'SB001',
      //       'mod': 0.3,
      //       'type': 'capacity'
      //     }]
      //   }]

      if (cont !== '') {
        for (const i in cont) {
          for (const j in this.schedulingData) {
            if (this.schedulingData[j].id === cont[i].eqp_code) {
              const data = {
                id: cont[i].eqp_code,
                number: cont[i].alloc_qty,
                cl_name: cont[i].part_name,
                cl_code: cont[i].part_code,
                AdvaScheUom: cont[i].uom_name, // å•ä½
                work_order: cont[i].wo_code,
                start: cont[i].time_start,
                end: cont[i].time_end,
                // type: cont[i].status === 'S' ? 'h_schedule' : 'bm_schedule'
                type: 'h_schedule'
              }
              this.schedulingData[j].gtArray.unshift(data)
            }
          }
        }
      }

      if (this.ganttLeftArrId !== '') {
        for (const j in this.schedulingData) {
          if (this.ganttLeftArrId.indexOf(this.schedulingData[j].id) >= 0) {
            this.schedulingData[j].gtArray = []
            this.schedulingData[j].status = false
          }
        }
      }

      // è®¾å¤‡ä¼˜å…ˆçš„数据格式
      this.eqpTopTempData = []
      for (const i in data[0].children) {
        const obj = {
          id: '',
          name: '',
          status: true,
          AdvaDevicRhythm: '',
          // mod:'',
          colorPair: {
            dark: 'rgb(83, 186, 241,0.8)',
            light: 'rgb(83, 186, 241,0.1)',
            light_capacity: 'rgb(209,239,237,0.8)',
            h_schedule: 'rgb(100,255,192,0.8)',
            scheduleing: 'rgb(20,182,231,0.8)'
          },
          gtArray: []
        }
        obj.id = data[0].children[i].AdvaDevicNumber
        obj.name = data[0].children[i].AdvaDevicName
        obj.AdvaDevicRhythm = data[0].children[i].AdvaDevicRhythm
        // obj.mod =data[0].children[i].AdvaDevicCropMob *1

        this.eqpTopTempData.push(obj)
      }

      // æ›´æ”¹æ ¼å¼
      this.timeTopTempData = []

      // æž„建按时间优先的排程数据格式 timeTopTempData
      for (const i in data) {
        const time = {
          date: data[i].YearDate,
          AdvaDevicRhythm: '',
          gtArray: []
        }
        if (data[i].children !== '') {
          time.AdvaDevicRhythm = data[i].children[0].AdvaDevicRhythm
        }
        for (const j in data[i].children) {
          if (data[i].children[j].OneStartDate !== '') {
            const icu1 = {
              name: data[i].children[j].AdvaDevicName,
              id: data[i].children[j].AdvaDevicNumber,
              type: 'capacity',
              rhythm: data[i].children[j].AdvaDevicRhythm, // ç”Ÿäº§èŠ‚拍
              start: data[i].children[j].OneStartDate[0],
              end: data[i].children[j].OneStartDate[1],
              mod: (data[i].children[j].AdvaDevicCropMob * 1) / 100
            }
            time.gtArray.push(icu1)
          }
          if (data[i].children[j].TwoStartDate !== '') {
            const icu2 = {
              name: data[i].children[j].AdvaDevicName,
              id: data[i].children[j].AdvaDevicNumber,
              type: 'capacity',
              rhythm: data[i].children[j].AdvaDevicRhythm,
              start: data[i].children[j].TwoStartDate[0],
              end: data[i].children[j].TwoStartDate[1],
              mod: (data[i].children[j].AdvaDevicCropMob * 1) / 100
            }
            time.gtArray.push(icu2)
          }
          if (data[i].children[j].ThreeStartDate !== '') {
            const icu3 = {
              name: data[i].children[j].AdvaDevicName,
              id: data[i].children[j].AdvaDevicNumber,
              type: 'capacity',
              rhythm: data[i].children[j].AdvaDevicRhythm,
              start: data[i].children[j].ThreeStartDate[0],
              end: data[i].children[j].ThreeStartDate[1],
              mod: (data[i].children[j].AdvaDevicCropMob * 1) / 100
            }
            time.gtArray.push(icu3)
          }
          if (data[i].children[j].FourStartDate !== '') {
            const icu4 = {
              name: data[i].children[j].AdvaDevicName,
              id: data[i].children[j].AdvaDevicNumber,
              type: 'capacity',
              rhythm: data[i].children[j].AdvaDevicRhythm,
              start: data[i].children[j].FourStartDate[0],
              end: data[i].children[j].FourStartDate[1],
              mod: (data[i].children[j].AdvaDevicCropMob * 1) / 100
            }
            time.gtArray.push(icu4)
          }
          if (data[i].children[j].FiveStartDate !== '') {
            const icu5 = {
              name: data[i].children[j].AdvaDevicName,
              id: data[i].children[j].AdvaDevicNumber,
              type: 'capacity',
              rhythm: data[i].children[j].AdvaDevicRhythm,
              start: data[i].children[j].FiveStartDate[0],
              end: data[i].children[j].FiveStartDate[1],
              mod: (data[i].children[j].AdvaDevicCropMob * 1) / 100
            }
            time.gtArray.push(icu5)
          }
        }
        this.timeTopTempData.push(time)
        // console.log(this.timeTopTempData)
      }

      if (cont !== '') {
        for (const i in cont) {
          for (const j in this.timeTopTempData) {
            const data = {
              id: cont[i].eqp_code,
              date: cont[i].time_start.split(' ')[0],
              number: cont[i].alloc_qty,
              cl_name: cont[i].part_name,
              cl_code: cont[i].part_code,
              AdvaScheUom: cont[i].uom_name, // å•ä½
              work_order: cont[i].wo_code,
              start: cont[i].time_start,
              end: cont[i].time_end,
              type: 'h_schedule'
            }
            if (this.timeTopTempData[j].date === data.date) {
              this.timeTopTempData[j].gtArray.unshift(data)
            }
          }
        }
      }

      console.log(this.eqpTopTempData, 7)
      console.log(this.timeTopTempData, 8)

      this.$forceUpdate()
    },
    // æ¢åž‹æ—¶é—´
    MinutesTest(time) {
      const t = new Date(time)
      t.setMinutes(t.getMinutes() + this.formBottom.times * 1)
      const now =
        t.getFullYear() +
        '-' +
        (t.getMonth() + 1).toString().padStart(2, '0') +
        '-' +
        t.getDate().toString().padStart(2, '0') +
        ' ' +
        t.getHours().toString().padStart(2, '0') +
        ':' +
        t.getMinutes().toString().padStart(2, '0') +
        ':' +
        t.getSeconds().toString().padStart(2, '0')
      return now
    },
    // æ’入产能时间段
    pushItem(newList, id, arr) {
      for (const i in newList) {
        if (newList[i].id === id) {
          const data = {
            start: newList[i].start,
            end: newList[i].end,
            id: newList[i].id,
            mod: newList[i].mod,
            type: 'capacity'
          }
          arr.push(data)
        }
      }
    },
    // è¡Œç‚¹å‡»äº‹ä»¶
    getCurrentRow(row) {
      console.log(row, 3)
      // åˆ¤æ–­æ˜¯å¦å·²å­˜åœ¨é€‰ä¸­çš„  multipleSelection  æ•°ç»„里面
      // const index = this.multipleSelection.findIndex(i => i.AdvaScheWorkCode === row.AdvaScheWorkCode)
      // this.$refs.tableDataRef.toggleRowSelection(row, index === -1)

      this.radioSelectedId = row.AdvaScheId // æŽ’程id赋值给选中行id

      // this.formBottom.needArrangeNumber += row.AdvaScheQty * 1 - row.AdvaScheYPQty * 1 // éœ€æŽ’数量 = æœªæŽ’程数量 - å·²æŽ’程数量

      // console.log(this.multipleSelection, 'multipleSelection')
      // èŽ·å–预排进度值和最大的要求交付日期
      this.formBottom.needArrangeNumber = 0
      let maxPayDate = handleDatetime(new Date())
      console.log(maxPayDate, 'maxPayDate')
      if (this.multipleSelection.length > 0) {
        console.log('王老吉')
        this.multipleSelection.forEach(i => {
          this.formBottom.needArrangeNumber += i.AdvaScheQty * 1 - i.AdvaScheYPQty * 1
          if (new Date(i.AdvaScheEndDate).getTime() > new Date(maxPayDate).getTime()) {
            maxPayDate = i.AdvaScheEndDate
          }
        })
      } else {
        console.log('加多宝！')
        this.formBottom.needArrangeNumber = 0
        // maxPayDate = row.AdvaScheEndDate
        this.radioSelectedId = ''
      }

      this.formBottom.scheDate = [] // æŽ’程日期置空
      this.cl_name = row.AdvaSchePartName // äº§å“åç§°
      this.cl_code = row.AdvaSchePartNumber // äº§å“ç¼–码
      this.AdvaScheUom = row.AdvaScheUom // äº§å“å•ä½
      this.work_order = row.AdvaScheWorkCode // å·¥å•ç¼–号

      this.formBottom.scheDate.push(handleDatetime(new Date())) //  å½“前日期（今天）
      this.formBottom.scheDate.push(maxPayDate) //  è¦æ±‚交付时间

      if (this.formBottom.scheDate !== '') {
        this.time_data[0] = this.formBottom.scheDate[0] + ' 00:00' // æŽ’程开始时间
        this.time_data[1] = this.formBottom.scheDate[1] + ' 23:59' // æŽ’程结束时间
      }
      this.forms.wocode = row.AdvaScheWorkCode // å·¥å•ç¼–号
      this.forms.wkshpcode = row.AdvaScheWorkShopid // è½¦é—´ç¼–码
      this.forms.partcode = row.AdvaSchePartNumber // äº§å“ç¼–码
      this.forms.botproccode = row.AdvaScheBotProcid // å·¥è‰ºè·¯çº¿ç¼–码
      this.forms.startdate = handleDatetime(new Date()) // å½“前日期（今天）
      this.forms.enddate = row.AdvaScheEndDate //  è¦æ±‚交付时间

      this.getOnclickAdvancedSchedulingDevice()
      this.formUpdate.WorkCode = row.AdvaScheWorkCode // å·¥å•ç¼–号
      this.formUpdate.BotProceCode = row.AdvaScheBotProcid // å·¥è‰ºè·¯çº¿ç¼–码
    },

    // æŽ’程重排事件
    resetScheduling() {
      console.log(this.multipleSelection, 16)
      console.log(this.schedulingData, 16)

      // this.multipleSelection.forEach(i => {
      //   this.getCurrentRow(i) // è¿™é‡ŒéåŽ†è¯·æ±‚时，参数没变
      // })

      // this.getCurrentRow(this.multipleSelection[0])
      // this.getCurrentRow(this.multipleSelection[1])
    },
    // checkbox ç‚¹å‡»æ”¹å˜äº‹ä»¶
    handleSelectionChange(val, isCarry) {
      console.log(val, 2)
      this.multipleSelection = val

      // if (isCarry) {
      //   // this.multipleSelection.push(val)
      //   this.getCurrentRow(val)
      // } else {
      //   this.multipleSelection = val
      // }

      const index = this.multipleSelection.findIndex(i => i.AdvaScheId === this.rowCheckBoxValue.AdvaScheId)
      if (index !== -1) { // è¯´æ˜Žcheckbox是从 æœªé€‰ä¸­åˆ°é€‰ä¸­çŠ¶æ€
        this.getCurrentRow(this.rowCheckBoxValue)
      } else { // è¯´æ˜Žcheckbox æ˜¯ä»Žé€‰ä¸­åˆ°æœªé€‰ä¸­,排程的产能应该从当前中去除去（进行重排）
        console.log(this.schedulingData, 88)
        this.resetScheduling()
        // const ind = this.schedulingData.findIndex(i => i.id === this.rowCheckBoxValue.AdvaScheId)
      }

      if (val.length === 0) {
        this.schedulingData = [] // æŽ’程数据置空
        this.radioSelectedId = ''
      }

      console.log('执行了！')
    },
    // checkbox ç‚¹å‡»äº‹ä»¶
    handleSelect(selection, row) {
      console.log(selection, row, 1)
      // console.log('执行了 handleSelect    æ‰§è¡Œé¡ºåºä¸º1 ')
      // this.multipleSelection = selection

      this.rowCheckBoxValue = row

      // this.getCurrentRow(row)
      // this.handleSelectionChange(row, true)
    },

    // æäº¤æŽ’程
    async prepareSubmit() {
      if (this.formBottom.canArrangeNumber !== this.formBottom.needArrangeNumber) {
        this.$message.error('数量未排完，请设置产能时间！')
      } else {
        const list = [] // æäº¤æ•°ç»„
        for (const i in this.schedulingData) {
          const arr = []
          for (const j in this.schedulingData[i].gtArray) {
            if (this.schedulingData[i].gtArray[j].type === 'schedule') {
              arr.push(this.schedulingData[i].gtArray[j])
            }
          }
          if (arr !== '') {
            for (const i in arr) {
              const data = {
                AlreDevicNumber: '',
                AlreStartDate: '',
                AlreEndDate: '',
                AlreQty: ''
              }
              data.AlreDevicNumber = arr[i].id
              data.AlreStartDate = arr[i].start
              data.AlreEndDate = arr[i].end
              data.AlreQty = arr[i].number
              list.push(data)
            }
          }
        }
        // æŽ’程相同设备获取开始时间 ç»“束时间 æ•°é‡çš„总和
        // è¿‡æ»¤
        let update = []
        for (const i in list) {
          if (list[i].AlreStartDate !== '') {
            update.push(list[i])
          }
        }

        update = JSON.stringify(update)
        this.formUpdate.json = update
        if (list === '') {
          this.$message.error('请先预排')
          return false
        }

        const formData = new FormData()
        formData.append('wocode', this.formUpdate.WorkCode)
        formData.append('botprocecode', this.formUpdate.BotProceCode)
        formData.append('json', this.formUpdate.json)

        const res = await SubmitAlreadyScheduling(formData)

        if (res.code === '200') {
          this.$message.success(res.Message)
        }

        this.formBottom.needArrangeNumber = 0
        this.formBottom.canArrangeNumber = 0
        await this.getOnclickAdvancedSchedulingDevice()
        await this.getAdvancedSchedulingSearch()
      }
    },
    // æ—¶é—´/设备优先排程
    prepareArrange() {
      const timestamp = new Date().toLocaleDateString()

      if (new Date(this.formBottom.scheDate[1]) < new Date(timestamp)) {
        this.$message.error('排程日期不可以小于当前时间!')
        return false
      }
      this.filterAlreadyScheduleEqp()// æ‰‹åŠ¨è¿‡æ»¤æ‰€æœ‰è®¾å¤‡å·²æŽ’程

      // è®¾å¤‡ä¼˜å…ˆæˆ–者时间优先 å¯¹æ•°æ®è¿›è¡Œçš„格式转换
      if (this.schedulingData !== '' && this.formBottom.types === 'N') { // è®¾å¤‡ä¼˜å…ˆ
        this.eqpDataTransition()
        this.editLastValue(this.schedulingData)
      } else if (this.timeTopTempData !== '' && this.formBottom.types === 'Y') { // æ—¶é—´ä¼˜å…ˆ
        this.filterAlreadyScheduleTime() // æ‰‹åŠ¨è¿‡æ»¤æ‰€æœ‰æ—¶é—´å·²æŽ’程
        this.timeDataTransition()
        this.dataTransition()
        this.editLastValue(this.schedulingData)
      }
    },
    // æ‰‹åŠ¨è¿‡æ»¤æ‰€æœ‰æ—¶é—´å·²æŽ’程
    filterAlreadyScheduleTime() {
      this.timeTopTempData.forEach(item => {
        if (item.gtArray && item.gtArray.length > 0) {
          item.gtArray = item.gtArray.filter(it => it.type !== 'schedule')
        }
      })
    },
    // æ‰‹åŠ¨è¿‡æ»¤æ‰€æœ‰è®¾å¤‡å·²æŽ’程
    filterAlreadyScheduleEqp() {
      this.schedulingData.forEach(item => {
        if (item.gtArray && item.gtArray.length > 0) {
          item.gtArray = item.gtArray.filter(it => it.type !== 'schedule')
        }
      })
    },
    // ç»™æŽ’程最后一个修改数量
    editLastValue(arr) {
      this.formBottom.canArrangeNumber = 0 // çœŸå®žå·²æŽ’数量
      let num = 0 // å–整已排数量
      const arr_num = [] // å·²æŽ’数据
      let need_num = 0
      for (const i in arr) {
        for (const j in arr[i].gtArray) {
          if (arr[i].gtArray[j].type === 'schedule') {
            arr_num.unshift(arr[i].gtArray[j])
          }
        }
      }

      for (const n in arr_num) {
        this.formBottom.canArrangeNumber += arr_num[n].real_number
        num += arr_num[n].number * 1
      }

      this.formBottom.canArrangeNumber = Math.ceil(this.formBottom.canArrangeNumber)
      const y10 = this.formBottom.needArrangeNumber - this.formBottom.canArrangeNumber
      if (y10 <= 10) {
        this.formBottom.canArrangeNumber = this.formBottom.needArrangeNumber
        need_num = this.formBottom.needArrangeNumber - num
      } else {
      }
      for (const i in this.schedulingData) {
        for (const j in this.schedulingData[i].gtArray) {
          if (
            this.schedulingData[i].gtArray[j].type === 'schedule' &&
            this.schedulingData[i].gtArray[j].end_num
          ) {
            this.schedulingData[i].gtArray[j].number =
              this.schedulingData[i].gtArray[j].number * 1 + need_num
          }
        }
      }
    },
    // è®¾å¤‡ä¼˜å…ˆ   æ•°æ®æ ¼å¼è½¬æ¢
    eqpDataTransition() {
      let needNumber = this.formBottom.needArrangeNumber // éœ€æŽ’数量
      let flag1 = 0

      for (const i in this.schedulingData) {
        let end_arr = [] // å·²æŽ’程的数组
        let need_arr = [] // å¾…排程的数组

        let capacity_arr = [] // è¦æŽ’程的数组
        this.schedulingData[i].gtArray.sort((a, b) => new Date(a.end).getTime() - new Date(b.end).getTime())

        end_arr = JSON.parse(JSON.stringify(this.schedulingData[i].gtArray.filter(item => item.type === 'h_schedule'))) // å·²æŽ’程数组
        need_arr = JSON.parse(JSON.stringify(this.schedulingData[i].gtArray.filter(item => item.type === 'capacity'))) // å®¹é‡
        // console.log(need_arr, 5)
        // console.log(JSON.stringify(need_arr))

        // need_arr = [
        //   {
        //     'start': '2023-03-25 08:00:00',
        //     'end': '2023-03-25 11:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-25 13:00:00',
        //     'end': '2023-03-25 18:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-26 06:00:00',
        //     'end': '2023-03-26 11:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-26 14:00:00',
        //     'end': '2023-03-26 20:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-26 21:30:00',
        //     'end': '2023-03-26 23:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-27 05:30:00',
        //     'end': '2023-03-27 17:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-28 08:00:00',
        //     'end': '2023-03-28 11:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-28 13:00:00',
        //     'end': '2023-03-28 18:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-29 08:00:00',
        //     'end': '2023-03-29 11:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-29 13:00:00',
        //     'end': '2023-03-29 18:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-30 08:00:00',
        //     'end': '2023-03-30 11:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-30 13:00:00',
        //     'end': '2023-03-30 18:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-31 08:00:00',
        //     'end': '2023-03-31 11:30:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   },
        //   {
        //     'start': '2023-03-31 13:00:00',
        //     'end': '2023-03-31 18:00:00',
        //     'id': 'SB001',
        //     'mod': 0.3,
        //     'type': 'capacity'
        //   }
        // ]
        if (end_arr && end_arr.length > 0) {
          capacity_arr = need_arr.map(item => {
            // æŽ’除掉已经排程的存在hshedule，start，end都相等的情况
            const schedule = end_arr.filter(it => {
              return new Date(item.start).getTime() <= new Date(it.start).getTime() &&
                new Date(item.end).getTime() >= new Date(it.end).getTime()
            })

            if (schedule && schedule.length > 0) {
              item.start = this.MinutesTest(schedule[schedule.length - 1]['end'])
            }

            const schedule1 = end_arr.filter(schedule => {
              return new Date(item.start).getTime() === new Date(schedule.start).getTime() &&
                new Date(item.end).getTime() === new Date(schedule.end).getTime()
            })
            if (schedule1 && schedule1.length > 0) {
              item.capacity = false
            }

            return item
          }).filter(item => item.capacity !== false)
        } else {
          capacity_arr = need_arr
        }

        const id_obj = {
          id: '',
          start_time: ''
        }
        if (end_arr != '') {
          (id_obj.id = end_arr[0].id), (id_obj.start_time = end_arr[0].end)
        }

        capacity_arr = this.filterOutTime(capacity_arr) // è¿‡æ»¤æŽ‰å½“前时间之前的不能排程

        for (const w in capacity_arr) {
          let end_time = ''
          let mistiming = ''
          const data = {
            id: capacity_arr[w].id,
            start: '',
            end: '',
            type: 'schedule',
            cl_name: this.cl_name,
            cl_code: this.cl_code,
            work_order: this.work_order,
            AdvaScheUom: this.AdvaScheUom,
            number: 0,
            real_number: 0
          }
          if (
            id_obj.start_time !== '' &&
            flag1 === 0 &&
            new Date(id_obj.start_time).getTime() >= new Date(capacity_arr[w].start).getTime()
          ) {
            data.start = this.MinutesTest(id_obj.start_time)
            flag1 = 1
          } else {
            data.start = capacity_arr[w].start
          }
          let nowTime = (this.schedulingData[i].AdvaDevicRhythm * needNumber) / capacity_arr[w].mod
          end_time = this.formSeconds(nowTime, data.start, capacity_arr[w].mod) // æ€»å…±çš„结束时间
          data.end = end_time
          mistiming = this.compareTime(
            end_time,
            capacity_arr[w].end,
            capacity_arr[w].mod
          ) // æ€»å…±çš„结束时间-当前的结束时间 = å‰©ä¸‹å¤šä¹…时间
          if (mistiming >= 0) {
            data.number =
              ((new Date(data.end) - new Date(data.start)) *
                capacity_arr[w].mod) /
              this.schedulingData[i].AdvaDevicRhythm /
              1000
            data.real_number =
              ((new Date(data.end) - new Date(data.start)) *
                capacity_arr[w].mod) /
              this.schedulingData[i].AdvaDevicRhythm /
              1000
            data.number = data.number.toFixed(0)
            data.end_num = true
            if (new Date(data.start) >= new Date(data.end)) {
            } else {
              this.schedulingData[i].gtArray.push(data)
            }
            return false
          } else {
            data.end = capacity_arr[w].end

            if (new Date(data.end).getTime() < new Date(data.start)) {
              continue // å› ä¸ºå¼€å§‹æ—¶é—´æ¯”结束时间大 éœ€è¦è·³è¿‡åŽé¢æ­¥éª¤
            }

            // è¿™é‡Œé™¤ä»¥ä¸€åƒæ˜¯å› ä¸º new Date() å¾—到的是毫秒  æ¯«ç§’转化为秒是千进制
            // ä¸€æ®µæ—¶é—´æ®µå†…的生产量=两者时间差（毫秒）/1000  / ç”Ÿäº§èŠ‚拍 * ç¨¼åŠ¨çŽ‡
            data.number =
              ((new Date(data.end) - new Date(data.start)) *
                capacity_arr[w].mod) /
              this.schedulingData[i].AdvaDevicRhythm /
              1000

            data.real_number =
              ((new Date(data.end) - new Date(data.start)) *
                capacity_arr[w].mod) /
              this.schedulingData[i].AdvaDevicRhythm /
              1000

            data.number = data.number.toFixed(0)

            nowTime = (needNumber - data.real_number) * this.schedulingData[i].AdvaDevicRhythm
            needNumber = needNumber - data.real_number
            if (new Date(data.start) >= new Date(data.end)) {

            } else {
              this.schedulingData[i].gtArray.push(data)
            }
          }
        }
      }
    },
    // æ—¶é—´ä¼˜å…ˆ  æ•°æ®æ ¼å¼è½¬æ¢
    timeDataTransition() {
      // æŽ’除未勾选项
      for (const i in this.timeTopTempData) {
        const newArr = []
        for (const j in this.timeTopTempData[i].gtArray) {
          if (this.ganttLeftArrId.indexOf(this.timeTopTempData[i].gtArray[j].id) < 0) {
            newArr.push(this.timeTopTempData[i].gtArray[j])
          }
        }
        this.timeTopTempData[i].gtArray = newArr
      }
      let needNumber = this.formBottom.needArrangeNumber // éœ€æŽ’数量

      //  é‡Œé¢é€»è¾‘要搞清楚 å¾ˆé‡è¦
      for (const i in this.timeTopTempData) {
        let end_arr = []
        let need_arr = [] // æŽ’程的数组

        let capacity_arr = [] // è¦æŽ’程的数组

        this.timeTopTempData[i].gtArray.sort((a, b) => new Date(a.end).getTime() - new Date(b.end).getTime())

        end_arr = JSON.parse(JSON.stringify(this.timeTopTempData[i].gtArray.filter(item => item.type === 'h_schedule'))) // å·²æŽ’程数据
        need_arr = JSON.parse(JSON.stringify(this.timeTopTempData[i].gtArray.filter(item => item.type === 'capacity'))) // å®¹é‡

        capacity_arr = JSON.parse(JSON.stringify(need_arr)) // å®¹é‡

        // èŽ·å–可排程的时间   ä»¥ä¾¿æŽ¥ç€å¾€åŽæŽ’程    éåŽ†ç»“束要得到的是 å½“前日期可排容量
        end_arr.forEach((item, index) => { // å·²æŽ’程的数组
          capacity_arr.forEach((it, ind) => { // å®¹é‡ï¼ˆæ—¥äº§èƒ½ï¼‰
            if (item.id === it.id &&
              new Date(item.start).getTime() >= new Date(it.start).getTime() &&
              new Date(item.end).getTime() === new Date(it.end).getTime() // new Date(item.end).getTime() <= new Date(it.end).getTime()
            ) {
              capacity_arr.splice(ind, 1)
            }
          })
        })

        // continue:表示跳出本次循环，也就是不执行本次循环continue之后的操作
        // break:表示跳出当前的循环，针对整个循环体终止后续的遍历；
        if (!capacity_arr || capacity_arr.length === 0) {
          continue
        }

        const schedule_arr = end_arr.filter(item => {
          const remain = need_arr.some(it => {
            return (new Date(item.start).getTime() >= new Date(it.start).getTime() &&
              new Date(item.end).getTime() < new Date(it.end).getTime())
          })

          return remain
        })

        // ä¸‹é¢é€»è¾‘很重要
        if (schedule_arr && schedule_arr.length > 0) {
          const scheduleCan = schedule_arr.map(item => {
            const temp = need_arr.filter(it => {
              if (it.id === item.id) {
                return (new Date(item.start).getTime() >= new Date(it.start).getTime() &&
                  new Date(item.end).getTime() < new Date(it.end).getTime())
                //   ||
                // (new Date(item.start).getTime() > new Date(it.start).getTime() &&
                // new Date(item.end).getTime() < new Date(it.end).getTime())
              }
            })[0]

            temp.start = this.MinutesTest(item.end)

            return temp
          })

          const newSchedule = JSON.parse(JSON.stringify(scheduleCan))

          capacity_arr.forEach(item => {
            newSchedule.forEach(it => {
              if (item.id === it.id && new Date(item.start).getTime() < new Date(it.start).getTime()) {
                item.start = it.start
              }
            })
          })
        }

        const id_obj = {}
        if (end_arr != '') {
          (id_obj.id = end_arr[0].id), (id_obj.start_time = end_arr[0].end)
        }

        capacity_arr = this.filterOutTime(capacity_arr) // è¿‡æ»¤æŽ‰å½“前时间之前的不能排程

        for (const w in capacity_arr) {
          const data = {
            id: capacity_arr[w].id,
            start: '',
            end: '',
            type: 'schedule',
            cl_name: this.cl_name,
            cl_code: this.cl_code,
            work_order: this.work_order,
            AdvaScheUom: this.AdvaScheUom, // å•ä½
            number: 0,
            real_number: 0
          }

          if (
            id_obj &&
            new Date(id_obj.start_time).getTime() >=
            new Date(capacity_arr[w].start).getTime()
          ) {
            if (data.id === id_obj.id) {
              data.start = this.MinutesTest(id_obj.start_time)
            } else {
              data.start = capacity_arr[w].start
            }
          } else {
            data.start = capacity_arr[w].start
          }

          let nowTime = (capacity_arr[w].rhythm * needNumber) / capacity_arr[w].mod

          const end_time = this.formSeconds(nowTime, data.start)

          data.end = end_time
          const mistiming = this.compareTime(end_time, capacity_arr[w].end)
          if (mistiming >= 0) {
            data.number = ((new Date(data.end) - new Date(data.start)) * capacity_arr[w].mod) / capacity_arr[w].rhythm / 1000
            data.real_number = ((new Date(data.end) - new Date(data.start)) * capacity_arr[w].mod) / capacity_arr[w].rhythm / 1000
            data.number = data.number.toFixed(0)
            data.end_num = true

            if (new Date(data.start) >= new Date(data.end)) {

            } else {
              this.timeTopTempData[i].gtArray.push(data)
            }

            return false
          } else {
            data.end = capacity_arr[w].end
            data.number = ((new Date(data.end) - new Date(data.start)) * capacity_arr[w].mod) / capacity_arr[w].rhythm / 1000
            data.real_number = ((new Date(data.end) - new Date(data.start)) * capacity_arr[w].mod) / capacity_arr[w].rhythm / 1000
            data.number = data.number.toFixed(0)
            nowTime = (needNumber - data.real_number) * capacity_arr[w].rhythm
            needNumber = needNumber - data.real_number

            if (new Date(data.start) >= new Date(data.end)) {
            } else {
              this.timeTopTempData[i].gtArray.push(data)
            }
          }
        }
      }
    },
    // è¿‡æ»¤æŽ‰å½“前时间之前的不能排程
    filterOutTime(capacity_arr) {
      // è¿™é‡Œè¦å°†å®¹é‡å’Œå½“前时间做对比   åšæ—¶é—´å¤„理   å¦‚果在当前时间之前的不能排程
      capacity_arr.forEach((item, index) => {
        // å½“前时间 å¤§äºŽç­‰äºŽå¼€å§‹æ—¶é—´   ä¸”小于等于结束时间
        if (new Date(item.start).getTime() <= new Date(handleDatetime2(new Date())).getTime() && new Date(item.end).getTime() >= new Date(handleDatetime2(new Date())).getTime()) {
          item.start = handleDatetime2(new Date())
        }
        // å½“前时间比开始时间大  æ¯”结束时间也大
        if (new Date(item.start).getTime() < new Date(handleDatetime2(new Date())).getTime() && new Date(item.end).getTime() < new Date(handleDatetime2(new Date())).getTime()) {
          item.capacity = false
        }
      })

      return capacity_arr.filter(item => item.capacity !== false)
    },

    // æ—¶é—´ä¼˜å…ˆ ç»™è®¾å¤‡è½¬æ¢æ ¼å¼
    dataTransition() {
      this.schedulingData = []
      const data = this.timeTopTempData

      const all = []
      const list = this.eqpTopTempData
      for (const i in data) {
        for (const j in data[i].gtArray) {
          all.push(data[i].gtArray[j])
        }
      }

      for (const i in list) {
        list[i].gtArray = []
        this.pushTimes(all, list[i].id, list[i].gtArray)
      }

      for (const n in list) {
        if (list[n].gtArray.length === 0) {
          list[n].status = false
        }
      }

      this.schedulingData = list
    },
    // æ’入产能时间段
    pushTimes(newList, id, arr) {
      for (const i in newList) {
        if (newList[i].id === id) {
          arr.push(newList[i])
        }
      }
    },
    // æŽ’程方法
    formSeconds(s1, start, mod) {
      const nowData = new Date(start)
      // ç®—出当前排程的结束时间
      return this.transitionTime(
        new Date(nowData.setSeconds(nowData.getSeconds() + s1))
      )
    },
    // è½¬åŒ–标准时间
    transitionTime(time) {
      const d = new Date(time)
      return (
        d.getFullYear() +
        '-' +
        (d.getMonth() + 1).toString().padStart(2, '0') +
        '-' +
        d.getDate().toString().padStart(2, '0') +
        ' ' +
        d.getHours().toString().padStart(2, '0') +
        ':' +
        d.getMinutes().toString().padStart(2, '0') +
        ':' +
        d.getSeconds().toString().padStart(2, '0')
      )
    },
    // æ—¶é—´æ¯”较
    compareTime(d1, d2, mod) {
      // d1 æŽ’除结束时间  d2 å½“前产能结束时间
      const time1 = new Date(d1)
      const time2 = new Date(d2)
      return parseInt(time2 - time1) / 1000
    }
  }
}
</script>
<!--排程部分的样式-->
<style scoped>
body {
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.box_style {
  position: relative;
  top: 40px;
  left: -91px;
}

.box_styles {
  position: relative;
  top: 40px;
  left: 0;
}

/*自动排程部分*/
.autoScheduling {
  display: flex;
  flex-direction: column;
  /*padding: 0 10px;*/
  /* height: calc(100vh - 100px); */
  /*background-color: #f8f8fa;*/
  background-color: #fff;
  margin-top: 20px;
  height: 490px;
}

.colorDescription {
  display: flex;
  padding: 5px 30px 0;
}

.colorDescriptionItem {
  display: flex;
  margin-right: 20px;
}

label {
  margin-left: 10px;
}

input {
  width: 40px;
  height: 20px;
  vertical-align: middle;
}

input[type="range"] {
  width: 100px;
}

.container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc {
  text-align: center;
}

.name {
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 0 5px 0 0;
  border-radius: 8px 0 0 8px;
  align-items: center;
}

.carId {
  flex: 1;
}

.tc {
  color: #909399;
  font-size: 14px;
}
</style>

<!--公共页面样式-->
<style lang="scss" scoped>
$main_color: #42b983;
.elTableDiv {
  ::v-deep .el-radio__label {
    display: none;
  }
}

::v-deep .el-button--text {
  font-size: 14px;
  cursor: pointer;
}

.el-icon-share, .el-icon-delete, .el-icon-edit-outline {
  color: $main_color;
  cursor: pointer;
}

.el-icon-edit-outline {
  margin-right: 15px;
}

::v-deep .el-button--primary, .el-button--default, .el-button--info {
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

::v-deep .el-button--primary {
  //background-color: $main_color !important;
}

::v-deep .el-button--default {
  background-color: #f8f8fa;
  border: none;
}

::v-deep .el-input__inner {
  height: 34px;
  line-height: 34px;
  //color: #a7a7a7;
}

::v-deep .el-dialog__body {
  padding: 20px 100px !important;
}

::v-deep .dialogVisibleRoles .el-dialog__body {
  padding: 20px 20px !important;
}

::v-deep .importPickerClass .el-dialog__body {
  padding: 20px 20px !important;
}

::v-deep .el-dialog__footer {
  display: flex;
  justify-content: flex-end;
}

::v-deep .el-table .caret-wrapper {
  transform: scale(0.8);
}

::v-deep .cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

::v-deep .el-table::before {
  height: 0;
}

::v-deep .el-table__body-wrapper {
  background-color: #f8f8fa;
}

::v-deep .el-table__body .el-table__row.hover-row td {
  background-color: #eaecef;
}

::v-deep .el-form--inline .el-form-item__label {
  color: #a7a7a7;
}

.body ::v-deep .el-divider {
  border: 1px solid #eee;
  width: 99%;
  margin: 10px auto;
}

.body ::v-deep .el-form-item {
  margin-bottom: 0;
}

.userDialogVisible ::v-deep .el-form-item {
  margin-bottom: 0;
}

::v-deep .el-select__caret {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tableFixed {
  ::v-deep .el-table__fixed-right {
    height: 100% !important;
  }

  ::v-deep .el-table__fixed {
    height: 100% !important;
  }

}

::v-deep .gantt-header-title {
  background-color: #fff;
  //border-left: 1px solid #eee !important;
  //border-bottom: 1px solid #eee !important;
}

</style>
<style>

.el-table .custom-row {
  background: #f8f8fa;
}

</style>

<!--<style>-->
<!--input[type=range]:focus {-->
<!--  display: none;-->
<!--}-->

<!--input[type=range] {-->
<!--  -webkit-appearance: none;-->
<!--  width: 500px;-->
<!--  border-radius: 10px;-->
<!--  /*这个属性设置使填充进度条时的图形为圆角*/-->
<!--}-->

<!--input[type=range]::-webkit-slider-runnable-track {-->
<!--  height: 20px;-->
<!--  border-radius: 10px;-->
<!--  /*将轨道设为圆角的*/-->
<!--  /* box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; */-->
<!--  border: solid 1px red;-->
<!--}-->

<!--input[type=range]::-webkit-slider-thumb {-->
<!--  -webkit-appearance: none;-->
<!--  height: 30px;-->
<!--  width: 120px;-->
<!--  margin-top: -5px;-->
<!--  /*使滑块超出轨道部分的偏移量相等*/-->
<!--  background: #ffffff;-->
<!--  /* border-radius: 50%; */-->
<!--  /*外观设置为圆形*/-->
<!--  border: solid 0.125em rgba(205, 224, 230, 0.5);-->
<!--  /*设置边框*/-->
<!--  /* box-shadow: 0 .125em .125em #3b4547; */-->
<!--  /*添加底部阴影*/-->
<!--}-->
<!--</style>-->

 src/views/produceManager/workOrder.vue

@@ -497,7 +497,8 @@
        </el-form-item>

        <el-form-item label="工单编号" prop="mesordercode">
          <el-input v-model="dialogForm.mesordercode" :disabled="operation!=='add'" style="width: 200px" />
          <!--          <el-input v-model="dialogForm.mesordercode" :disabled="operation!=='add'" style="width: 200px" />-->
          <el-input v-model="dialogForm.mesordercode" disabled style="width: 200px" />
        </el-form-item>
        <div style="display: flex">
          <el-form-item label="工单类型" prop="mesorderstus">
@@ -1772,7 +1773,7 @@
  ClosedMesOrder,
  DeleteMesOrder, MesBadOrderSearch, JobCreationSonAddVison,
  MesOrderSearch, PartSelectRoute, RouteSelectWkshop, SearchWorkStep, SelectRouteOrWkshop,
  SelectRouteStep
  SelectRouteStep, AddMesOrderCodeSearch
} from '@/api/produceManager'
import { InventoryFileAssociationRoute, PartSelect, SaveInventoryFile } from '@/api/makeModel'
import { handleDatetime, handleDatetime2, validateCode } from '@/utils/global'
@@ -2130,6 +2131,8 @@
    },
    // æ–°å¢žæŒ‰é’®
    async add(operation) {
      const { data: res } = await AddMesOrderCodeSearch()
      this.dialogForm.mesordercode = res
      this.operation = operation
      this.dialogVisible = true
      this.dialogForm.planstartdate = handleDatetime(new Date())

 src/views/purchasesManager/purchasesList.vue

@@ -171,7 +171,11 @@
            label="订单状态"
            width="110"
            sortable="custom"
          />
          >
            <template slot-scope="{row}">
              <div>{{ mesorderstusArr.find(i=>i.value===row.status).label }}</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="orderdate"
            label="单据日期"
@@ -312,6 +316,7 @@

      <div class="elTableDiv">
        <el-table
          ref="tableDataRef2"
          :data="tableDataDetail"
          border
          height="210px"
@@ -656,6 +661,7 @@
        }
        this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367
        this.$refs.tableDataRef.doLayout()
        this.$refs.tableDataRef2.doLayout()
      })
    },
    tableRowClassName({ row, rowIndex }) {