<script setup lang="ts">
import { ref } from "vue";

const visible = ref(false);

const showTableData = [
  {exceType:'立即',startTime:"申请后立即",report:"时间跨度短或数据量少"},
  {exceType:'延迟',startTime:"申请当天20:00:00",report:"时间跨度长或数据量多"},
]

function handleClose() { 
  visible.value = false;
}

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

<template>
  <el-dialog
    v-model="visible" 
    title="执行类型说明" 
    width="380px"
    center 
    @close="handleClose">
          <el-table style="width:330px" size="small" border :data="showTableData">
            <el-table-column with="70px" label="执行类型" prop="exceType" />
            <el-table-column width="120px" label="开始执行时间" prop="startTime" />
            <el-table-column  width="140px"  label="适用报表" prop="report" />
          </el-table>
  </el-dialog>
</template>
