<template>
  <div>
    <div class="contmain" style="background-color: #fff">
      <el-tabs v-model="top_sel" type="card" @tab-click="selTopType">
        <el-tab-pane label="待拣货单据" name="1"></el-tab-pane>
        <el-tab-pane label="待处理拣货" name="2"></el-tab-pane>
        <el-tab-pane label="拣货查询" name="3"></el-tab-pane>
        <el-tab-pane label="拣货明细" name="4"></el-tab-pane>
      </el-tabs>
    </div>
    <!--    待拣货单据-->
    <ForPicking v-if="top_sel === '1'"></ForPicking>
    <!--    待处理拣货-->
    <PickingProcessing v-if="top_sel === '2'"></PickingProcessing>
    <!--    拣货查询-->
    <FreightInquiry v-if="top_sel === '3'"></FreightInquiry>
    <!--    拣货明细-->
    <CargoDetail v-if="top_sel === '4'"></CargoDetail>
  </div>
</template>
<script>
  import ForPicking from "./component/ForPicking";
  import PickingProcessing from "./component/PickingProcessing";
  import FreightInquiry from "./component/FreightInquiry";
  import CargoDetail from "./component/CargoDetail";
  export default {
    components: {
      ForPicking,
      PickingProcessing,
      FreightInquiry,
      CargoDetail,
    },
    data() {
      return {
        top_sel: "1",
        top_time: "1",
      };
    },
    methods: {
      selTopType() {},
    },
  };
</script>
<style></style>
