# EpFooterInfo 底部信息

用于显示单据底部的创建人、修改人等信息。

## 基本用法

```vue
<template>
  <EpFooterInfo v-model="formData" />
</template>

<script setup>
import { reactive } from 'vue'

const formData = reactive({
  creator: 'admin',
  creatorName: '管理员',
  createTime: '2024-01-01 10:00:00',
  editor: 'admin',
  editorName: '管理员',
  editTime: '2024-01-02 15:00:00',
})
</script>
```

## Props

| 属性 | 说明 | 类型 | 默认值 |
|------|------|------|--------|
| v-model | 数据对象 | `Record<string, any>` | `{}` |
| list | 字段配置列表 | `FooterInfoFieldConfig[]` | 默认四字段 |
| fieldMap | 字段映射配置 | `FooterInfoFieldMap` | `{}` |

## 默认字段

| 字段 | 说明 |
|------|------|
| creator / creatorName | 制单人 |
| createTime / createTimestamp | 创建时间 |
| editor / editorName | 最新修改人 |
| editTime / editTimestamp | 最新修改时间 |

## FooterInfoFieldConfig

```ts
interface FooterInfoFieldConfig {
  name: string       // 显示名称
  prop: string       // 字段名
  formatter?: (value: any, modelValue: any) => string
}
```

## 自定义字段

```vue
<template>
  <EpFooterInfo v-model="formData" :list="fieldList" />
</template>

<script setup>
const fieldList = [
  { name: '创建人', prop: 'createBy' },
  { name: '创建时间', prop: 'createTime' },
  { name: '审核人', prop: 'auditBy' },
  { name: '审核时间', prop: 'auditTime' },
]
</script>
```

## 使用 fieldMap 格式化

```vue
<template>
  <EpFooterInfo v-model="formData" :field-map="fieldMap" />
</template>

<script setup>
const fieldMap = {
  creator: {
    name: '制单人',
    formatter: (value, data) => `${data.creatorName}(${value})`,
  },
  createTime: (value) => value?.split(' ')[0], // 只显示日期
}
</script>
```

## 在 Form 中使用

```tsx
const formItemList = [
  // 其他表单项...
  {
    col: 24,
    type: 'EpFooterInfo',
    props: {
      modelValue: formData,
    },
  },
]
```