useDefineSetting.ts 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. export const useDefineSetting = () => {
  2. const flowStatusList = [
  3. { id: 0, fullName: '待提交' },
  4. { id: 1, fullName: '进行中' },
  5. { id: 2, fullName: '已通过' },
  6. { id: 3, fullName: '已拒绝' },
  7. { id: 4, fullName: '已终止' },
  8. { id: 5, fullName: '已暂停' },
  9. { id: 7, fullName: '已撤销' },
  10. { id: 8, fullName: '已退回' },
  11. { id: 9, fullName: '已撤回' },
  12. ];
  13. const flowUrgentList = [
  14. { id: 1, fullName: '普通' },
  15. { id: 2, fullName: '重要' },
  16. { id: 3, fullName: '紧急' },
  17. ];
  18. function getUrgentText(value) {
  19. if (value == 2) return '重要';
  20. if (value == 3) return '紧急';
  21. return '普通';
  22. }
  23. function getUrgentTextColor(value) {
  24. if (value == 2) return '#E6A23D';
  25. if (value == 3) return '#FF1818';
  26. return '#1890FF';
  27. }
  28. function getFlowStatusContent(value = 0) {
  29. return flowStatusList.filter((o) => o.id == value)[0]?.fullName || '';
  30. }
  31. function getFlowStatusColor(value) {
  32. if (value == 1) return '#0177FF';
  33. if (value == 2) return 'rgba(35,162,5,0.39)';
  34. if (value == 3) return 'rgba(242,68,68,0.39)';
  35. if (value == 4) return 'rgba(241,61,61,0.85)';
  36. if (value == 5) return 'rgba(185,123,6,0.39)';
  37. if (value == 6) return 'rgba(215,149,77,0.39)';
  38. if (value == 7) return 'rgba(245,127,0,0.39)';
  39. if (value == 8) return 'rgba(21,21,157,0.39)';
  40. if (value == 9) return 'rgba(186,33,33,0.39)';
  41. return '#F09437';
  42. }
  43. function getHandlingStatusContent(value) {
  44. if (value == 1) return '流转';
  45. if (value == 2) return '加签';
  46. if (value == 3) return '转审';
  47. if (value == 4) return '指派';
  48. if (value == 5) return '退回';
  49. if (value == 6) return '撤回';
  50. if (value == 7) return '协办';
  51. if (value == 8) return '撤销';
  52. if (value == 9) return '转办';
  53. return '待签收';
  54. }
  55. function getHandlingStatusColor(value) {
  56. if (value == 1) return '#3DC60A';
  57. if (value == 2) return 'rgba(25,185,185,0.39)';
  58. if (value == 3) return 'rgba(49,151,214,0.39)';
  59. if (value == 4) return 'rgba(255,0,0,0.39)';
  60. if (value == 5) return 'rgba(21,21,157,0.39)';
  61. if (value == 6) return 'rgba(186,33,33,0.39)';
  62. if (value == 7) return 'rgba(172,214,58,0.39)';
  63. if (value == 8) return 'rgba(245,127,0,0.39)';
  64. if (value == 9) return 'rgba(186,33,33,0.39)';
  65. return '#2B6EF2';
  66. }
  67. function getFlowStateContent(value) {
  68. const stateList = [
  69. '拒绝',
  70. '同意',
  71. '发起',
  72. '退回',
  73. '撤回',
  74. '加签',
  75. '减签',
  76. '转审',
  77. '暂停',
  78. '恢复',
  79. '复活',
  80. '指派',
  81. '催办',
  82. '协办',
  83. '撤销申请',
  84. '终止',
  85. '同意撤销',
  86. '拒绝撤销',
  87. '转办',
  88. ];
  89. if (value == -1) return '待审批';
  90. if (value == -2) return '未审批';
  91. if (value == -3) return '待办理';
  92. if (value == -4) return '未办理';
  93. return stateList[value] || '';
  94. }
  95. function getFlowStateColor(value) {
  96. const colorList = [
  97. 'rgba(242,68,68,0.39)',
  98. 'rgba(35,162,5,0.39)',
  99. 'rgba(0,0,255,0.39)',
  100. 'rgba(21,21,157,0.39)',
  101. 'rgba(186,33,33,0.39)',
  102. 'rgba(25,185,185,0.39)',
  103. 'rgba(50,191,61,0.39)',
  104. 'rgba(49,151,214,0.39)',
  105. 'rgba(185,123,6,0.39)',
  106. 'rgba(45,94,186,0.39)',
  107. 'rgba(50,191,61,0.39)',
  108. 'rgba(255,0,0,0.39)',
  109. 'rgba(0,128,0,0.39)',
  110. 'rgba(172,214,58,0.39)',
  111. 'rgba(245,127,0,0.39)',
  112. 'rgba(241,61,61,0.85)',
  113. 'rgba(35,162,5,0.39)',
  114. 'rgba(242,68,68,0.39)',
  115. 'rgba(49,151,214,0.39)',
  116. ];
  117. let set = new Set([-1, -2, -3, -4]);
  118. if (set.has(value)) return 'rgba(165,168,172,1)';
  119. return colorList[value] || '';
  120. }
  121. function getHexColor(color) {
  122. let values = color
  123. .replace(/rgba?\(/, '')
  124. .replace(/\)/, '')
  125. .replace(/[\s+]/g, '')
  126. .split(',');
  127. let a = parseFloat(values[3] || 1),
  128. r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),
  129. g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),
  130. b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);
  131. return '#' + ('0' + r.toString(16)).slice(-2) + ('0' + g.toString(16)).slice(-2) + ('0' + b.toString(16)).slice(-2);
  132. }
  133. return {
  134. flowStatusList,
  135. flowUrgentList,
  136. getUrgentText,
  137. getUrgentTextColor,
  138. getFlowStatusContent,
  139. getFlowStatusColor,
  140. getHandlingStatusContent,
  141. getHandlingStatusColor,
  142. getFlowStateContent,
  143. getFlowStateColor,
  144. getHexColor,
  145. };
  146. };