<template>
  <div class="fix-height-subpage column no-wrap q-pa-md">
    <order-list-header></order-list-header>
    <div class="col q-mt-md">
      <order-list></order-list>
    </div>
  </div>
</template>
  
  <script lang="ts">
  import { inject, provide, reactive, toRefs, defineComponent,onMounted } from 'vue';
import travelService from '../../api/travel'
import { SendType, StandardStatus } from '../../@types'
import { ApiResult } from '../../@types/enumHelper'
import message from '../../utils/message'
import useMetaModule from '../../module/meta/metaModule'
import { useI18n } from 'vue-i18n'
import OrderListHeader from './components/OrderListHeader.vue';
import OrderList from './components/OrderList.vue';
import { DirtionmaryHelper } from '../../config/dictionary';
  export default defineComponent({
    components: {OrderListHeader, OrderList},
    props: ['OrderId'],
    setup(props) {
      
    const { t } = useI18n()
        let { setTitle } = useMetaModule()
    const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any
    pageTitle.value = t('menu.travel.three')
    setTitle(pageTitle.value)
       const data = reactive({
      PaymentDialog: false,
      orders: [] as Array<any>,
      status: [] as Array<StandardStatus>,
      sends: [] as Array<SendType>,
      showBankAccount: false,
      pages: {
        pageIndex: 1,
        pageSize: 10,
        pageCount: 0
      },
      loading: false,
      copyId: 0,
      expendsOrderId: 0,
      cols: [
        { name: 'Date', label: t('v102.ticket.jq')+'('+t('v102.ticket.d')+')', field: (row: any) => row.Date, align: 'left' },
        { name: 'TicketName', label: t('v102.ticket.hn'), field: (row: any) => row.TicketName, align: 'left' },
        { name: 'Num', label: t('v102.ticket.sl'), field: (row: any) => row.Num, align: 'left' },
        { name: 'Money', label: t('hotelorder.col.m'), field: (row: any) => row.Money, align: 'left' }
      ] as any[],
      modifyOrder:{} as any,
      showModify:false,
    })

      const search = reactive({
        GTeamName:"", // 包机名称
        FlightCompany:"", // 航空公司
        FlightNo:"", // 航班号  
        SelectEndDate:"", // 出发开始时间  
        SelectStartDate:"", // 出发结算时间
      })
      const methods = {
      }
      provide(DirtionmaryHelper.TRAVEL_ORDER_OBJ,search)
      onMounted(()=>{
        
      })
      return {
        // ...toRefs(data),
        ...methods
      }
    }
  })
  </script>
  
  <style>
  
  </style>
  