<template>
  <el-container>
    <el-header style="width: 100%; height: 70px;font-size: 12px">
      <el-form :inline="true"  label-width="65px"  label-position="left">
        <el-row >
          <el-col :span="19">
            <el-form-item label="船号:">
              <el-select v-model="queryParam.dcCh1" filterable  placeholder="工程编号"  >
                <el-option
                  v-for="item in dictData"
                  :key="item.cbbm"
                  :label="item.cbbm"
                  :value="item.cbbm">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="批量:">
              <el-input v-model="queryParam.dcPl" type="search" placeholder="批量" ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" >
            <el-form-item style="float: right" >
              <el-button type="success" @click="initList">查询</el-button>
              <el-button type="success" @click="initList">保存</el-button>
              <el-button  type="success" @click="sygdPC()" > 三月明细预排产 </el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="4" >
            <el-form-item label="跨位:">
              <el-select v-model="queryParam.dcCh1" filterable  placeholder="工程编号"  >
                <el-option
                  v-for="item in dictData"
                  :key="item.cbbm"
                  :label="item.cbbm"
                  :value="item.cbbm">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="10" >
            <el-form-item label="时间:">
            <el-date-picker v-model="queryParam.startTime" value-format="yyyy/MM/dd" type="date"  style="width: 33%" />
            <span  style="font-size: 13px;color: #606266; margin-left: 4px;margin-right: 4px">至</span>
            <el-date-picker v-model="queryParam.endTime" value-format="yyyy/MM/dd" type="date" style="width: 33%" />
            </el-form-item>
          </el-col>
          <el-col :span="10" >
            <el-form-item style="float: right" >
              <el-button type="success" @click="initList">提取跨位信息</el-button>
              <el-button type="success" @click="initList">生成三月滚动</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-header>
    <el-container  style="padding-top: 0px">
        <el-main>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="中日程分解" name="first">
              <div class="mytable">
                <vxe-grid
                  id="id"
                  ref="xGrid"
                  border
                  resizable
                  keep-source
                  :align="'center'"
                  :height="height"
                  :auto-resize="true"
                  :columns="tableColumn"
                  highlight-current-row
                  :data="list"
                  :custom-config="{ storage: true }"
                  highlight-hover-row
                  show-overflow
                  show-header-overflow

                >


                </vxe-grid>
              </div>
            </el-tab-pane>
            <el-tab-pane label="跨位生产信息" name="second">
              <div class="mytable">
                <vxe-grid
                  id="id1"
                  ref="xGrid1"
                  border
                  resizable
                  keep-source
                  :align="'center'"
                  :height="height"
                  :auto-resize="true"
                  :columns="tableColumn1"
                  highlight-current-row
                  :data="list1"
                  :custom-config="{ storage: true }"
                  highlight-hover-row
                  show-overflow
                  show-header-overflow
                >
                </vxe-grid>
              </div>
            </el-tab-pane>
          </el-tabs>

        </el-main>
    </el-container>
    <!-- 弹出层-->
    <vxe-modal v-model="dialogVisible" width="600" :title="title">
      <template #default>
        <el-row class="query_wrapper">
          <el-row>
            <el-button  size="small" style="float: right;margin-bottom: 5px;margin-right: 5px;" type="success" @click="saveByDcch">保存</el-button>
          </el-row>
        </el-row>
        <div class="mytable">
          <vxe-table
            ref="tableRef"
            auto-resize
            show-header-overflow
            show-overflow
            height="300"
            :row-config="{isHover: true}"
            :column-config="{resizable: true}"
            @checkbox-change="checkboxChangeEvent"
            :data="selectMbch.no_tlt_ch">
            <vxe-column type="seq" width="50" ></vxe-column>
            <vxe-column field="dcCh" title="船号" width="150"></vxe-column>
            <vxe-column align="center" field="dcCh1" title="目标船号" width="300">
              <template #default="{ row }" >
                <vxe-select v-model="row.dcCh1" style="width: 80%;height: 30px;margin-bottom: 2px"  transfer>
                  <vxe-option
                    v-for="item in haveTltBoms"
                    :key="item.dcch"
                    :value="item.dcch"
                    :label="item.dcch"
                  />
                </vxe-select>
              </template>
            </vxe-column>
          </vxe-table>
        </div>
      </template>
    </vxe-modal>
  </el-container>
</template>

<script>
import {  getCzxx} from '@/api/jhzx/qfxq'
import {  getList,sygdPC,saveByDcch} from '@/api/jhzx/sygd'


