1.产能规划优化

loulijun2021

2022-11-05 c4b49d08cef0805e17646eef03e1c1a62316c3b2

 src/views/scgl/cngh.vue

@@ -19,6 +19,7 @@
                v-model="form.workshop"
                style="width: 200px"
                placeholder="请选择"
                @change="getWhkspIsEqpSearch"
              >
                <el-option
                  v-for="item in workshopArr"
@@ -33,12 +34,13 @@
                v-model="form.devicetype"
                style="width: 200px"
                placeholder="请选择"
                :disabled="form.workshop===''"
              >
                <el-option
                  v-for="item in devicetypeArr"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code"
                  :key="item.eqp_code"
                  :label="item.eqp_name"
                  :value="item.eqp_code"
                />
              </el-select>
            </el-form-item>
@@ -67,7 +69,7 @@
      <div class="elTableDiv">
        <el-table
          ref="tableDataRef"
          class="tableFixed"
          class="tableFixed table_only"
          :data="tableData"
          :style="{width: 100+'%',height:tableHeight+'px'}"
          border
@@ -120,6 +122,7 @@
            prop="CaptPlanShopCalendarList"
            label="工作日历"
            sortable="custom"
            min-width="300"
          >
            <template slot-scope="{row}">
              <date-picker
@@ -127,6 +130,7 @@
                :row-data="row"
                style="width: 100%;"
                :capacity-planning-search="CapacityPlanningSearch"
                @over="over"
              />
            </template>
          </el-table-column>
@@ -134,7 +138,7 @@
            prop="CaptPlanUser"
            label="创建人员"
            sortable="custom"
            width="160"
            width="120"
          />
          <el-table-column
            prop="CaptPlanDate"
@@ -145,7 +149,7 @@

          <el-table-column
            prop="CaptPlanStus"
            width="160"
            width="120"
            label="有效状态"
            sortable="custom"
          >
@@ -161,23 +165,6 @@
              <div v-else>/</div>
            </template>
          </el-table-column>

          <!--          <el-table-column-->
          <!--            label="操作"-->
          <!--            width="120"-->
          <!--            fixed="right"-->
          <!--          >-->
          <!--            <template slot-scope="{row}">-->
          <!--              <div class="operationClass">-->
          <!--                <el-tooltip class="item" effect="dark" content="编辑" placement="top">-->
          <!--                  <i class="el-icon-edit-outline" @click="edit('edit',row)" />-->
          <!--                </el-tooltip>-->
          <!--                <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">-->
          <!--                  <i class="el-icon-delete" @click="del(row)" />-->
          <!--                </el-tooltip>-->
          <!--              </div>-->
          <!--            </template>-->
          <!--          </el-table-column>-->
        </el-table>
      </div>
      <!--分页-->
@@ -195,7 +182,7 @@
    <el-dialog
      :title="operation==='setting'?'设置':'默认方案'"
      :visible.sync="dialogVisible"
      width="1280px"
      width="1360px"
      :close-on-click-modal="false"
      top="10vh"
      @closed="handleClose"
@@ -203,7 +190,9 @@
    >
      <el-button v-if="operation==='setting'" type="primary" @click="addRow">新增</el-button>
      <div class="elTableDiv">
        <!--        选择默认方案的时候是这个table-->
        <el-table
          v-if="operation!=='setting'"
          ref="tableDataDialogRef"
          class="tableFixedDialog"
          :data="tableDataDialog"
