<template>
  <!--  月度计划管理 -->
  <el-container>
    <el-header style="width: 100%; height: auto;font-size: 12px">
      <el-form :inline="true"  label-width="100px"  label-position="left">
        <el-row>
          <el-col :span="4">
            <el-form-item label="分段钢料需求月份:">
              <el-date-picker v-model="queryParam.yf" value-format="yyyy/MM/dd" type="month" />
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item>
              <el-switch
                v-model="bgControl"
                active-text="报工完成查看下道序"
                inactive-text="随时查看"
                active-value="1"
                inactive-value="0"
                @change="bgControlChange"
              />
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item style="float: right" >
              <el-button type="success" @click="initList">查询</el-button>
              <el-button type="success" @click="tjydjh">提交月度计划</el-button>
              <el-button type="success" @click="save">保存</el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="上料计划日期:">
              <el-date-picker v-model="plParam.sljhrq" value-format="yyyy/MM/dd" format="yyyy/MM/dd"  type="date"/>
            </el-form-item>
            <el-form-item label="抛丸计划日期:">
              <el-date-picker v-model="plParam.pwjhrq" value-format="yyyy/MM/dd" format="yyyy/MM/dd"  type="date"/>
            </el-form-item>
            <el-form-item label="划线计划日期:">
              <el-date-picker v-model="plParam.hxjhrq" value-format="yyyy/MM/dd" format="yyyy/MM/dd"  type="date"/>
            </el-form-item>
            <el-form-item label="切割计划日期:">
              <el-date-picker v-model="plParam.qgjhrq" value-format="yyyy/MM/dd" format="yyyy/MM/dd"  type="date"/>
            </el-form-item>
            <el-form-item>
              <el-select v-model="plParam.zyq" filterable  placeholder="作业区">
                <el-option
                  v-for="(item,index) in zyqList"
                  :key="index"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item>
              <el-button type="success" @click="plsr">批量录入</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-header>
    <el-container  style="padding-top: 0px">
      <el-main>
        <el-button type="success" @click="symxhz">准备检查</el-button>
        <div class="mytable">
          <vxe-grid
            id="id"
            ref="xGrid"
            border
            resizable
            keep-source
            :align="'center'"
            :height="height"
            :auto-resize="true"
            :columns="tableColumn"
            :data="list"
            :custom-config="{ storage: true }"
            :edit-config="{trigger: 'click',mode: 'row',showStatus: true,}"
            @checkbox-all="selectAllEvent"
            @checkbox-change="selectChangeEvent"
            :row-class-name="rowClassName"
            highlight-current-row
            highlight-hover-row
            show-overflow
            :scroll-y="{enabled: true}"
          >
          </vxe-grid>
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import { getCzxx} from '@/api/jhzx/qfxq'
import {getYdjh, tjydjh, getCnsb, hz, saveData} from '@/api/jhzx/sygd'
import { mapGetters } from 'vuex'
import XEUtils from 'xe-utils'
import { getToken } from '@/utils/auth'
import ScrollPane from "@/layout/components/TagsView/ScrollPane.vue";
import {bgControl} from "@/api/zyjh";
import {editZyq} from "@/api/jhzxgl/ydjh";

