<style>
</style>

<template>
  <div>
    <el-tabs v-model="dataObj.tab" @tab-click="handleClick">
      <el-tab-pane label="团队订单" name="0">
        <TeamOrder :pagesTitle="pagesTitle" :OrderId="dataObj.OrderId"></TeamOrder>
      </el-tab-pane>
      <el-tab-pane label="接机订单" name="1">
        <BookAcarOrder :pagesTitle="pagesTitle" :dataObj="dataObj"></BookAcarOrder>
      </el-tab-pane>
      <el-tab-pane label="送机订单" name="2">
        <BookAcarOrder :pagesTitle="pagesTitle" :dataObj="dataObj"></BookAcarOrder>
      </el-tab-pane>
      <el-tab-pane label="包车订单" name="3">
        <BookAcarOrder :pagesTitle="pagesTitle" :dataObj="dataObj"></BookAcarOrder>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import BookAcarOrder from './components/BookAcarOrder.vue';
  import TeamOrder from '../../busManagement/tripBusOrder.vue';
  export default {
    components: { TeamOrder,BookAcarOrder },
    data() {
      return {
        pagesTitle: 'OP',
        dataObj:{
          tab:'1',
          OrderId: '',
        }
      };
    },
    watch: {
      pagesTitle(val,oldval){
        
      },
      // dataObj:{
      //   handler(val, oldVal) {
      //     this.dataObj.OrderType = val.tab
      //     this.dataObj.OrderId = val.OrderId
      //   },
      //   deep: true,
      //   immediate: true,
      // }
    },
    methods: {
      handleClick(tab, event){
        this.dataObj.tab = tab.name
      }
    },
    created() {
      
    },
    mounted() {
      if(this.$route.query.OrderType){
          this.dataObj.OrderId = this.$route.query.OrderId
          if(this.$route.query.Type){
            if(this.$route.query.Type<4){
              this.dataObj.tab = this.$route.query.Type
            }else{
              this.dataObj.tab = '0'
            }
          }else{
            if(this.$route.query.OrderType<4){
              this.dataObj.tab = this.$route.query.OrderType
            }else{
              this.dataObj.tab = '0'
            }
          }
        }else if(this.$route.query.OrderId){
          this.dataObj.OrderId = this.$route.query.OrderId
        }else if(this.$route.query.crmOrderObj){
          let crmOrderObj = JSON.parse(this.$route.query.crmOrderObj)
          this.dataObj.OrderId = crmOrderObj.OrderId
          if(crmOrderObj.Type<4){
            this.dataObj.tab = String(crmOrderObj.Type)
          }else{
            this.dataObj.tab = '0'
          }
          
        } else{
          this.dataObj.OrderId = ''
          this.dataObj.tab = '0'
        }
    },
  };

</script>

<style>

</style>