import { mapGetters } from 'vuex'
import XEUtils from 'xe-utils'
import { getToken } from '@/utils/auth'
import { startLoading, endLoading } from '@/utils'
import { Message } from 'element-ui'
export default {
  name:'SymxCX',
  data() {
    return {
      dialogVisible:false,
      title:'选择目标船只',
      selectMbch:[],
      haveTltBoms:[],
      activeName: 'first',
      queryParam: {
        dcCh1:'',
        dcPl:''
      },
      list: [],
      list1: [],
      heads: { token: getToken() },
      dictData:[],
      height: '500px',
      tableColumn:[
        { type: 'seq', width: 60, title: '序号',fixed: "left"},
        { field: 'dcCh', title: '船号',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dcCh1', title: '目标船号',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},//数据来源船，真实数据时，为空
        { field: 'dcPl', title: '批量',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dcFd', title: '分段号',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'lqlb', title: '领取类型',width: 80,formatter: ['dictFormat','CLlQ'],
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'lx', title: '物资类型',width: 80,formatter:this.formatterLx,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'zl', title: '组立',width: 80,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: 80,
          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: '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: 'jssj', 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: 'qgcd', 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: 'jsqTlt', title: '套料图接收',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'jsqLqb', title: '领取表接收',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dhqd', 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: 'orderBs', title: '订货数量',width: 80,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'arrivalBs', title: '到货数量',width: 80,
          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: 'qy', title: '区域',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        // { field: 'kw', title: '跨位',width: 100,formatter: ['dictFormat','KWXX']},
        { field: 'slrq', title: '上料日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'slry', title: '上料人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        // { field: 'pw', title: '抛丸',width: 100},
        { field: 'jzbs', 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', }},
        { field: 'jzry', title: '矫正人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'jzrq', title: '矫正日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pw', title: '抛丸',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pwsb', title: '抛丸设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pwry', title: '抛丸人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'pwrq', title: '抛丸日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},

        { field: 'hxcdCk', title: '划线空程长度(米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'hxsb', title: '划线设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'hxry', title: '划线人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'hxrq', title: '划线日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},

        { field: 'qgcdCk', title: '切割空程长度（米)',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qgsb', title: '切割设备',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qgry', title: '切割人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'qgrq', title: '切割日期',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { 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', }},
        { field: 'pkry', title: '坡口人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { 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', }},
        { field: 'qjgry', title: '曲加工人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { 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', }},
        { field: 'dmry', title: '打磨人员',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: 'dmrq', 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: 'gxsj', title: '数据更新时间',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
  ],
      tableColumn1:[
        { type: 'seq', width: 60, title: '序号',fixed: "left"},
        { field: '', title: '日期',width: 120,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: '', title: '区域',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: '', title: '跨位',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        // { field: '', title: '功能定位',width: 120,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination', }},
        { field: '', title: '设备编号',width: 120,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: '', title: '设备名称',width: 120,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        // { field: '', title: '人员',width: 100,
        //   filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
        //   filterRender: { name: 'FilterCombination', }},

        { field: '', title: '加工数量',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: '', title: '产能',width: 100,
          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
          filterRender: { name: 'FilterCombination', }},
        { field: '', 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()
  },
  watch: {
    '$route'(){
      this.getParams();
    }
  },
  methods: {
    saveByDcch(){

      // for (var a of this.selectMbch.no_tlt_ch){
      //       if(!a.dcCh1){
      //         this.$message.warning('请为'+a.dcCh+'选择目标船只编号')
      //         this.dialogVisible=true;
      //         return
      //       }
      // }

      saveByDcch(this.selectMbch).then((res) => {
        this.list = res.data
        if (this.$refs.xGrid) {
          this.$refs.xGrid.loadData(this.list)
        }

      })
      this.dialogVisible=false;
    },
    checkboxChangeEvent(){
      const $table = tableRef.value
      if ($table) {
        selectRecords.value = $table.getCheckboxRecords()
      }
    },
    handleClick(tab, event) {
      console.log(tab, event)
    },
    getParams(){
      var a=[]
        a= this.$route.params.list
      if (a===undefined){
        return;
      }
      this.list=a
      if (this.$refs.xGrid) {
        this.$refs.xGrid.loadData(this.list)
      }
    },
    formatterLx({cellValue}){
      if(cellValue==='B'){
        return '板材'
      }
      if (cellValue==='X'){
        return '型材'
      }
      return cellValue
    },
    initBase(){
      getCzxx({}).then(res=>{
        this.dictData = res.data
      })
    },
    initList() {
      // if (this.queryParam.dcCh1 === '') {
      //     this.$message.warning('选择船只编号')
      //   return
      // }
      // getList(this.queryParam).then((res) => {
      //   this.list = res.data
      //   if (this.$refs.xGrid) {
      //     this.$refs.xGrid.loadData(this.list)
      //   }
      //
      // })
    },
    formatDate ({ cellValue }) {
      return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
    },
    getHeight() {
      this.height = window.innerHeight - 220
    },
    sygdPC() {
      //TODO
      this.$store.dispatch('app/closeSideBar',true)
      sygdPC().then((res) => {
        if(res.data.no_tlt){
          this.selectMbch=res.data
          this.haveTltBoms=res.data.haveTltBoms
          this.dialogVisible=true;
        }else {
          this.list = res.data.mxList
          if (this.$refs.xGrid) {
            this.$refs.xGrid.loadData(this.list)
          }
        }
      })
    }
  }
}
</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;

}
.mytable1{

}
.borderClass{

}
.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>
