<script setup lang="ts">
import { descritonProps } from "./types";

defineProps(descritonProps);
</script>

<template>
  <el-descriptions :column="1" border>
    <template v-for="(item, index) in config.formItems" :key="index">
      <el-descriptions-item
        :label="item.label"
        :span="item.showSpan ? item.showSpan : 24"
        :width="item.labelWidth ? item.labelWidth : '180px'"
      >
        <template v-if="item.render">
          {{ item.render(defaultInfo[item.field], defaultInfo) }}
        </template>
        <template v-else>
          {{ defaultInfo[item.field] }}
        </template>
      </el-descriptions-item>
    </template>
  </el-descriptions>
</template>
