<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="月度计划" name="first">
      <div class="mytable">
        <el-button type="success" @click="symxhz">汇总</el-button>
        <Ydjh />
      </div>
    </el-tab-pane>
    <el-tab-pane label="图纸信息" name="second">
      <div class="mytable">
        <vxe-grid
          id="id2"
          ref="xGrid2"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn2"
          :data="list2"
          :custom-config="{ storage: true }"
          highlight-current-row
          highlight-hover-row
          show-overflow
          :scroll-y="{enabled: true}"
        >
        </vxe-grid>
      </div>
    </el-tab-pane>
    <el-tab-pane label="到货信息" name="third">
      <div class="mytable">
        <vxe-grid
          id="id3"
          ref="xGrid3"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn3"
          highlight-current-row
          :data="list3"
          :custom-config="{ storage: true }"
          highlight-current-row
          highlight-hover-row
          show-overflow
          :scroll-y="{enabled: true}"
        >
        </vxe-grid>
      </div>
    </el-tab-pane>
    <el-tab-pane label="上料信息" name="fourth">
      <div class="mytable">
        <vxe-grid
          id="id4"
          ref="xGrid4"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn4"
          highlight-current-row
          :data="list4"
          :custom-config="{ storage: true }"
          highlight-hover-row
          show-overflow
          show-header-overflow
          :scroll-y="{enabled: true}"
        >
        </vxe-grid>
      </div>
    </el-tab-pane>
    <el-tab-pane label="抛丸信息" name="fifth">
      <div class="mytable">
        <vxe-grid
          id="id5"
          ref="xGrid5"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn5"
          highlight-current-row
          :data="list5"
          :custom-config="{ storage: true }"
          highlight-hover-row
          show-overflow
          show-header-overflow
          :scroll-y="{enabled: true}"
        >
        </vxe-grid>
      </div>
    </el-tab-pane>
    <el-tab-pane label="切割信息" name="sixth">
      <div class="mytable">
        <vxe-grid
          id="id6"
          ref="xGrid6"
          border
          resizable
          keep-source
          :align="'center'"
          :height="height"
          :auto-resize="true"
          :columns="tableColumn7"
          highlight-current-row
          :data="list6"
          :custom-config="{ storage: true }"
          highlight-hover-row
          show-overflow
          show-header-overflow
          :scroll-y="{enabled: true}"
        >
        </vxe-grid>
      </div>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import Ydjh from "@/views/jhzx/components/ydjhzxgl/Ydjh.vue";

export default {
  name:'YdjhzxglTabs',
  components: {Ydjh},
  data(){
    return {
      activeName:'first',
    }
  },
  methods:{
    handleClick(tab, event) {
      if(this.activeName==='second'){
        // alert('线表计划')

      }
      if(this.activeName==='third'){
        // alert('批量表')

      }
      if(this.activeName==='fourth'){
        // alert('图纸')

      }
      if(this.activeName==='fifth'){
        // alert('到货')
        if (this.list.length>0){

        }
      }
      if(this.activeName==='sixth'){
        console.log(this.list5)
      }
    },
  }
}
</script>