@@ -217,129 +206,169 @@
        >

          <el-table-column
            v-if="operation!=='setting'"
            width="50"
            fixed
          >
            <template slot-scope="{row}">
              <el-radio
                v-model="radioSelectedId"
                :label="row.hx"
                v-model="radioSelectedCode"
                :label="row.code"
                style="padding-left: 10px;"
                @change.native="getCurrentRowSource(row.hx)"
                @change.native="getCurrentRowSource(row.code)"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="famc"
            prop="code"
            label="方案编码"
            width="100"
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">{{ row.code }}</div>
              <el-input v-else v-model="row.code" placeholder="请输入" type="text" />
            </template>
          </el-table-column>
          <el-table-column
            prop="name"
            label="方案名称"
            width="150"
            fixed
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <el-input v-model="row.famc" :disabled="row.isVisible===0" type="text" />
              <div v-if="row.isVisible===0">{{ row.name }}</div>
              <el-input v-else v-model="row.name" placeholder="请输入" type="text" />
            </template>
          </el-table-column>
          <el-table-column
            prop="gzsc"
            prop="duration"
            label="工作时长"
            width="100"
            show-tooltip-when-overflow
          />
          >
            <template slot-scope="{row}">
              <div>{{ row.duration ? parseFloat(row.duration.toFixed(2)) : '0' }} 小时</div>
            </template>
          </el-table-column>

          <el-table-column
            prop="time1"
            prop="wktme1_start"
            label="工作时间一"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme1_start">{{ row.wktme1_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-model="row.time1"
                v-else
                v-model="row.wktme1_start"
                is-range
                :disabled="row.isVisible===0"
                :editable="false"
                :clearable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                format="HH:mm"
                @focus="val=>getTime(val,row,'time1')"
                @focus="val=>getTime(val,row,'wktme1_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="time2"
            prop="wktme2_start"
            label="工作时间二"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme2_start">{{ row.wktme2_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-model="row.time2"
                v-else-if="row.isVisible===1"
                v-model="row.wktme2_start"
                is-range
                :disabled="row.isVisible===0"
                :disabled="row.wktme1_start.length===0"
                :editable="false"
                :clearable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                format="HH:mm"
                @focus="val=>getTime(val,row,'time2')"
                @focus="val=>getTime(val,row,'wktme2_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="time3"
            prop="wktme3_start"
            label="工作时间三"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme3_start">{{ row.wktme3_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-model="row.time3"
                v-else-if="row.isVisible===1"
                v-model="row.wktme3_start"
                is-range
                :disabled="row.wktme2_start.length===0"
                :editable="false"
                :disabled="row.isVisible===0"
                :clearable="false"
                format="HH:mm"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @focus="val=>getTime(val,row,'time3')"
                @focus="val=>getTime(val,row,'wktme3_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="time4"
            prop="wktme4_start"
            label="工作时间四"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme4_start">{{ row.wktme4_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-model="row.time4"
                v-else-if="row.isVisible===1"
                v-model="row.wktme4_start"
                is-range
                :disabled="row.wktme3_start.length===0"
                format="HH:mm"
                :editable="false"
                :disabled="row.isVisible===0"
                :clearable="false"
                :editable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @focus="val=>getTime(val,row,'time4')"
                @focus="val=>getTime(val,row,'wktme4_start')"
              />

            </template>
          </el-table-column>
          <el-table-column
            prop="time5"
            prop="wktme5_start"
            label="工作时间五"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme5_start">{{ row.wktme5_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-model="row.time5"
                :disabled="row.isVisible===0"
                v-else-if="row.isVisible===1"
                v-model="row.wktme5_start"
                is-range
                :disabled="row.wktme4_start.length===0"
                :clearable="false"
                :editable="false"
                format="HH:mm"
                :clearable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @focus="val=>getTime(val,row,'time5')"
                @focus="val=>getTime(val,row,'wktme5_start')"
              />
            </template>
          </el-table-column>
