form.ts 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. import { FormConfig } from '@/types/basic-form';
  2. export const POINT_DEDUCTION_FORM_CONFIG: FormConfig[] = [
  3. {
  4. prop: 'deductionTitle',
  5. label: '扣分标题:',
  6. component: 'ElInput',
  7. componentProps: {
  8. placeholder: '请输入扣分标题',
  9. },
  10. },
  11. {
  12. prop: 'deductionDate',
  13. label: '扣分日期:',
  14. component: 'ElDatePicker',
  15. componentProps: {
  16. type: 'date',
  17. placeholder: '请选择扣分日期',
  18. valueFormat: 'YYYY-MM-DD',
  19. },
  20. },
  21. {
  22. prop: 'deductionValue',
  23. label: '扣分值:',
  24. component: 'ElInputNumber',
  25. componentProps: {
  26. min: 1,
  27. precision: 0, // 不允许小数点,只能输入整数
  28. placeholder: '请输入扣分值',
  29. },
  30. },
  31. {
  32. prop: 'departmentName',
  33. label: '部门名称:',
  34. component: 'ElInput',
  35. componentProps: {
  36. placeholder: '请输入部门名称',
  37. },
  38. },
  39. {
  40. prop: 'dedResonList',
  41. label: '扣分原因:',
  42. slot: 'dedResonList',
  43. },
  44. {
  45. prop: 'status',
  46. label: '状态:',
  47. slot: 'status',
  48. },
  49. ];
  50. export interface DeductionReasonItem {
  51. id: number;
  52. pmdId: number;
  53. serialNum: number;
  54. deductionReason: string;
  55. scoreVal: number;
  56. }
  57. export const POINT_DEDUCTION_FORM_DATA = {
  58. deductionTitle: '',
  59. deductionDate: '',
  60. deductionValue: 1, // 最小值为1
  61. departmentName: '',
  62. dedResonList: [] as DeductionReasonItem[],
  63. status: 'ENABLE',
  64. };
  65. export const POINT_DEDUCTION_FORM_RULES = {
  66. deductionTitle: [{ required: true, message: '请输入扣分标题', trigger: 'blur' }],
  67. deductionDate: [{ required: true, message: '请选择扣分日期', trigger: 'change' }],
  68. deductionValue: [
  69. { required: true, message: '请输入扣分值', trigger: 'blur' },
  70. { type: 'number', min: 1, message: '扣分值不能小于1', trigger: 'blur' },
  71. ],
  72. departmentName: [{ required: true, message: '请输入部门名称', trigger: 'blur' }],
  73. status: [{ required: true, message: '请选择状态', trigger: 'change' }],
  74. };