<script setup lang="ts">
import { ref } from "vue";
import BasicDescriptions from "/@/components/BasicDescriptions";
import { purchaseOrderNotIncludeProduceColumns } from "/@/utils/details/_purchase";

const visible = ref(false);
const data = ref<Record<string, string>>({});

defineExpose({
  onDisplay: _data => {
    visible.value = true;
    data.value = _data;
  }
});
</script>

<template>
  <ElDialog
    v-model="visible"
    title="采购单详情"
    width="1100px"
    center
    :close-on-click-modal="false"
    @close="data = {}"
  >
    <BasicDescriptions
      :columns="purchaseOrderNotIncludeProduceColumns"
      :data="data"
    />
  </ElDialog>
</template>
