tables.ts 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. import type { TableColumnProps } from '@/types/basic-table';
  2. // 基础表格样式配置
  3. export const TABLE_OPTIONS = {
  4. emptyText: '暂无数据',
  5. loading: true,
  6. maxHeight: 'calc(70vh - 150px)',
  7. };
  8. // 状态选项
  9. export const WORK_PLAN_STATUS_OPTIONS = [
  10. { label: '未下发', value: 0 },
  11. { label: '进行中', value: 1 },
  12. { label: '已完成', value: 2 },
  13. { label: '已作废', value: 3 },
  14. ];
  15. // 状态标签映射
  16. export const WORK_PLAN_STATUS_LABEL: Record<string, string> = {
  17. '0': '未下发',
  18. '1': '进行中',
  19. '2': '已完成',
  20. '3': '已作废',
  21. };
  22. export const WORK_PLAN_TABLE_COLUMNS: TableColumnProps[] = [
  23. {
  24. label: '编号',
  25. type: 'index',
  26. align: 'center',
  27. width: '80px',
  28. },
  29. {
  30. label: '工作内容',
  31. prop: 'workContent',
  32. align: 'left',
  33. minWidth: '150px',
  34. showOverflowTooltip: true,
  35. },
  36. {
  37. label: '状态',
  38. prop: 'status',
  39. slot: 'status',
  40. align: 'center',
  41. minWidth: '100px',
  42. },
  43. {
  44. label: '分类名称',
  45. prop: 'classifyName',
  46. align: 'left',
  47. minWidth: '120px',
  48. },
  49. {
  50. label: '培训计划名称',
  51. prop: 'trainingPlanName',
  52. align: 'left',
  53. minWidth: '150px',
  54. showOverflowTooltip: true,
  55. },
  56. {
  57. label: '责任部门',
  58. prop: 'responsibleDept',
  59. align: 'left',
  60. minWidth: '120px',
  61. },
  62. {
  63. label: '配合部门',
  64. prop: 'cooperateDept',
  65. align: 'left',
  66. minWidth: '120px',
  67. },
  68. {
  69. label: '计划完成时间',
  70. prop: 'planCompleteTime',
  71. align: 'left',
  72. minWidth: '160px',
  73. },
  74. {
  75. label: '操作',
  76. prop: 'action',
  77. slot: 'action',
  78. fixed: 'right',
  79. width: '280px',
  80. align: 'left',
  81. },
  82. ];