table.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /**
  2. * 车辆信息表格配置
  3. */
  4. import type { TableColumnProps } from '@/types/basic-table';
  5. export const VEHICLE_LIST_TABLE_MAX_HEIGHT_DEFAULT = 'calc(70vh - 80px)';
  6. export const VEHICLE_LIST_TABLE_MAX_HEIGHT_PERMISSION = 'calc(70vh - 130px)';
  7. // 基础表格样式配置
  8. const TABLE_OPTIONS = {
  9. emptyText: '暂无数据',
  10. loading: true,
  11. };
  12. // 车辆信息表格样式配置
  13. export const VEHICLE_LIST_TABLE_OPTIONS = {
  14. ...TABLE_OPTIONS,
  15. };
  16. // 应急处置表格列配置
  17. export const VEHICLE_LIST_TABLE_COLUMNS: TableColumnProps[] = [
  18. {
  19. label: '',
  20. width: '55px',
  21. type: 'selection',
  22. },
  23. {
  24. label: '序号',
  25. prop: 'index',
  26. width: '80px',
  27. type: 'index',
  28. align: 'center',
  29. },
  30. {
  31. label: '车牌号',
  32. prop: 'carNum',
  33. align: 'left',
  34. minWidth: '180px',
  35. },
  36. {
  37. label: '姓名',
  38. prop: 'userName',
  39. align: 'left',
  40. minWidth: '180px',
  41. },
  42. {
  43. label: '工号',
  44. prop: 'staffNo',
  45. align: 'left',
  46. minWidth: '180px',
  47. },
  48. {
  49. label: '所属部门',
  50. prop: 'deptName',
  51. align: 'left',
  52. minWidth: '180px',
  53. },
  54. {
  55. label: '联系方式',
  56. prop: 'phoneNum',
  57. align: 'left',
  58. minWidth: '180px',
  59. },
  60. {
  61. label: '操作',
  62. prop: 'action',
  63. align: 'left',
  64. slot: 'action',
  65. fixed: 'right',
  66. width: '180px',
  67. },
  68. ];