<template>
  <div class="app-container">
    <el-dialog
      v-if="show"
      v-model="show" class="dialog" title="变更记录" :close-on-click-modal="true" width="80%"
      draggable
    >
      <div>
        <el-table v-loading="loading" :data="list" max-height="300" border>
          <el-table-column type="index" width="55" label="序号" align="center" />
          <el-table-column label="变更前名称" align="center" prop="oldName" min-width="100" />
          <el-table-column label="变更后名称" align="center" prop="newName" min-width="140px" />
          <el-table-column label="变更日期" align="center" prop="" min-width="100px">
            <template #default="scope">
              <span>{{ parseTime(scope.row.modTime, '{y}-{m}-{d}') }}</span>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>


  </div>
</template>

<script setup>
import { reactive } from '@vue/runtime-core'
import { toRefs, ref } from 'vue'
const data = reactive({
  show: false,
  list: []
})

const { show, list } = toRefs(data)
const deptType = ref()
const loading = ref(false)
function open(row) {
  show.value = true
  loading.value = true
  list.value = row || []
  loading.value = false
}


defineExpose({
  open
})

</script>

<style lang="scss" scoped>

</style>