merchant.data.ts 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import { reactive } from 'vue'
  2. import { useI18n } from '@/hooks/web/useI18n'
  3. import { required } from '@/utils/formRules'
  4. import { DICT_TYPE } from '@/utils/dict'
  5. import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
  6. const { t } = useI18n() // 国际化
  7. // 表单校验
  8. export const rules = reactive({
  9. no: [required],
  10. name: [required],
  11. shortName: [required],
  12. status: [required]
  13. })
  14. // CrudSchema
  15. const crudSchemas = reactive<VxeCrudSchema>({
  16. primaryKey: 'id',
  17. primaryType: 'seq',
  18. primaryTitle: '商户编号',
  19. action: true,
  20. columns: [
  21. {
  22. title: '商户号',
  23. field: 'no',
  24. isSearch: true
  25. },
  26. {
  27. title: '商户全称',
  28. field: 'code',
  29. isSearch: true
  30. },
  31. {
  32. title: '商户简称',
  33. field: 'shortName',
  34. isSearch: true
  35. },
  36. {
  37. title: t('common.status'),
  38. field: 'status',
  39. dictType: DICT_TYPE.COMMON_STATUS,
  40. dictClass: 'number',
  41. isSearch: true
  42. },
  43. {
  44. title: t('form.remark'),
  45. field: 'remark',
  46. isTable: false,
  47. form: {
  48. component: 'Input',
  49. componentProps: {
  50. type: 'textarea',
  51. rows: 4
  52. },
  53. colProps: {
  54. span: 24
  55. }
  56. }
  57. },
  58. {
  59. title: t('common.createTime'),
  60. field: 'createTime',
  61. formatter: 'formatDate',
  62. isForm: false,
  63. search: {
  64. show: true,
  65. itemRender: {
  66. name: 'XDataTimePicker'
  67. }
  68. }
  69. }
  70. ]
  71. })
  72. export const { allSchemas } = useVxeCrudSchemas(crudSchemas)