FlowChart.razor.cs 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526
  1. using Microsoft.AspNetCore.Components;
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Dynamic;
  5. using System.Linq;
  6. using System.Threading.Tasks;
  7. namespace wispro.sp.web.Components
  8. {
  9. public partial class FlowChart
  10. {
  11. double TitleHeight = 100;
  12. double ChartWidth = 1400;
  13. double ChartHeight = 1000;
  14. double rectWidth = 150;
  15. double rectHeight = 60;
  16. double initRadius = 25;
  17. double EndRadius = 25;
  18. double hSeparation = 40;
  19. int rectFontSize = 18;
  20. private List<entity.workflowDefine.Step> Steps { get; set; }
  21. private List<entity.workflowDefine.TrasferCondition> Transfers { get; set; }
  22. private List<entity.workflowDefine.Action> Actions { get; set; }
  23. [Parameter]
  24. public entity.workflowDefine.Workflow workflow { get; set; }
  25. internal class shapeNode
  26. {
  27. public int InCount { get; set; }
  28. public int OutCount { get; set; }
  29. public double x { get; set; }
  30. public double y { get; set; }
  31. public double width { get; set; }
  32. public double height { get; set; }
  33. /// <summary>
  34. /// 形状类型
  35. /// 0:圆
  36. /// 1:矩形
  37. /// 3: 虚拟
  38. /// </summary>
  39. public int Type { get; set; }
  40. public int Level { get; set; } = 1;
  41. public dynamic NodeObject { get; set; }
  42. public List<shapeNode> Childrens { get; set; }
  43. public List<shapeNode> Parents { get; set; }
  44. }
  45. private List<shapeNode> shapeTrees = null;
  46. private shapeNode FindNode(int stepId, out int Level, List<shapeNode> lstNodes)
  47. {
  48. //Console.WriteLine(System.Text.Json.JsonSerializer.Serialize(lstNodes));
  49. Console.WriteLine(stepId.ToString());
  50. Console.WriteLine(System.Text.Json.JsonSerializer.Serialize(Steps));
  51. Level = 1;
  52. foreach (var sNode in lstNodes)
  53. {
  54. if (sNode.NodeObject is entity.workflowDefine.Step && sNode.NodeObject.Id == stepId)
  55. {
  56. return sNode;
  57. }
  58. else
  59. {
  60. if (sNode.Childrens != null)
  61. {
  62. Level += 1;
  63. var retObj = FindNode(stepId, out Level, sNode.Childrens);
  64. if (retObj != null)
  65. {
  66. return retObj;
  67. }
  68. }
  69. }
  70. }
  71. return null;
  72. }
  73. private void GetShapeLevelNodes(Dictionary<int, List<shapeNode>> levelNodes, List<shapeNode> TreeNodes)
  74. {
  75. if (TreeNodes != null)
  76. {
  77. foreach (var sNode in TreeNodes)
  78. {
  79. List<shapeNode> nodes = new List<shapeNode>();
  80. if (levelNodes.ContainsKey(sNode.Level))
  81. {
  82. nodes = levelNodes[sNode.Level];
  83. nodes.Add(sNode);
  84. }
  85. else
  86. {
  87. nodes.Add(sNode);
  88. levelNodes.Add(sNode.Level, nodes);
  89. }
  90. GetShapeLevelNodes(levelNodes, sNode.Childrens);
  91. }
  92. }
  93. }
  94. shapeNode startNode;
  95. shapeNode InitShape;
  96. shapeNode endNode;
  97. Dictionary<int, List<shapeNode>> LevelNodes = new Dictionary<int, List<shapeNode>>();
  98. private void initShapeTree()
  99. {
  100. #region Demo流程数据
  101. workflow = new entity.workflowDefine.Workflow();
  102. workflow.Name = "请假处理流程";
  103. workflow.Id = 1;
  104. workflow.InitAction = new entity.workflowDefine.Action();
  105. workflow.InitAction.Name = "填写请教条";
  106. Steps = new List<entity.workflowDefine.Step>();
  107. var step1 = new entity.workflowDefine.Step();
  108. step1.Name = "部门主管申核";
  109. step1.Id = 1;
  110. Steps.Add(step1);
  111. var step2 = new entity.workflowDefine.Step();
  112. step2.Name = "老板申核";
  113. step2.Id = 2;
  114. Steps.Add(step2);
  115. var step3 = new entity.workflowDefine.Step();
  116. step3.Name = "申核结果通知";
  117. step3.Id = 3;
  118. Steps.Add(step3);
  119. var step4 = new entity.workflowDefine.Step();
  120. step4.Name = "新步骤";
  121. step4.Id = 4;
  122. Steps.Add(step4);
  123. workflow.EndStepId = 3;
  124. Transfers = new List<entity.workflowDefine.TrasferCondition>();
  125. var t = new entity.workflowDefine.TrasferCondition();
  126. t.StepId = null;
  127. t.nextStepId = 1;
  128. Transfers.Add(t);
  129. var t1 = new entity.workflowDefine.TrasferCondition();
  130. t1.StepId = 1;
  131. t1.nextStepId = 2;
  132. Transfers.Add(t1);
  133. var t2 = new entity.workflowDefine.TrasferCondition();
  134. t2.StepId = 1;
  135. t2.nextStepId = 3;
  136. Transfers.Add(t2);
  137. var t3 = new entity.workflowDefine.TrasferCondition();
  138. t3.StepId = 2;
  139. t3.nextStepId = 3;
  140. Transfers.Add(t3);
  141. #endregion
  142. shapeTrees = new List<shapeNode>();
  143. startNode = new shapeNode()
  144. {
  145. //NodeObject = workflow.InitAction,
  146. InCount = 0,
  147. OutCount = 0,
  148. width = 2 * initRadius,
  149. height = 2 * initRadius,
  150. Level = 0
  151. };
  152. InitShape = new shapeNode()
  153. {
  154. NodeObject = workflow.InitAction,
  155. InCount = 0,
  156. OutCount = 0,
  157. Type = 1,
  158. Level = 1
  159. };
  160. startNode.Childrens = new List<shapeNode>();
  161. startNode.Childrens.Add(InitShape);
  162. InitShape.Parents = new List<shapeNode>();
  163. InitShape.Parents.Add(startNode);
  164. endNode = new shapeNode()
  165. {
  166. InCount = 0,
  167. OutCount = 0,
  168. height = 2 * EndRadius,
  169. width = 2 * EndRadius
  170. };
  171. shapeTrees.Add(startNode);
  172. //shapeTrees.Add(endNode);
  173. #region 将步骤对象生成形状Node并添加到列表中
  174. foreach (var step in Steps)
  175. {
  176. var temNode = new shapeNode() { NodeObject = step, InCount = 0, OutCount = 0, Type = 1 };
  177. if (workflow.EndStepId == step.Id)
  178. {
  179. temNode.Childrens = new List<shapeNode>();
  180. temNode.Childrens.Add(endNode);
  181. endNode.Parents = new List<shapeNode>();
  182. endNode.Parents.Add(temNode);
  183. }
  184. shapeTrees.Add(temNode);
  185. }
  186. #endregion
  187. #region 遍历转移条件,生成流程树
  188. foreach (var transfer in Transfers)
  189. {
  190. var FromNode = InitShape;
  191. int FromLevel = 0;
  192. if (transfer.StepId != null)
  193. {
  194. FromNode = FindNode(transfer.StepId.Value, out FromLevel, shapeTrees);
  195. }
  196. int ToLevel = 0;
  197. var ToNode = FindNode(transfer.nextStepId, out ToLevel, shapeTrees);
  198. if (FromNode.Childrens == null)
  199. {
  200. FromNode.Childrens = new List<shapeNode>();
  201. }
  202. FromNode.Childrens.Add(ToNode);
  203. if (ToNode.Parents == null)
  204. {
  205. ToNode.Parents = new List<shapeNode>();
  206. }
  207. ToNode.Parents.Add(FromNode);
  208. FromNode.OutCount += 1;
  209. ToNode.InCount += 1;
  210. if (FromNode.Level >= ToLevel)
  211. {
  212. ToNode.Level = FromNode.Level + 1;
  213. }
  214. if (shapeTrees.Contains(ToNode))
  215. {
  216. shapeTrees.Remove(ToNode);
  217. }
  218. }
  219. endNode.Level = endNode.Parents[0].Level + 1;
  220. #endregion
  221. GetShapeLevelNodes(LevelNodes, shapeTrees);
  222. #region 添加跨层连接的中间层的虚拟节点
  223. //foreach (int level in LevelNodes.Keys)
  224. //{
  225. // foreach (var temNode in LevelNodes[level])
  226. // {
  227. // if (temNode.Childrens != null)
  228. // {
  229. // foreach (var temChildrenNode in temNode.Childrens)
  230. // {
  231. // if ((temChildrenNode.Level - temNode.Level) > 1)
  232. // {
  233. // temNode.Childrens.Remove(temChildrenNode);
  234. // temChildrenNode.Parents.Remove(temNode);
  235. // var parentNode = temNode;
  236. // for (int iLevel = temNode.Level + 1; iLevel < temChildrenNode.Level; iLevel++)
  237. // {
  238. // var xnNode = new shapeNode() { Type = 3, Parents = new List<shapeNode>(), Childrens = new List<shapeNode>() };
  239. // parentNode.Childrens.Add(xnNode);
  240. // xnNode.Parents = new List<shapeNode>();
  241. // xnNode.Parents.Add(parentNode);
  242. // parentNode = xnNode;
  243. // }
  244. // parentNode.Childrens.Add(temChildrenNode);
  245. // temChildrenNode.Parents.Add(parentNode);
  246. // }
  247. // }
  248. // }
  249. // }
  250. //}
  251. #endregion
  252. int MaxNodeLevel = 0;
  253. int NodeCount = 0;
  254. foreach (int level in LevelNodes.Keys)
  255. {
  256. if (level > 1)
  257. {
  258. int temLevelCount = 0;
  259. foreach (var temNode in LevelNodes[level])
  260. {
  261. int graterInOrOut = (temNode.OutCount > temNode.InCount) ? temNode.OutCount : temNode.InCount;
  262. if (graterInOrOut <= 1)
  263. {
  264. temLevelCount += 1;
  265. }
  266. else
  267. {
  268. temLevelCount += graterInOrOut;
  269. }
  270. }
  271. if (temLevelCount > MaxNodeLevel)
  272. {
  273. MaxNodeLevel = level;
  274. NodeCount = temLevelCount;
  275. }
  276. }
  277. }
  278. #region 每层节点排序
  279. // 2.1. sort out each layer by looking at where it connects from
  280. for (var i = 1; i < LevelNodes.Count; ++i)
  281. {
  282. var top_layer = LevelNodes[i - 1];
  283. LevelNodes[i] = LevelNodes[i].OrderBy(node =>
  284. {
  285. // calculate average position based on connected nodes in top layer
  286. if(node.Parents == null)
  287. {
  288. return 0;
  289. }
  290. var connected_nodes = node.Parents
  291. .Where(l => l.Level == (i - 1)).ToList();
  292. if (!connected_nodes.Any())
  293. {
  294. return 0;
  295. }
  296. var average_index = connected_nodes.Select(cn => { var i = top_layer.IndexOf(cn); return i; }).Average();
  297. return average_index;
  298. }).ToList();
  299. }
  300. // 2.2. now that all but the first layer are layed out, let's deal with the first
  301. if (LevelNodes.Count > 1)
  302. {
  303. LevelNodes[0] = LevelNodes[0].OrderBy(node =>
  304. {
  305. // calculate average position based on connected nodes in top layer
  306. var connected_nodes = node.Childrens
  307. .Where(l => l.Level == 1)
  308. .ToList();
  309. if (!connected_nodes.Any())
  310. {
  311. return 0;
  312. }
  313. var average_index = connected_nodes.Select(cn => { var i = LevelNodes[1].IndexOf(cn); return i; }).Average();
  314. return average_index;
  315. }).ToList();
  316. }
  317. #endregion
  318. ArrangeNodesInRows(LevelNodes);
  319. }
  320. private void ArrangeNodesInRows(Dictionary<int, List<shapeNode>> LevelNodes)
  321. {
  322. double preBotton = TitleHeight;
  323. for (int iLevel = 0; iLevel < LevelNodes.Count; iLevel++)
  324. {
  325. int iCount = 0;
  326. foreach (var node in LevelNodes[iLevel])
  327. {
  328. int max = (node.InCount > node.OutCount) ? node.InCount : node.OutCount;
  329. if (max == 0)
  330. {
  331. max = 1;
  332. }
  333. iCount += max;
  334. }
  335. double onNodeWidth = ChartWidth / (iCount + 1);
  336. iCount = 0;
  337. double maxHeight = 0;
  338. foreach (var node in LevelNodes[iLevel])
  339. {
  340. int max = (node.InCount > node.OutCount) ? node.InCount : node.OutCount;
  341. if (max == 0)
  342. {
  343. max = 1;
  344. }
  345. node.x = onNodeWidth * (iCount + 1) + (max - 1) * onNodeWidth / 2;
  346. if (node.Type == 0)
  347. {
  348. node.width = 2 * initRadius;
  349. node.height = 2 * initRadius;
  350. }
  351. else
  352. {
  353. node.width = rectWidth;
  354. node.height = rectHeight;
  355. }
  356. iCount += max;
  357. if (node.height > maxHeight)
  358. {
  359. maxHeight = node.height;
  360. }
  361. }
  362. foreach (var node in LevelNodes[iLevel])
  363. {
  364. node.y = preBotton + hSeparation + maxHeight / 2;
  365. }
  366. preBotton = preBotton + hSeparation + maxHeight;
  367. }
  368. }
  369. public dynamic GetLineParater(entity.workflowDefine.TrasferCondition trasferCondition)
  370. {
  371. int level = 0;
  372. var startNode = InitShape;
  373. if (trasferCondition.StepId != null)
  374. {
  375. startNode = FindNode(trasferCondition.StepId.Value, out level, shapeTrees);
  376. }
  377. var endNode = FindNode(trasferCondition.nextStepId, out level, shapeTrees);
  378. dynamic ret = new ExpandoObject();
  379. ret.x1 = startNode.x;
  380. ret.y1 = startNode.y + startNode.height / 2;
  381. ret.x2 = endNode.x;
  382. ret.y2 = endNode.y - endNode.height / 2;
  383. return ret;
  384. }
  385. public dynamic GetEndStepLine()
  386. {
  387. var startNode =endNode.Parents[0];
  388. dynamic ret = new ExpandoObject();
  389. ret.x1 = startNode.x;
  390. ret.y1 = startNode.y + startNode.height / 2;
  391. ret.x2 = endNode.x;
  392. ret.y2 = endNode.y - endNode.height / 2;
  393. return ret;
  394. }
  395. protected override void OnInitialized()
  396. {
  397. initShapeTree();
  398. }
  399. void ClickStep(entity.workflowDefine.Step step)
  400. {
  401. }
  402. void ClickTrasfer(entity.workflowDefine.TrasferCondition trasferCondition)
  403. {
  404. }
  405. void InitAction()
  406. {
  407. }
  408. void ClickNode(shapeNode node)
  409. {
  410. }
  411. }
  412. }