<script setup lang="ts">
import chargeList from '../../components/charge-orderList/charge-orderList.vue'
import xsbList from '../../components/xsb-orderList/xsb-orderList.vue'
import filmList from '../../components/film-orderList/film-orderList.vue'

interface Props {
  orderList: Api.xsbOrderList
  navActiveTab: string
}

defineProps<Props>()

defineEmits<{
  refresh: []
}>()
</script>

<template>
  <block>
    <xsbList
      v-if="orderList.businessType === 'XSB' || orderList.businessType === 'all'" :order="orderList"
      @refresh="$emit('refresh')"
    />
    <chargeList v-else-if="orderList.businessType === 'CD' || orderList.businessType === 'all'" :order="orderList" />
    <filmList
      v-else-if="orderList.businessType === 'DYY' || orderList.businessType === 'all'" :order="orderList"
      @refresh="$emit('refresh')"
    />
  </block>
</template>