@@ -351,9 +380,198 @@
          >
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-button v-if="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button>
                <el-button v-if="row.isVisible===0" type="text" @click="delRow(row)">删除</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button>
              </div>
            </template>
          </el-table-column>
        </el-table>
        <!--      设置的时候是这个table-->
        <el-table
          v-else
          ref="tableDataDialogRef"
          class="tableFixedDialog"
          :data="tableDataDialog"
          :style="{width: 100+'%',height:(tableHeight-200)+'px'}"
          border
          :height="(tableHeight-200)+'px'"
          :row-class-name="tableRowClassName"
          highlight-current-row
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
        >
          <el-table-column
            prop="code"
            label="方案编码"
            width="100"
            fixed
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">{{ row.code }}</div>
              <el-input v-else v-model="row.code" placeholder="请输入" type="text" />
            </template>
          </el-table-column>
          <el-table-column
            prop="name"
            label="方案名称"
            width="150"
            fixed
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">{{ row.name }}</div>
              <el-input v-else v-model="row.name" placeholder="请输入" type="text" />
            </template>
          </el-table-column>
          <el-table-column
            prop="duration"
            label="工作时长"
            width="100"
            show-tooltip-when-overflow
          >
            <template slot-scope="{row}">
              <div>{{ row.duration ? parseFloat(row.duration.toFixed(2)) : '0' }} 小时</div>
            </template>
          </el-table-column>

          <el-table-column
            prop="wktme1_start"
            label="工作时间一"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme1_start">{{ row.wktme1_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-else
                v-model="row.wktme1_start"
                is-range
                :editable="false"
                :clearable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                format="HH:mm"
                @blur="val=>getTime(val,row,'wktme1_start')"
                @focus="val=>getTime(val,row,'wktme1_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="wktme2_start"
            label="工作时间二"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme2_start">{{ row.wktme2_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-else-if="row.isVisible===1"
                v-model="row.wktme2_start"
                is-range
                :disabled="row.wktme1_start.length===0"
                :editable="false"
                :clearable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                format="HH:mm"
                @blur="val=>getTime(val,row,'wktme2_start')"
                @focus="val=>getTime(val,row,'wktme2_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="wktme3_start"
            label="工作时间三"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme3_start">{{ row.wktme3_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-else-if="row.isVisible===1"
                v-model="row.wktme3_start"
                is-range
                :disabled="row.wktme2_start.length===0"
                :editable="false"
                :clearable="false"
                format="HH:mm"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @blur="val=>getTime(val,row,'wktme3_start')"
                @focus="val=>getTime(val,row,'wktme3_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            prop="wktme4_start"
            label="工作时间四"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme4_start">{{ row.wktme4_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-else-if="row.isVisible===1"
                v-model="row.wktme4_start"
                is-range
                :disabled="row.wktme3_start.length===0"
                format="HH:mm"
                :clearable="false"
                :editable="false"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @blur="val=>getTime(val,row,'wktme4_start')"
                @focus="val=>getTime(val,row,'wktme4_start')"
              />

            </template>
          </el-table-column>
          <el-table-column
            prop="wktme5_start"
            label="工作时间五"
          >
            <template slot-scope="{row}">
              <div v-if="row.isVisible===0">
                <div v-if="row.wktme5_start">{{ row.wktme5_start }}</div>
                <div v-else>/</div>
              </div>
              <el-time-picker
                v-else-if="row.isVisible===1"
                v-model="row.wktme5_start"
                is-range
                :disabled="row.wktme4_start.length===0"
                :clearable="false"
                :editable="false"
                format="HH:mm"
                range-separator="~"
                start-placeholder="开始"
                end-placeholder="结束"
                @blur="val=>getTime(val,row,'wktme5_start')"
                @focus="val=>getTime(val,row,'wktme5_start')"
              />
            </template>
          </el-table-column>
          <el-table-column
            v-if="operation==='setting'"
            width="100"
            fixed="right"
            label="操作"
          >
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-button v-if="row.isVisible===0" type="text" @click="delRow(row)">删除</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button>
              </div>
            </template>
          </el-table-column>
@@ -362,39 +580,36 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">返 回</el-button>
          <el-button v-if="operation!=='setting'" type="primary" @click="dialogVisibleConfirm">确 定</el-button>
          <el-button
            v-if="operation!=='setting'"
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="dialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>

    <!--导入组件-->
    <import-picker
      ref="importPickerFunc"
      class="importPickerClass"
      :shows.sync="shows"
      :title="title_value"
      :colos="colos"
      :code="code"
    />

  </div>
