data.ts.vm 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. import { reactive } from 'vue'
  2. import { useI18n } from '@/hooks/web/useI18n'
  3. import { DICT_TYPE } from '@/utils/dict'
  4. import { required } from '@/utils/formRules'
  5. import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
  6. const { t } = useI18n() // 国际化
  7. // 表单校验
  8. export const rules = reactive({
  9. #foreach ($column in $columns)
  10. #if (($column.createOperation || $column.updateOperation) && !$column.nullable && !${column.primaryKey})## 创建或者更新操作 && 要求非空 && 非主键
  11. #set($comment=$column.columnComment)
  12. $column.javaField: [required],
  13. #end
  14. #end
  15. })
  16. // CrudSchema
  17. const crudSchemas = reactive<VxeCrudSchema>({
  18. primaryKey: 'id', // 默认的主键ID
  19. primaryTitle: t('common.index'), // 默认显示的值
  20. primaryType: 'seq', // 默认为seq,序号模式
  21. action: true,
  22. actionWidth: '200', // 3个按钮默认200,如有删减对应增减即可
  23. columns: [
  24. #foreach($column in $columns)
  25. #if ($column.listOperation || $column.listOperationResult || $column.createOperation || $column.updateOperation)
  26. #set ($dictType = $column.dictType)
  27. #if(!$column.primaryKey)
  28. {
  29. title: '${column.columnComment}',
  30. field: '${column.javaField}',
  31. #if (!$column.listOperationResult)
  32. isTable: false,
  33. #end
  34. #if ("" != $dictType)## 有数据字典
  35. dictType: DICT_TYPE.$dictType.toUpperCase(),
  36. #if (${column.javaType.toLowerCase()} == "long" || ${column.javaType.toLowerCase()} == "integer")
  37. dictData: 'number',
  38. #else
  39. dictData: 'string',
  40. #end
  41. #end
  42. #if (!$column.createOperation && !$column.updateOperation)
  43. isForm: false,
  44. #elseif(!("" != $column.dictType))
  45. #if (${column.javaType.toLowerCase()} == "date" || ${column.javaType.toLowerCase()} == "localdatetime")
  46. formatter: 'formatDate',
  47. form: {
  48. component: 'DatePicker',
  49. componentProps: {
  50. type: 'datetime',
  51. valueFormat: 'YYYY-MM-DD HH:mm:ss'
  52. }
  53. },
  54. #elseif($column.htmlType == "editor")## 文本编辑器
  55. form: {
  56. component: 'Editor',
  57. colProps: {
  58. span: 24
  59. },
  60. componentProps: {
  61. valueHtml: ''
  62. }
  63. },
  64. #elseif($column.htmlType == "textarea")## 文本框
  65. form: {
  66. component: 'Input',
  67. componentProps: {
  68. type: 'textarea',
  69. rows: 4
  70. },
  71. colProps: {
  72. span: 24
  73. }
  74. },
  75. #elseif(${column.javaType.toLowerCase()} == "long" || ${column.javaType.toLowerCase()} == "integer")## 数字类型
  76. form: {
  77. component: 'InputNumber',
  78. value: 0
  79. },
  80. #elseif($column.htmlType == "imageUpload")## 图片上传
  81. form: {
  82. component: 'UploadImg',
  83. componentProps: {
  84. limit: 1
  85. }
  86. },
  87. #elseif($column.htmlType == "fileUpload")## 图片上传
  88. form: {
  89. component: 'UploadFile'
  90. },
  91. #end
  92. #end
  93. #if ($column.listOperation)
  94. #if($column.htmlType == "input")
  95. isSearch: true,
  96. #elseif("" != $dictType)
  97. isSearch: true,
  98. #elseif($column.htmlType == "datetime")
  99. search: {
  100. show: true,
  101. itemRender: {
  102. name: 'XDataTimePicker'
  103. }
  104. },
  105. #end
  106. #end
  107. #end
  108. },
  109. #end
  110. #end
  111. ]
  112. })
  113. export const { allSchemas } = useVxeCrudSchemas(crudSchemas)