export default {
  name:'YdjhzxGL',
  components: {ScrollPane},
  data() {
    return {
      dialogVisible:false,
      title1:'修改明细信息',
      selectMbch:[],
      mxList:[],
      haveTltBoms:[],
      activeName: 'first',
      plParam:{
        sljhrq:null,
        pwjhrq:null,
        hxjhrq:null,
        qgjhrq:null,
        zyq:'',
      },
      bgControl:'1',
      queryParam: {
        dcch:'',
        yf:'',
        zt: '11'
      },
      zyqList:[
        {label:'二区',value:'FP2Q'},
        {label:'三区',value:'FP3Q'},
        {label:'四区',value:'FP4Q'},
      ],
      list: [],
      list2: [],
      list3: [],
      list4: [],
      list5: [],
      list6: [],
      checkedList: [],
      heads: { token: getToken() },
      dictData:[],
      sbxx:{},
      height: '500px',
      tableColumn:[
        { type: 'checkbox', width: 50 ,},
        { type: 'seq', width: 60, title: '序号'},
        { field: 'jhlx', title: '计划类型',width: 70,formatter:this.formatterZt,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dcCh', title: '船号',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        // { field: 'dcCh1', title: '目标船号',width: 90,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination', }},//数据来源船，真实数据时，为空
        { field: 'dcPl', title: '批量',width: 60,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dcFd', title: '分段号',width: 60,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'zl', title: '组立',width: 70,formatter: ['dictFormat','ZLLB'],
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'kw', title: '跨位',width: 80,formatter: ['dictFormat','QGKW'],
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'tzbh', title: '套料图号',width: 70,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'ylbs', title: '余料',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'jssj', title: '分段钢料需求',width: 110,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'sljhrq', title: '上料计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
          editRender:{ name: '$input', props: { type: 'date',labelFormat:"yyyy/MM/dd",valueFormat:"yyyy/MM/dd" }}
        },
        { field: 'pwjhrq', title: '抛丸计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
          editRender:{ name: '$input', props: { type: 'date',labelFormat:"yyyy/MM/dd",valueFormat:"yyyy/MM/dd" }}
        },
        { field: 'hxjhrq', title: '划线计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
          editRender:{ name: '$input', props: { type: 'date',labelFormat:"yyyy/MM/dd",valueFormat:"yyyy/MM/dd" }}
        },
        { field: 'qgjhrq', title: '切割计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
          editRender:{ name: '$input', props: { type: 'date',labelFormat:"yyyy/MM/dd",valueFormat:"yyyy/MM/dd" }}
        },
        { field: 'zyq', title: '作业区',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
          editRender:{ name: '$select', options:[],events:{change:this.zyqChange,}},
        },
        { field: 'lqlb', title: '领取类型',width: 90,formatter: ['dictFormat','CLlQ'],
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'lx', title: '物资类型',width: 90,formatter:this.formatterLx,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'wpgg', title: '规格',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'bcshzl', title: '重量',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'wpxh', title: '材质',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],},
        { field: 'xcms', title: '型材米数',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'jzbs', title: '矫正标识',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'hxcd', title: '划线长度(米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'hxcdKc', title: '划线空程长度(米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qgcd', title: '切割长度（米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qgcdKc', title: '切割空程长度（米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'jzsb', title: '矫正设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' },editRender: { name: "$select",options: [],props: { clearable: true} }},
        { field: 'pwsb', title: '抛丸设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination'  },editRender: { name: "$select",options: [],props: { clearable: true}}},
        { field: 'hxsb', title: '划线设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },editRender: { name: "$select",options: [],props: { clearable: true,}}},
        { field: 'qgsb', title: '切割设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },editRender: { name: "$select",options: [],props: { clearable: true,}}},
        { field: 'pklx', title: '坡口类型',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pkcd', title: '坡口长度',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pksb', title: '坡口设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },editRender: { name: "$select",options: [],props: { clearable: true,}}},
        { field: 'pkrq', title: '坡口计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qbs', title: '曲标识',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qjgsb', title: '曲加工设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },editRender: { name: "$select",options: [],props: { clearable: true,}}},
        { field: 'qjgrq', title: '曲加工计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dmcd', title: '打磨长度',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dmsb', title: '打磨设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },editRender: { name: "$select",options: [],props: { clearable: true,}}},
        { field: 'dmrq', title: '打磨计划日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'gjjsDz', title: '钢加大组结束',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'gjjsXz', title: '钢加小组结束',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'ljsl', title: '零件数量',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'gjks', title: '钢加开始',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dcCh2', title: '本船号',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},//没有真实数据时，为空
        { field: 'zt', title: '状态',width: 70,formatter: ['dictFormat','SYZT'],
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'gxsj', title: '数据更新时间',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pgdTzjh.lqbxfrq', title: '领取表下发日期', width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.lqbjsrq', title: '领取表接收日期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.tltxfrq', title: '套料图下发日期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.tltjsrq', title: '套料图接收日期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.qgxqrq', title: '切割需求日期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.qfxqrqxz', title: '分段钢料需求小组期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'pgdTzjh.qfxqrqdz', title: '分段钢料需求大组期', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        { field: 'color', title: 'color', width: 150,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', },
        },
        {
          field: 'sczt',
          title: '生产状态',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slxzxqrq',
          title: '上料小组需求期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'sldzxqrq',
          title: '上料大组需求期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slkcdw',
          title: '上料库存垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slcs',
          title: '上料层数',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slxhth',
          title: '上料小合同号',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slhth',
          title: '上料合同号',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slwlh',
          title: '上料物料号',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slkcxx',
          title: '上料库存信息',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slycldw',
          title: '上料预处理垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slpgry',
          title: '上料派工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slfkry',
          title: '上料反馈人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slfkrq',
          title: '上料反馈日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'slbz',
          title: '上料备注',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwxcldw',
          title: '抛丸库存垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwcs',
          title: '抛丸层数',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwpgry',
          title: '抛丸派工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwpgrq',
          title: '抛丸派工日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwfkry',
          title: '抛丸反馈人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwfkrq',
          title: '抛丸反馈日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pwbz',
          title: '抛丸备注',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'lldw',
          title: '理料垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llcs',
          title: '理料层数',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llpgry',
          title: '理料派工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llpgrq',
          title: '理料派工日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llry',
          title: '理料施工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llfkry',
          title: '理料反馈人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llfkrq',
          title: '理料反馈日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'llbz',
          title: '理料备注',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxdw',
          title: '划线垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxcs',
          title: '划线层数',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxpgry',
          title: '划线派工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxpgrq',
          title: '划线派工日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxfkrq',
          title: '划线反馈日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'hxfkry',
          title: '划线反馈人员',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        // {
        //   field: 'hxjybs',
        //   title: '划线借用标识',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjych',
        //   title: '划线借用船号',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjypl',
        //   title: '划线借用批量',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjyfd',
        //   title: '划线借用分段',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjyzl',
        //   title: '划线借用组立',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjykw',
        //   title: '划线借用跨位',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'hxjytlth',
        //   title: '划线借用套料图号',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        {
          field: 'hxbz',
          title: '划线备注',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgdw',
          title: '切割垛位',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgcs',
          title: '切割层数',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgpgry',
          title: '切割派工人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgpgrq',
          title: '切割派工日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgfkry',
          title: '切割反馈人',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgfkrq',
          title: '切割反馈日期',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'qgbz',
          title: '切割备注',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        // {
        //   field: 'qgjybs',
        //   title: '切割借用标识',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjych',
        //   title: '切割借用船号',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjypl',
        //   title: '切割借用批量',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjyfd',
        //   title: '切割借用分段',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjyzl',
        //   title: '切割借用组立',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjykw',
        //   title: '切割借用跨位',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        // {
        //   field: 'qgjytlth',
        //   title: '切割借用套料图号',
        //   width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination' }
        // },
        {
          field: 'qjgbs',
          title: '曲加工标识',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'pkbs',
          title: '坡口标识',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
        {
          field: 'ycbs',
          title: '型材标识',
          width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination' }
        },
      ],
    }
  },
  computed: {
    ...mapGetters(['name', 'bmbm'])
  },
  created() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()
    this.initBase()
  },
  methods: {
    zyqChange({row}){
      for (const item of this.zyqList) {
        if(item.value===row.zyq){
          row.zyq1=item.label
          const data={
            id:row.id,
            zyq:row.zyq,
            zyq1:item.label
          }
          editZyq(data).then(res=>{
            this.$message.success('处理成功')
          })
          break
        }
      }
    },
    bgControlChange(val){
      bgControl({gx:val})
    },
    plsr(){
      const data=this.$refs.xGrid.getCheckboxRecords()
      if (data.length===0){
        this.$message.warning('请选择要调整的数据')
        return
      }
      for (const item of data) {
        item.sljhrq=this.plParam.sljhrq||item.sljhrq
        item.pwjhrq=this.plParam.pwjhrq||item.pwjhrq
        item.hxjhrq=this.plParam.hxjhrq||item.hxjhrq
        item.qgjhrq=this.plParam.qgjhrq||item.qgjhrq
        item.zyq=this.plParam.zyq||item.zyq
        for (const item of this.zyqList) {
          if(item.value===this.plParam.zyq){
            item.zyq1=item.label
          }
        }
      }
    },
    formatterZt({cellValue}){
      if(cellValue==='0'){
        return '正常'
      }
      if(cellValue==='1'){
        return '提前'
      }
      if (cellValue==='2'){
        return '拖期'
      }
      if (cellValue==='3'){
        return '追加'
      }
      return cellValue
    },
    tjydjh(){

      if (this.checkedList.length<1){
        this.$message.warning('请选择要提交的信息！');
        return
      }
      tjydjh(this.checkedList).then((res)=>{
        this.initList()
      })
    },
    //汇总
    symxhz(){
      if (this.list.length<1){
        this.$message.warning('请先查询需要汇总的信息！');
        return
      }
      const data={
        from:this.queryParam.yf,
        to:XEUtils.toDateString(XEUtils.getWhatMonth(this.queryParam.yf,0,'last'),'yyyy/MM/dd')
      }
      hz(data).then((res) => {
        if (res.data) {
          this.list2=res.data.tzjhList
          this.list3=res.data.dhList
          this.list4=res.data.slList
          this.list5=res.data.pwList
          this.list6=res.data.qgList
          this.list=res.data.list
        }
      })
    },
    // 全选
    selectAllEvent() {
      const records = this.$refs.xGrid.getCheckboxRecords();
      this.checkedList = records;
    },
    // 单选
    selectChangeEvent() {
      const records = this.$refs.xGrid.getCheckboxRecords();
      this.checkedList = records;
    },

    //修改明细信息；根据修改后的设备信息；重新排计划期
    save(){
      const data=this.$refs.xGrid.getCheckboxRecords()
      if (data.length===0){
        this.$message.warning('请选择要保存的数据')
        return
      }
      saveData(data).then(res=>{
        this.$message.success('保存成功')
        this.initList()
      })
    },
    //材料类型转码
    formatterLx({cellValue}){
      if(cellValue==='B'){
        return '板材'
      }
      if (cellValue==='X'){
        return '型材'
      }
      return cellValue
    },
    //转码信息
    initBase(){
      bgControl({gx:null}).then(res=>{
        this.bgControl=res.data||'1'
      })
      getCzxx({}).then(res=>{
        this.dictData = res.data
      })
      getCnsb().then(res=>{
        this.sbxx = res.data
        const tableRef = this.$refs.xGrid.getColumnByField('dcCh');
      })
      var date = new Date();
      var Y = date.getFullYear() + "/";
      var M = (date.getMonth() + 2 < 10 ? "0" + (date.getMonth() + 2) : date.getMonth() + 2)+ "/";
      var D = date.getDate()<10?  "0" +date.getDate():date.getDate();
      // this.queryParam.yf = Y + M + D;
      this.queryParam.yf= XEUtils.toDateString(XEUtils.getWhatMonth(new Date(), 0, 'first'),'yyyy/MM/dd')
    },
    //初始化表1 数据
    initList() {
      if (this.queryParam.yf === '') {
        this.$message.warning('选择时间范围')
        return
      }
      getYdjh(this.queryParam).then((res) => {
        const zyqColumn=this.$refs.xGrid.getColumnByField('zyq')
        zyqColumn.editRender.options=this.zyqList
        this.list = res.data
        if (this.$refs.xGrid) {
          this.$refs.xGrid.loadData(this.list)
        }
      })
      this.activeName='first'
    },
    formatDate ({ cellValue }) {
      return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
    },
    getHeight() {
      this.height = window.innerHeight - 190
    },
    rowClassName({ row, rowIndex ,column}){
      if(row.color==='red'){
        return 'row-red'
      }else if(row.color==='yellow'){
        return 'row-yellow'
      }

    },
  }
}
</script>
<style lang="scss" scoped >
.el-header{margin:0;padding: 5px;height:auto;
  .el-input{
    width: 140px;
  }
  .el-select{
    width: 140px;
  }

}
.el-container{padding: 0;margin:0;}
.el-main{padding: 0;}
.el-col{padding: 0;height: 32px;}
.el-aside{background: #fff;padding: 0}
.el-container{padding: 0}
.el-row {}
.el-row:last-child {margin-bottom: 0; }

.tableStyles{
  background: #0a76a4;
}

.my-dropdown {
  width: 400px;
  height: 400px;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
  font-size: 12px;

}
.vxe-input {
  display: inline-block !important;
  position: relative !important;
  width: auto;
}
.el-input {
  display: inline-block !important;
  position: relative !important;
  width: auto;
}
.keyword-lighten {
  color: #000;
  background-color: #FFFF00;
}

.vxe-textarea--inner {
  line-height: inherit;
}
.el-form-item__label-wrap {
  margin-left: 0px !important;
  float: left;
}
.fontClass{
  font-size: 12px;
  font-weight: bold;
}


</style>
