<template>
  <v-header
      title="我的订单"
      backgroundColor="#fff"
  >
    <view class="screen_all">
      <tab
          :tabs="tabsData"
          @change="change"
          :value="value"
          :first="true"
          color="#028748"
      >
        <layout-order
            v-for="(item,index) in tabsData"
            :key="index"
            v-if="loadings[index]"
            :type="item.type"
            page="order"
            :status="item.status"
            :emptyText="item.emptyText"
            @useTarget="bindTarget"
            :index="index"
            :slot="'tab-'+index"
            @openPayModal="openPayModal"
        ></layout-order>
      </tab>
    </view>
    <pay-modal v-model="payModal" type="order" :message="payModalMessage"></pay-modal>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main';
import tab from '@/components/tab/main';
import layoutOrder from '@/layout/layout-order/layout-order';
import mixins from './mixins';
import payModal from '../../components/pay-modal/pay-modal';
export default {
  name: "my-order",
  mixins,
  components:{
    vHeader,
    tab,
    layoutOrder,
    payModal
  }
}
</script>

<style scoped lang="scss" src="./style.scss">

</style>