<template>
  <div>
    <el-tabs type="card"  @tab-click="handleClickTabs">
        <el-tab-pane>
            <span slot="label">预收货通知</span>
        </el-tab-pane>
        <el-tab-pane >
            <span slot="label">装车单</span>
        </el-tab-pane>
        <el-tab-pane>
            <span slot="label">调度看板</span>
        </el-tab-pane>
    </el-tabs>
    <list
    :tableData="tableData"
    :pageSize="pageSize"
    :currentPage="currentPage"
    :total="total"
    :tabIndex="tabIndex"
    :urlKey="urlKey"
    :markDockData="markDockData"
    @getList="getList"
    @handleOpenDetail="handleOpenDetail"></list>
  </div>
</template>
<script>
import List from './list'
export default {
  components: {
    List
  },
  props: {
    tableData: Array,
    markDockData: Array,
    pageSize: Number,
    currentPage: Number,
    total: Number,
    tabIndex: Number,
    urlKey: String,

  },
  data () {
    return {

    }
  },
  methods: {
    // 切换tab
    handleClickTabs (tab, event) {
      this.$emit('handleClickTabs', tab, event)
    },

    handleOpenDetail (...args) {
      this.$emit('handleOpenDetail', ...args)
    },
    getList (urlKey, query) {
      this.$emit('getList', urlKey, query)
    }
  }
}
</script>
