<script setup>

const props = defineProps({
  tableData: {
    type: Array,
    default: () => []
  }
})
const isShow = defineModel('isShow', { type: Boolean, default: false })

</script>

<template>
  <el-dialog
    v-model="isShow"
    @close="isShow = false"
    :modal-append-to-body="false"
    width="652px"
    title="历史备注"
  >
    <div class="dialog-box">
      <el-table :data="props.tableData" border max-height="360">
        <el-table-column label="备注信息" prop="Content" align="center">
          <template #default="{ row }">
            {{ row.Content }}
          </template>
        </el-table-column>
        <el-table-column label="备注时间" prop="CreateTime" align="center">
          <template #default="{ row }">
            {{ row.CreateTime }}
          </template>
        </el-table-column>
      </el-table>
    </div>
  </el-dialog>
</template>

<style lang="scss" scoped>
.dialog-box {
  padding: 0 35px 20px;
}
</style>