<template>
  <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"
      :cell-style="cellStyle2"
      highlight-current-row
      highlight-hover-row
      show-overflow
      :scroll-y="{enabled: true}"
    >
    </vxe-grid>
  </div>
</template>

<script>
export default {
  name:'Sygdxqjh',
  props:{
    height:String,
    list:Array,
  },
  data(){
    return {
      tableColumn: [
        {type: 'seq', width: 60, title: '序号', fixed: "left"},
        {
          field: 'dcCh', title: '船号', minWidth: "70",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'dcCh1', title: '目标船号', minWidth: "90",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },//数据来源船，真实数据时，为空
        {
          field: 'dcPl', title: '批量', minWidth: "70",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'dcFd', title: '分段号', minWidth: "150",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'zl', title: '组立', minWidth: "70", formatter: ['dictFormat', 'ZLLB'],
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'jssj', title: '钢料滚动需求期(小组)', minWidth: "160",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          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: '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: 90,
          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: '划线长度(米)', minWidth: "110",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'hxcdKc', title: '划线空程长度(米)', minWidth: "140",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'qgcd', title: '切割长度（米)', minWidth: "120",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'qgcdKc', title: '切割空程长度（米)', minWidth: "140",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'slrq', title: '上料计划日期', minWidth: "120",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'pwrq', title: '抛丸计划日期', minWidth: "120",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'hxrq', title: '划线计划日期', minWidth: "120",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'qgrq', title: '切割计划日期', minWidth: "120",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'pkcd', title: '坡口长度', minWidth: "110",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
        {
          field: 'pkrq', title: '坡口计划日期', minWidth: "130",
          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: 'dmrq', title: '打磨计划日期', minWidth: "130",
          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: 'qjgrq', title: '曲加工计划日期', minWidth: "140",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },

        {
          field: 'gjjsDz', title: '钢料滚动需求期(大组)', minWidth: "160",
          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: '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: '数据更新时间', minWidth: "130",
          filters: [{
            data: {
              checks: [],
              sVal: '',
              sMenu: '',
              fType1: '',
              fVal1: '',
              fMode: 'and',
              fType2: '',
              fVal2: ''
            }
          }],
          filterRender: {name: 'FilterCombination',}
        },
      ],
    }
  },
  methods:{
    // 全选
    selectAllEvent() {
      const records = this.$refs.xGrid.getCheckboxRecords();
      this.checkedList = records;
    },
    // 单选
    selectChangeEvent() {
      const records = this.$refs.xGrid.getCheckboxRecords();
      this.checkedList = records;
    },
    cellStyle2({row}) {
      if (this.gcrl.includes(row.jssj)) {
        return {
          color: 'red',
          cursor: 'pointer'
        }
      }
    },
  }
}
</script>
