<template>
  <div>
    <div class="contmain" style="background-color: #ffffff">
      <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>
    <!--    待司机配送-->
    <DeliveryForDriver v-if="top_sel === '1'"></DeliveryForDriver>
    <!--    配送任务-->
    <DistributionTask v-if="top_sel === '2'"></DistributionTask>
    <!--    配送明细-->
    <DeliveryDetail v-if="top_sel === '3'"></DeliveryDetail>
    <!--    配送待收货-->
    <DeliveryToBeReceived v-if="top_sel === '4'"></DeliveryToBeReceived>
  </div>
</template>
<script>
  import DeliveryForDriver from "./component/DeliveryForDriver";
  import DistributionTask from "./component/DistributionTask";
  import DeliveryDetail from "./component/DeliveryDetail";
  import DeliveryToBeReceived from "./component/DeliveryToBeReceived";
  export default {
    components: {
      DeliveryForDriver,
      DistributionTask,
      DeliveryDetail,
      DeliveryToBeReceived,
    },
    data() {
      return {
        top_sel: "1",
        top_time: "1",
      };
    },
    methods: {
      selTopType() {},
    },
  };
</script>
<style></style>
