<template>
  <CloseBtn @click="close"></CloseBtn>
  <el-form
      :model="form"
  >
    <el-descriptions
        :column="3"
        border
        title="详情"
        direction="vertical"
        label-width="20"
    >
      <el-descriptions-item label="名称">
        <div>{{ form.name }}</div>
      </el-descriptions-item>
      <el-descriptions-item label="编码">
        <div>{{ form.code }}</div>
      </el-descriptions-item>
      <el-descriptions-item label="状态">
        <div>{{ form.status }}</div>
      </el-descriptions-item>
      <el-descriptions-item label="创建时间">
        <div>{{ form.create_time }}</div>
      </el-descriptions-item>
      <el-descriptions-item label="状态">
        <div>{{ form.status }}</div>
      </el-descriptions-item>
      <el-descriptions-item label="创建时间">
        <div>{{ form.create_time }}</div>
      </el-descriptions-item>
    </el-descriptions>
  </el-form>

</template>
<script setup lang="ts">
import {reactive,defineEmits} from "vue";
import {ElDescriptionsItem} from "element-plus";
import CloseBtn from "@/components/CloseBtn.vue";

const form= reactive({
  name: '1',
  code: '2',
  status: '3',
  create_time: '4',
})
const emit = defineEmits(['close'])
const close = () => {
emit('close')
}
</script>
<style scoped lang="scss">

</style>