import type { VxeCrudSchema } from '@/hooks/web/useVxeCrudSchemas'

const { t } = useI18n() // 国际化

// 表单校验
export const rules = reactive({
  startTime: [{ required: true, message: '开始时间不能为空', trigger: 'blur' }],
  endTime: [{ required: true, message: '结束时间不能为空', trigger: 'blur' }],
  type: [{ required: true, message: '请假类型不能为空', trigger: 'change' }]
})

// crudSchemas
const crudSchemas = reactive<VxeCrudSchema>({
  primaryKey: 'id',
  primaryType: 'id',
  primaryTitle: '申请编号',
  action: true,
  actionWidth: '260',
  searchSpan: 8,
  columns: [
    {
      title: t('common.status'),
      field: 'result',
      dictType: DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT,
      dictClass: 'number',
      isSearch: true,
      isForm: false
    },
    {
      title: t('common.startTimeText'),
      field: 'startTime',
      formatter: 'formatDay',
      table: {
        width: 180
      },
      detail: {
        dateFormat: 'YYYY-MM-DD'
      },
      form: {
        component: 'DatePicker'
      }
    },
    {
      title: t('common.endTimeText'),
      field: 'endTime',
      formatter: 'formatDay',
      table: {
        width: 180
      },
      detail: {
        dateFormat: 'YYYY-MM-DD'
      },
      form: {
        component: 'DatePicker'
      }
    },
    {
      title: '请假类型',
      field: 'type',
      dictType: DICT_TYPE.BPM_OA_LEAVE_TYPE,
      dictClass: 'number',
      isSearch: true
    },
    {
      title: '原因',
      field: 'reason',
      isSearch: true,
      componentProps: {
        type: 'textarea',
        rows: 4
      }
    },
    {
      title: '申请时间',
      field: 'createTime',
      formatter: 'formatDate',
      table: {
        width: 180
      },
      isSearch: true,
      search: {
        show: true,
        itemRender: {
          name: 'XDataTimePicker'
        }
      },
      isForm: false
    }
  ]
})
export const { allSchemas } = useVxeCrudSchemas(crudSchemas)