92 lines
2.0 KiB
TypeScript
92 lines
2.0 KiB
TypeScript
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)
|