```vue
<template>
  <sd-form :init-values="values" ref="form">
    <sd-form-item name="title" />
    <sd-form-item name="docNumber" />
    <sd-form-item name="printDate" />
    <a-button @click="save" type="primary">保存</a-button>
  </sd-form>
</template>

<script>
import { Modal } from 'ant-design-vue'
import axios from '@/common/services/axios-instance'

export default {
  data() {
    return {
      values: [
        {
          name: 'title',
          caption: '发文标题',
          dataType: 'string',
          required: true,
        },
        {
          name: 'printDate',
          caption: '印发日期',
          required: false,
          dataType: 'date',
          value: 1596510490362,
        },
        {
          name: 'docNumber',
          caption: '编号',
          required: false,
          dataType: 'number',
          value: 123,
        },
      ],
    }
  },
  methods: {
    save() {
      this.$refs.form.validateFields().then(() => {
        Modal.confirm({
          title: '表单数据',
          content: JSON.stringify(this.$refs.form.getFieldsValue()),
        })
      })
    },
  },
}
</script>
```
