role.data.ts 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. // 国际化
  7. const { t } = useI18n()
  8. // 表单校验
  9. export const rules = reactive({
  10. name: [required],
  11. code: [required],
  12. sort: [required]
  13. })
  14. // CrudSchema
  15. const crudSchemas = reactive<VxeCrudSchema>({
  16. primaryKey: 'id',
  17. primaryType: 'seq',
  18. action: true,
  19. actionWidth: '400px',
  20. columns: [
  21. {
  22. title: '角色名称',
  23. field: 'name',
  24. isSearch: true
  25. },
  26. {
  27. title: '角色类型',
  28. field: 'type',
  29. dictType: DICT_TYPE.SYSTEM_ROLE_TYPE
  30. },
  31. {
  32. title: '角色标识',
  33. field: 'code',
  34. isSearch: true
  35. },
  36. {
  37. title: '显示顺序',
  38. field: 'sort',
  39. form: {
  40. component: 'InputNumber'
  41. }
  42. },
  43. {
  44. title: t('common.status'),
  45. field: 'status',
  46. dictType: DICT_TYPE.COMMON_STATUS,
  47. isSearch: true
  48. },
  49. {
  50. title: t('common.createTime'),
  51. field: 'createTime',
  52. formatter: 'formatDate',
  53. isForm: false,
  54. search: {
  55. show: true,
  56. itemRender: {
  57. name: 'XDataTimePicker'
  58. }
  59. }
  60. }
  61. ]
  62. })
  63. export const { allSchemas } = useVxeCrudSchemas(crudSchemas)