<!-- 交易服务-保税服务-详情 -->
<template>
    <app-drawer class="bonded-exit-details" title="详情" :width="960" v-model:show="show">
        <app-table :data="detailList" :columns="columns" :loading="loading" :show-toolbar="false" border />
    </app-drawer>
</template>

<script lang="ts" setup>
import { shallowRef, PropType } from 'vue'
import { useBSFWOrderDetail } from '@/business/customs/bonded'
import AppDrawer from '@pc/components/base/drawer/index.vue'
import AppTable from '@pc/components/base/table/index.vue'

const props = defineProps({
    selectedRow: {
        type: Object as PropType<Ermcp.GZBSFWOrderRsp>,
        required: true
    },
})

const { loading, detailList, columns, getBSFWOrderDetailList } = useBSFWOrderDetail(props.selectedRow)
const show = shallowRef(true)

getBSFWOrderDetailList()
</script>

<style lang="less">
@import './index.less';
</style>