<!-- 
  提单费用明细列表
 -->
<template>
  <SysDialog
    class="lading-detail-list"
    :visible="dialog.visible"
    v-bind="getBindValue"
    @onClose="onclose"
  >
    <template #content>
      <!-- 列表 -->
      <VxeBasicTable v-bind="ladingBillMoneyListOptions" />
    </template>
    <template #defineFooter>
      <span class="dialog-footer">
        <el-button
          @click="onclose"
        >关闭</el-button>
      </span>
    </template>
  </SysDialog>
</template>
<script lang="ts" setup>
import SysDialog from "@/components/SysDialog.vue";
import useDialog from "@/hooks/useDialog";
import { VxeBasicTable } from '@/components/VxeTable';
import { useLadingBillMoneyDetailListModel } from '@/composables/lading/useLadingListModel';
import { reactive } from 'vue';

const { ladingBillMoneyListOptions } = useLadingBillMoneyDetailListModel()
// 弹框一些配置
const getBindValue = reactive({
    title: "提单费用明细列表",
    width: 1300,
    height: 0,
    isFooter: true
});
//弹框属性
const { dialog, onClose, onShow } = useDialog();
const show = (data) => {
  ladingBillMoneyListOptions.data = data
  onShow()
}
const onclose = () => {
  onClose()
}

//父组件调用子组件显示弹框
//暴露出去给外部使用
defineExpose({
  show
});
</script>
<style lang="scss" scoped>
.lading-detail-list{
    .lading-bill-detail {
        .lading-search {
            width: 142px;
            margin-right: 11px;
        }
    }
}
</style>