</template>

<script>
import Pagination from '@/components/Pagination'
import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'
import { getCookie } from '@/utils/auth'
import ImportPicker from '@/components/ImportPicker'
import { validateCode } from '@/utils/global'
import $ from 'jquery'
import DatePicker from '@/components/DatePicker'
import { CapacityPlanningSearch } from '@/api/scgl'
import {
  CapacityPlanningSearch,
  CapacityPlanningSetupAddUpdate,
  CapacityPlanningSetupDelete,
  CapacityPlanningSetupSearch, CapacityPlanSubmit
} from '@/api/scgl'
import { DeviceTypeSelect, WorkShopSelect } from '@/api/sbgl'
import { handleDatetime3 } from '@/utils/global'
import { WhkspIsEqpSearch } from '@/api/jcsz'

export default {
  name: 'Zzjg',
  components: {
    Pagination, ImportPicker, DatePicker
    Pagination, DatePicker
  },
  data() {
    return {
@@ -419,14 +634,7 @@
      devicetypeArr: [],
      total: 10,
      tableData: [],

      dialogVisible: false,
      dialogForm: {
        // OrgType: '',
        // OrgCode: '',
        // OrgName: '',
        // SupUnit: ''// 上级单位
      },
      operation: '',
      pickerOptions: {
        disabledDate(time) {
@@ -436,82 +644,80 @@
          // return time.getTime() < Date.now(); // 不可选历史天、不可选当前天、可选未来天
        }
      },
      popoverVisible: false,
      available: null,
      nextMonth: null,

      tableDataDialog: [
        // {
        //   famc: '方案一',
        //   gzsc: '8小时',
        //   time1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)],
        //   time2: '',
        //   time3: '',
        //   time4: '',
        //   time5: ''
        // }
      ],
      radioSelectedId: '',

      title_value: '数据导入 / 点检部位',
      code: '4',
      shows: false
      tableDataDialog: [],
      radioSelectedCode: '',
      tempObj: {} // 临时对象，默认方案提交时使用

    }
  },
  watch: {
    shows() {
      if (!this.shows) {
        this.getCapacityPlanningSearch()
      }
    }
  },

  created() {

    this.handleRequest()
  },
  mounted() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()

    this.handleRequest()
    // this.getDialogData()
  },
  methods: {
    getCurrentRowSource() {

    // 子组件失焦时执行
    over(val) {
      if (val) {
        // console.log(val)
        this.getCapacityPlanningSearch()
      }
    },
    getDialogData() {
      let number = Math.random() * Math.random()// 作为删除时的标识符
      number = number === 0 ? (10 + Math.random()) : number
      this.tableDataDialog.push(
        {
          hx: 1,
          famc: '方案一',
          gzsc: '8小时',
          time1: [],
          time2: [],
          time3: [],
          time4: [],
          time5: [],
          number,
          isVisible: 0
        }
      )
    getCurrentRowSource(code) {
      this.radioSelectedCode = code
    },
    async getDialogData() {
      const { data: res } = await CapacityPlanningSetupSearch()
      this.tableDataDialog = res

      this.tableDataDialog.forEach(item => {
        let number = Math.random() * Math.random()// 作为删除时的标识符
        number = number === 0 ? (10 + Math.random()) : number
        item.number = number
        item.isVisible = 0
        item.duration = this.computingTime(item.wktme1_start, item.wktme2_start, item.wktme3_start, item.wktme4_start, item.wktme5_start)
      })
    },
    // 计算时间的方法  返回 多少小时
    computingTime(time1, time2, time3, time4, time5) {
      //   转成分钟计算
      const second1 = time1 ? calcTime(time1) : null
      const second2 = time2 ? calcTime(time2) : null
      const second3 = time3 ? calcTime(time3) : null
      const second4 = time4 ? calcTime(time4) : null
      const second5 = time5 ? calcTime(time5) : null
      return (second1 + second2 + second3 + second4 + second5) / 60

      // 两个时间差值  转化为分钟数
      function calcTime(val) {
        return (parseInt(val.split('~')[1].split(':')[0]) * 60 + parseInt(val.split('~')[1].split(':')[1])) - (parseInt(val.split('~')[0].split(':')[0]) * 60 + parseInt(val.split('~')[0].split(':')[1]))
      }
    },
    getTime(val, row, belong) {
      const res = this.getDt()
      if (belong === 'time1') {
        // row.time1.push(new Date(res.yyyy, res.MM, res.dd, '00', '00'))
        row.time1 = row.time1.length > 0 ? row.time1 : row.time1.push(new Date())
      } else if (belong === 'time2') {
        row.time2 = row.time2.length > 0 ? row.time2 : row.time2.push(new Date())
      } else if (belong === 'time3') {
        row.time3 = row.time3.length > 0 ? row.time3 : row.time3.push(new Date())
      } else if (belong === 'time4') {
        row.time4 = row.time4.length > 0 ? row.time4 : row.time4.push(new Date())
      } else if (belong === 'time5') {
        row.time5 = row.time5.length > 0 ? row.time5 : row.time5.push(new Date())
      // const res = this.getDt()
      if (belong === 'wktme1_start') {
        // row.wktme1_start.push(new Date(res.yyyy, res.MM, res.dd, '00', '00'))
        row.wktme1_start = row.wktme1_start.length > 0 ? row.wktme1_start : row.wktme1_start.push(new Date())
      } else if (belong === 'wktme2_start') {
        row.wktme2_start = row.wktme2_start.length > 0 ? row.wktme2_start : row.wktme2_start.push(new Date())
      } else if (belong === 'wktme3_start') {
        row.wktme3_start = row.wktme3_start.length > 0 ? row.wktme3_start : row.wktme3_start.push(new Date())
      } else if (belong === 'wktme4_start') {
        row.wktme4_start = row.wktme4_start.length > 0 ? row.wktme4_start : row.wktme4_start.push(new Date())
      } else if (belong === 'wktme5_start') {
        row.wktme5_start = row.wktme5_start.length > 0 ? row.wktme5_start : row.wktme5_start.push(new Date())
      }

      const duration = this.computingTime(handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]),
        row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : null,
        row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : null,
        row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : null,
        row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : null)
      row.duration = parseFloat(duration.toFixed(2))
      console.log(row.duration)
    },
    getDt() {
      const dt = new Date()
@@ -527,38 +733,101 @@
      return { yyyy: y, MM: m, dd: d, hh, mm }
    },
    addRow() {
      const temp = this.tableDataDialog.find(item => item.isVisible === 1)
      if (temp) {
        return this.$message.info('请先保存上一条记录！')
      }

      let number = Math.random() * Math.random()// 作为删除时的标识符
      number = number === 0 ? (10 + Math.random()) : number
      this.tableDataDialog.push(
        {
          hx: 2,
          famc: '方案xxx',
          gzsc: '8小时',
          time1: [],
          time2: [],
          time3: [],
          time4: [],
          time5: [],
          isVisible: 1
          RowNum: 2,
          code: '',
          name: '',
          duration: '',
          wktme1_start: [],
          wktme2_start: [],
          wktme3_start: [],
          wktme4_start: [],
          wktme5_start: [],
          isVisible: 1,
          number
        }
      )
    },
    editRow(row) {
      console.log(row)
      row.isVisible = 1
    cancelRow(row) {
      this.tableDataDialog.forEach((item, index) => {
        if (row.number === item.number) {
          this.tableDataDialog.splice(index, 1)
        }
      })
    },
    saveRow(row) {
      row.isVisible = 0
    },
    delRow(row) {
    async saveRow(row) {
      if (row.code.trim().toString().length === 0) {
        return this.$message.info('方案编码不能为空！')
      }
      if (row.name.trim().toString().length === 0) {
        return this.$message.info('方案名称不能为空！')
      }
      if (row.wktme1_start.length === 0) {
        return this.$message.info('工作时间不能为空，保存失败！')
      }
      // 保存时需要先判断工作时间后面的不能小于前面的
      // 先取出来存转化成分钟存成数组进行大小对比
      if (calcTime(handleDatetime3(row.wktme1_start[1]), handleDatetime3(row.wktme2_start[0]))) {
        return this.$message.info('工作时间二的开始时间小于了工作时间一的结束时间，保存失败！')
      }
      if (calcTime(handleDatetime3(row.wktme2_start[1]), handleDatetime3(row.wktme3_start[0]))) {
        return this.$message.info('工作时间三的开始时间小于了工作时间二的结束时间，保存失败！')
      }
      if (calcTime(handleDatetime3(row.wktme3_start[1]), handleDatetime3(row.wktme4_start[0]))) {
        return this.$message.info('工作时间四的开始时间小于了工作时间三的结束时间，保存失败！')
      }
      if (calcTime(handleDatetime3(row.wktme4_start[1]), handleDatetime3(row.wktme5_start[0]))) {
        return this.$message.info('工作时间五的开始时间小于了工作时间四的结束时间，保存失败！')
      }
      const Duration = this.computingTime(handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]),
        row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : null,
        row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : null,
        row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : null,
        row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : null)
      const data = {
        CapSetupCode: row.code,
        CapSetupName: row.name,
        OneStartDate: row.wktme1_start.length !== 0 ? handleDatetime3(row.wktme1_start[0]) + '~' + handleDatetime3(row.wktme1_start[1]) : '',
        TwoStartDate: row.wktme2_start.length !== 0 ? handleDatetime3(row.wktme2_start[0]) + '~' + handleDatetime3(row.wktme2_start[1]) : '',
        ThreeStartDate: row.wktme3_start.length !== 0 ? handleDatetime3(row.wktme3_start[0]) + '~' + handleDatetime3(row.wktme3_start[1]) : '',
        FourStartDate: row.wktme4_start.length !== 0 ? handleDatetime3(row.wktme4_start[0]) + '~' + handleDatetime3(row.wktme4_start[1]) : '',
        FiveStartDate: row.wktme5_start.length !== 0 ? handleDatetime3(row.wktme5_start[0]) + '~' + handleDatetime3(row.wktme5_start[1]) : '',
        Duration: parseFloat(Duration.toFixed(2))
      }
      const res = await CapacityPlanningSetupAddUpdate({ capacitylist: [data] })
      if (res.code === '200') {
        await this.getDialogData()
      }

      // 如果时间段二的开始时间小于时间段一的结束时间  则返回true,并且提示用户保存不了
      function calcTime(time1, time2) {
        const temp1 = parseInt(time1.split(':')[0]) * 60 + parseInt(time1.split(':')[1])
        const temp2 = parseInt(time2.split(':')[0]) * 60 + parseInt(time2.split(':')[1])
        return temp2 < temp1
      }
    },
    CapacityPlanningSearch() {
    async delRow(row) {
      const res = await CapacityPlanningSetupDelete({ capsetupcode: row.code })
      if (res.code === '200') {
        await this.getDialogData()
      }
    },
    async  CapacityPlanningSearch() {

    },
    handleRequest() {
      this.getCapacityPlanningSearch().then(res => {
        if (res.code === '200') {
          this.getWorkShopSelect()
          this.getDeviceTypeSelect()
          // this.getDeviceTypeSelect()
        }
      })
    },
@@ -567,7 +836,7 @@
      this.total = res.count
      this.tableData = res.data
      this.tableData.forEach(item => {
        item.CaptPlanShopCalendarList = item.CaiptPlanShopCalendarList ? item.CaptPlanShopCalendarList : []
        item.CaptPlanShopCalendarList = item.CaptPlanShopCalendarList ? item.CaptPlanShopCalendarList : []
      })

      return { code: res.code }
@@ -576,15 +845,21 @@
      const { data: res } = await WorkShopSelect()
      this.workshopArr = res
    },
    async getDeviceTypeSelect() {
      const { data: res } = await DeviceTypeSelect()
    // async getDeviceTypeSelect() {
    //   const { data: res } = await DeviceTypeSelect()
    //   this.devicetypeArr = res
    // },
    async  getWhkspIsEqpSearch(val) {
      this.form.devicetype = ''
      const { data: res } = await WhkspIsEqpSearch({ wkshpcode: val })
      this.devicetypeArr = res
    },
    mrfaSearch(row, operation) {
      console.log(row)
      this.operation = operation
      this.dialogVisible = true

      this.tempObj = row
      this.radioSelectedCode = row.CaptPlanWorkShiftCode
      this.getDialogData()
      this.$nextTick(() => {
        this.$refs.tableDataDialogRef.doLayout()
      })
@@ -606,14 +881,6 @@
    search() {
      this.getCapacityPlanningSearch()
    },
    // 导入按钮
    upload() {
      this.shows = true
      this.$refs.importPickerFunc.newDataFunc()
    },
    colos() {
      this.shows = false
    },
    // 重置
    reset() {
      this.form.workshop = ''
@@ -624,54 +891,16 @@
    setting(operation) {
      this.operation = operation
      this.dialogVisible = true

      this.getDialogData()
      this.$nextTick(() => {
        this.$refs.tableDataDialogRef.doLayout()
      })
    },
    // 新增按钮
    add(operation) {
      this.operation = operation
      this.dialogVisible = true
    },
    // 修改按钮
    edit(operation, row) {
      this.operation = operation
      this.dialogVisible = true

      this.$nextTick(() => {
        this.dialogForm.OrgCode = row.org_code
        this.dialogForm.OrgName = row.org_name
        this.dialogForm.SupUnit = row.parent_id
      })
    },
    // 删除按钮
    async del(row) {
      this.$confirm('是否确认删除?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        DeleteOrganization({ orgid: row.code }).then(res => {
          if (res.code === '200') {
            this.$message.success('删除成功!')
            if (this.form.page > 1 && this.tableData.length === 1) {
              this.form.page--
            }
            this.getCapacityPlanningSearch()
          }
        })
      }).catch(() => {
        this.$message.info('已取消删除')
      })
    },
    // 对话框关闭事件
    handleClose() {
      this.dialogForm.OrgType = ''
      this.dialogForm.OrgCode = ''
      this.dialogForm.OrgName = ''
      this.dialogForm.SupUnit = ''
      this.$refs.dialogForm.clearValidate()
      this.radioSelectedCode = ''
      this.tempObj = {}
      this.tableDataDialog = []
    },
    // 对话框取消
    dialogVisibleCancel() {
@@ -679,7 +908,21 @@
    },
    // 对话框确认
    dialogVisibleConfirm() {
      this.dialogVisible = false
      const data = {
        wkshopcode: this.tempObj.CaptPlanWorkShopid,
        capunitcode: this.tempObj.CaptPlanDeviceTypeid,
        captplanid: this.tempObj.CaptPlanId ? this.tempObj.CaptPlanId : '',
        capsetupcode: this.radioSelectedCode,
        captplantype: this.tempObj.CaptPlanType
      }
      this.$store.state.app.buttonIsDisabled = true
      CapacityPlanSubmit(data).then(res => {
        if (res.code === '200') {
          this.dialogVisible = false
          this.$store.state.app.buttonIsDisabled = false
          this.getCapacityPlanningSearch()
        }
      })
    },
    // 获取页面高度
    getHeight() {
@@ -828,9 +1071,22 @@
  }
}
</style>
<style>
<style lang="scss">

.el-table .custom-row {
  background: #f8f8fa;
}
.table_only{
  overflow: visible !important;
  .el-table__body-wrapper{
    overflow: visible !important
  }
}
/*为了让面板在超出区域可显示*/
/*.el-table__body-wrapper{*/
/*  overflow: visible !important*/
/*}*/
/*.table_only{*/
/*overflow: visible !important*/
/*}*/
</style>