crud.tsx 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. import { AddReq, CreateCrudOptionsProps,dict, CreateCrudOptionsRet, UserPageQuery,compute } from '@fast-crud/fast-crud';
  2. import * as api from './api';
  3. import { auth } from '/@/utils/authFunction';
  4. import { ja } from 'element-plus/es/locale';
  5. export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
  6. const pageRequest = async (query: UserPageQuery) => {
  7. return await api.GetList(query);
  8. };
  9. const editRequest = async ({ form, row }: EditReq) => {
  10. form.id = row.id;
  11. return await api.UpdateObj(form);
  12. };
  13. const delRequest = async ({ row }: DelReq) => {
  14. return await api.DelObj(row.id);
  15. };
  16. const addRequest = async ({ form }: AddReq) => {
  17. return await api.AddObj(form);
  18. };
  19. return {
  20. crudOptions: {
  21. request: {
  22. pageRequest,
  23. addRequest,
  24. editRequest,
  25. delRequest,
  26. },
  27. form:{
  28. wrapper: {
  29. buttons: {
  30. ok:{
  31. text:'提交'
  32. }
  33. }
  34. }
  35. },
  36. actionbar: {
  37. buttons: {
  38. add: {
  39. show: auth('area:Create'),
  40. },
  41. },
  42. },
  43. toolbar:{
  44. show:false,
  45. },
  46. rowHandle:{
  47. buttons:{
  48. remove:{
  49. show:true,
  50. },
  51. edit:{
  52. show:true,
  53. }
  54. }
  55. },
  56. pagination: {
  57. show: false,
  58. },
  59. columns: {
  60. _index: {
  61. title: '序号',
  62. form: { show: false },
  63. column: {
  64. type: 'index',
  65. align: 'center',
  66. width: '70px',
  67. columnSetDisabled: true, //禁止在列设置中选择
  68. },
  69. },
  70. damage_no: {
  71. title: '编号',
  72. search: {
  73. show: true,
  74. },
  75. treeNode: true,
  76. type: 'input',
  77. column: {
  78. minWidth: 120,
  79. },
  80. form: {
  81. show:false,
  82. // rules: [
  83. // // 表单校验规则
  84. // // { required: true, message: '名称必填项' },
  85. // ],
  86. component: {
  87. placeholder: '请输入编号',
  88. },
  89. },
  90. viewForm:{
  91. component: { placeholder: '' },
  92. rules: [{ required: true, message: '' }],
  93. }
  94. },
  95. device:{
  96. title: '设备id',
  97. type: 'dict-select',
  98. column: {
  99. show:false,
  100. minWidth: 120,
  101. },
  102. dict: dict({
  103. url: '/api/system/device/',
  104. value: 'id',
  105. label: 'name',
  106. }),
  107. form: {
  108. component: { placeholder: '请填写设备id' },
  109. rules: [{ required: true, message: '请填写设备id' }],
  110. },
  111. editForm:{
  112. component: { disabled: true },
  113. },
  114. viewForm:{
  115. component: { placeholder: '' },
  116. rules: [{ required: true, message: '' }],
  117. }
  118. },
  119. device_code:{
  120. title: '设备编码',
  121. type: 'input',
  122. column: {
  123. show:false,
  124. minWidth: 120,
  125. },
  126. form: {
  127. show:true,
  128. component: { placeholder: '请填写设备编码' },
  129. rules: [{ required: true, message: '请填写设备编码' }],
  130. },
  131. viewForm:{
  132. component: { placeholder: '' },
  133. rules: [{ required: true, message: '' }],
  134. }
  135. },
  136. device_name:{
  137. title: '设备名称',
  138. type: 'input',
  139. column: {
  140. show:true,
  141. minWidth: 120,
  142. },
  143. form: {
  144. show:false,
  145. component: { placeholder: '请填写设备名称' },
  146. rules: [{ required: true, message: '请填写设备名称' }],
  147. },
  148. viewForm:{
  149. component: { placeholder: '' },
  150. rules: [{ required: true, message: '' }],
  151. }
  152. },
  153. quantity:{
  154. title: '库存数量',
  155. type: 'input',
  156. column: {
  157. minWidth: 120,
  158. },
  159. form: {
  160. component: { placeholder: '请填写库存数量'},
  161. rules: [{ required: false, message: '请填写库存数量' }],
  162. },
  163. editForm:{
  164. component: { disabled: true },
  165. },
  166. valueResolve({ form, value }) {
  167. form.quantity = Number(value);
  168. },
  169. viewForm:{
  170. component: { placeholder: '' },
  171. rules: [{ required: true, message: '' }],
  172. }
  173. },
  174. damage_type:{
  175. title: '维修类型',
  176. type: 'dict-select',
  177. dict: dict({
  178. data: [
  179. // { label: '报废', value: 0 },
  180. { label: '维修', value: 1 },
  181. ],
  182. }),
  183. column: {
  184. minWidth: 120,
  185. },
  186. form: {
  187. value:1,
  188. show:true,
  189. component: { placeholder: '请填写排序'},
  190. rules: [{ required: false, message: '请填写排序' }],
  191. },
  192. editForm:{
  193. component: { disabled: true },
  194. },
  195. viewForm:{
  196. component: { placeholder: '' },
  197. rules: [{ required: true, message: '' }],
  198. }
  199. },
  200. damage_reason:{
  201. title: '原因',
  202. type: 'input',
  203. column: {
  204. minWidth: 120,
  205. },
  206. form: {
  207. component: { placeholder: '请填写原因' },
  208. rules: [{ required: false, message: '请填写原因' }],
  209. },
  210. viewForm:{
  211. component: { placeholder: '' },
  212. rules: [{ required: true, message: '' }],
  213. }
  214. },
  215. estimated_loss:{
  216. title: '预估维修费用',
  217. type: 'input',
  218. column: {
  219. minWidth: 120,
  220. show:compute(({ form }) => {
  221. // 只有当选择了胜任力标签时才显示配置
  222. return form && form.damage_type === 1;
  223. })
  224. },
  225. form: {
  226. component: { placeholder: '请填写预估维修费用' },
  227. rules: [{ required: false, message: '请填写预估维修费用' }],
  228. show:compute(({ form }) => {
  229. // 只有当选择了胜任力标签时才显示配置
  230. return form && form.damage_type === 1;
  231. })
  232. },
  233. viewForm:{
  234. component: { placeholder: '' },
  235. rules: [{ required: true, message: '' }],
  236. show:compute(({ form }) => {
  237. // 只有当选择了胜任力标签时才显示配置
  238. return form && form.damage_type === 1;
  239. })
  240. }
  241. },
  242. responsible_person:{
  243. title: '负责人',
  244. type: 'input',
  245. column: {
  246. minWidth: 120,
  247. },
  248. form: {
  249. component: { placeholder: '请填写负责人' },
  250. rules: [{ required: false, message: '请填写负责人' }],
  251. },
  252. viewForm:{
  253. component: { placeholder: '' },
  254. rules: [{ required: true, message: '' }],
  255. }
  256. },
  257. status_display:{
  258. title: '状态',
  259. type: 'input',
  260. column: {
  261. minWidth: 120,
  262. },
  263. form: {
  264. show:false,
  265. component: { placeholder: '请填写负责人' },
  266. rules: [{ required: false, message: '请填写负责人' }],
  267. },
  268. viewForm:{
  269. component: { placeholder: '' },
  270. rules: [{ required: true, message: '' }],
  271. }
  272. },
  273. },
  274. },
  275. };
  276. };