FlowChart.razor.cs 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638
  1. using Microsoft.AspNetCore.Components;
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Drawing;
  5. using System.Dynamic;
  6. using System.Linq;
  7. using System.Threading.Tasks;
  8. using wispro.sp.entity.workflowDefine;
  9. namespace wispro.sp.web.Components
  10. {
  11. public partial class FlowChart
  12. {
  13. [Parameter]
  14. public double TitleHeight { get; set; } = 100;
  15. [Parameter]
  16. public double ChartWidth { get; set; } = 1200;
  17. [Parameter]
  18. public double ChartHeight { get; set; } = 900;
  19. [Parameter]
  20. public double rectWidth { get; set; } = 150;
  21. [Parameter]
  22. public double rectHeight { get; set; } = 60;
  23. [Parameter]
  24. public double initRadius { get; set; } = 20;
  25. [Parameter]
  26. public double EndRadius { get; set; } = 20;
  27. [Parameter]
  28. public double hSeparation { get; set; } = 40;
  29. [Parameter]
  30. public string StepShapeColor { get; set; } = "green";
  31. [Parameter]
  32. public string EndShapColor { get; set; } = "gray";
  33. int rectFontSize { get; set; } = 18;
  34. [Parameter]
  35. public List<entity.workflowDefine.Step> Steps { get; set; }
  36. [Parameter]
  37. public List<entity.workflowDefine.TrasferCondition> Transfers { get; set; }
  38. [Parameter]
  39. public List<entity.workflowDefine.Action> Actions { get; set; }
  40. [Parameter]
  41. public entity.workflowDefine.Workflow workflow { get; set; }
  42. internal class shapeNode
  43. {
  44. public int InCount { get; set; }
  45. public int OutCount { get; set; }
  46. public double x { get; set; }
  47. public double y { get; set; }
  48. public double width { get; set; }
  49. public double height { get; set; }
  50. /// <summary>
  51. /// 形状类型
  52. /// 0:圆
  53. /// 1:矩形
  54. /// 3: 虚拟
  55. /// </summary>
  56. public int Type { get; set; }
  57. public int Level { get; set; } = 1;
  58. public dynamic NodeObject { get; set; }
  59. public List<shapeNode> Childrens { get; set; }
  60. public List<shapeNode> Parents { get; set; }
  61. public string FillColor { get; set; } = "white";
  62. }
  63. private List<shapeNode> shapeTrees = null;
  64. private shapeNode FindNode(int stepId, out int Level, List<shapeNode> lstNodes)
  65. {
  66. Level = 1;
  67. foreach (var sNode in lstNodes)
  68. {
  69. if (sNode.NodeObject is entity.workflowDefine.Step && sNode.NodeObject.Id == stepId)
  70. {
  71. return sNode;
  72. }
  73. else
  74. {
  75. if (sNode.Childrens != null)
  76. {
  77. Level += 1;
  78. var retObj = FindNode(stepId, out Level, sNode.Childrens);
  79. if (retObj != null)
  80. {
  81. return retObj;
  82. }
  83. }
  84. }
  85. }
  86. return null;
  87. }
  88. private void GetShapeLevelNodes(Dictionary<int, List<shapeNode>> levelNodes, List<shapeNode> TreeNodes)
  89. {
  90. if (TreeNodes != null)
  91. {
  92. foreach (var sNode in TreeNodes)
  93. {
  94. List<shapeNode> nodes = new List<shapeNode>();
  95. if (levelNodes.ContainsKey(sNode.Level))
  96. {
  97. nodes = levelNodes[sNode.Level];
  98. nodes.Add(sNode);
  99. }
  100. else
  101. {
  102. nodes.Add(sNode);
  103. levelNodes.Add(sNode.Level, nodes);
  104. }
  105. GetShapeLevelNodes(levelNodes, sNode.Childrens);
  106. }
  107. }
  108. }
  109. shapeNode startNode;
  110. shapeNode InitShape;
  111. shapeNode endNode;
  112. Dictionary<int, List<shapeNode>> LevelNodes = new Dictionary<int, List<shapeNode>>();
  113. private void initShapeTree()
  114. {
  115. shapeTrees = new List<shapeNode>();
  116. LevelNodes = new Dictionary<int, List<shapeNode>>();
  117. startNode = new shapeNode()
  118. {
  119. //NodeObject = workflow.InitAction,
  120. InCount = 0,
  121. OutCount = 0,
  122. width = 2 * initRadius,
  123. height = 2 * initRadius,
  124. Level = 0
  125. };
  126. InitShape = new shapeNode()
  127. {
  128. NodeObject = workflow.InitAction,
  129. InCount = 0,
  130. OutCount = 0,
  131. Type = 1,
  132. Level = 1,
  133. FillColor = StepShapeColor
  134. };
  135. startNode.Childrens = new List<shapeNode>();
  136. startNode.Childrens.Add(InitShape);
  137. InitShape.Parents = new List<shapeNode>();
  138. InitShape.Parents.Add(startNode);
  139. endNode = new shapeNode()
  140. {
  141. InCount = 0,
  142. OutCount = 0,
  143. height = 2 * EndRadius,
  144. width = 2 * EndRadius,
  145. FillColor = EndShapColor
  146. };
  147. shapeTrees.Add(startNode);
  148. //shapeTrees.Add(endNode);
  149. #region 将步骤对象生成形状Node并添加到列表中
  150. if (Steps == null || Steps.Count == 0 || Steps.FirstOrDefault(s => s.Id == workflow.EndStepId) == null)
  151. {
  152. InitShape.Childrens = new List<shapeNode>();
  153. InitShape.Childrens.Add(endNode);
  154. InitShape.OutCount += 1;
  155. endNode.Parents = new List<shapeNode>();
  156. endNode.Parents.Add(InitShape);
  157. endNode.InCount += 1;
  158. endNode.Level = InitShape.Level + 1;
  159. }
  160. if (Steps != null)
  161. {
  162. foreach (var step in Steps)
  163. {
  164. var temNode = new shapeNode() { NodeObject = step, InCount = 0, OutCount = 0, Type = 1,FillColor = StepShapeColor };
  165. if (workflow.EndStepId == step.Id)
  166. {
  167. temNode.Childrens = new List<shapeNode>();
  168. temNode.Childrens.Add(endNode);
  169. endNode.Parents = new List<shapeNode>();
  170. endNode.Parents.Add(temNode);
  171. }
  172. shapeTrees.Add(temNode);
  173. }
  174. }
  175. #endregion
  176. #region 遍历转移条件,生成流程树
  177. if (Transfers != null)
  178. {
  179. foreach (var transfer in Transfers)
  180. {
  181. var FromNode = InitShape;
  182. int FromLevel = 0;
  183. if (transfer.StepId != null)
  184. {
  185. FromNode = FindNode(transfer.StepId.Value, out FromLevel, shapeTrees);
  186. }
  187. int ToLevel = 0;
  188. var ToNode = FindNode(transfer.nextStepId, out ToLevel, shapeTrees);
  189. if (FromNode.Childrens == null)
  190. {
  191. FromNode.Childrens = new List<shapeNode>();
  192. }
  193. FromNode.Childrens.Add(ToNode);
  194. if (ToNode.Parents == null)
  195. {
  196. ToNode.Parents = new List<shapeNode>();
  197. }
  198. ToNode.Parents.Add(FromNode);
  199. FromNode.OutCount += 1;
  200. ToNode.InCount += 1;
  201. if (FromNode.Level >= ToLevel)
  202. {
  203. ToNode.Level = FromNode.Level + 1;
  204. }
  205. if (shapeTrees.Contains(ToNode))
  206. {
  207. shapeTrees.Remove(ToNode);
  208. }
  209. }
  210. endNode.Level = endNode.Parents[0].Level + 1;
  211. }
  212. #endregion
  213. GetShapeLevelNodes(LevelNodes, shapeTrees);
  214. #region 添加跨层连接的中间层的虚拟节点
  215. //foreach (int level in LevelNodes.Keys)
  216. //{
  217. // foreach (var temNode in LevelNodes[level])
  218. // {
  219. // if (temNode.Childrens != null)
  220. // {
  221. // foreach (var temChildrenNode in temNode.Childrens)
  222. // {
  223. // if ((temChildrenNode.Level - temNode.Level) > 1)
  224. // {
  225. // temNode.Childrens.Remove(temChildrenNode);
  226. // temChildrenNode.Parents.Remove(temNode);
  227. // var parentNode = temNode;
  228. // for (int iLevel = temNode.Level + 1; iLevel < temChildrenNode.Level; iLevel++)
  229. // {
  230. // var xnNode = new shapeNode() { Type = 3, Parents = new List<shapeNode>(), Childrens = new List<shapeNode>() };
  231. // parentNode.Childrens.Add(xnNode);
  232. // xnNode.Parents = new List<shapeNode>();
  233. // xnNode.Parents.Add(parentNode);
  234. // parentNode = xnNode;
  235. // }
  236. // parentNode.Childrens.Add(temChildrenNode);
  237. // temChildrenNode.Parents.Add(parentNode);
  238. // }
  239. // }
  240. // }
  241. // }
  242. //}
  243. #endregion
  244. int MaxNodeLevel = 0;
  245. int NodeCount = 0;
  246. foreach (int level in LevelNodes.Keys)
  247. {
  248. if (level > 1)
  249. {
  250. int temLevelCount = 0;
  251. foreach (var temNode in LevelNodes[level])
  252. {
  253. int graterInOrOut = (temNode.OutCount > temNode.InCount) ? temNode.OutCount : temNode.InCount;
  254. if (graterInOrOut <= 1)
  255. {
  256. temLevelCount += 1;
  257. }
  258. else
  259. {
  260. temLevelCount += graterInOrOut;
  261. }
  262. }
  263. if (temLevelCount > MaxNodeLevel)
  264. {
  265. MaxNodeLevel = level;
  266. NodeCount = temLevelCount;
  267. }
  268. }
  269. }
  270. #region 每层节点排序
  271. // 2.1. sort out each layer by looking at where it connects from
  272. for (var i = 1; i < LevelNodes.Count; ++i)
  273. {
  274. var top_layer = LevelNodes[i - 1];
  275. LevelNodes[i] = LevelNodes[i].OrderBy(node =>
  276. {
  277. // calculate average position based on connected nodes in top layer
  278. if (node.Parents == null)
  279. {
  280. return 0;
  281. }
  282. var connected_nodes = node.Parents
  283. .Where(l => l.Level == (i - 1)).ToList();
  284. if (!connected_nodes.Any())
  285. {
  286. return 0;
  287. }
  288. var average_index = connected_nodes.Select(cn => { var i = top_layer.IndexOf(cn); return i; }).Average();
  289. return average_index;
  290. }).ToList();
  291. }
  292. // 2.2. now that all but the first layer are layed out, let's deal with the first
  293. if (LevelNodes.Count > 1)
  294. {
  295. LevelNodes[0] = LevelNodes[0].OrderBy(node =>
  296. {
  297. // calculate average position based on connected nodes in top layer
  298. var connected_nodes = node.Childrens
  299. .Where(l => l.Level == 1)
  300. .ToList();
  301. if (!connected_nodes.Any())
  302. {
  303. return 0;
  304. }
  305. var average_index = connected_nodes.Select(cn => { var i = LevelNodes[1].IndexOf(cn); return i; }).Average();
  306. return average_index;
  307. }).ToList();
  308. }
  309. #endregion
  310. ArrangeNodesInRows(LevelNodes);
  311. }
  312. private void ArrangeNodesInRows(Dictionary<int, List<shapeNode>> LevelNodes)
  313. {
  314. double preBotton = TitleHeight;
  315. for (int iLevel = 0; iLevel < LevelNodes.Count; iLevel++)
  316. {
  317. int iCount = 0;
  318. foreach (var node in LevelNodes[iLevel])
  319. {
  320. int max = (node.InCount > node.OutCount) ? node.InCount : node.OutCount;
  321. if (max == 0)
  322. {
  323. max = 1;
  324. }
  325. iCount += max;
  326. }
  327. double onNodeWidth = ChartWidth / (iCount + 1);
  328. iCount = 0;
  329. double maxHeight = 0;
  330. foreach (var node in LevelNodes[iLevel])
  331. {
  332. int max = (node.InCount > node.OutCount) ? node.InCount : node.OutCount;
  333. if (max == 0)
  334. {
  335. max = 1;
  336. }
  337. node.x = onNodeWidth * (iCount + 1) + (max - 1) * onNodeWidth / 2;
  338. if (node.Type == 0)
  339. {
  340. node.width = 2 * initRadius;
  341. node.height = 2 * initRadius;
  342. }
  343. else
  344. {
  345. node.width = rectWidth;
  346. node.height = rectHeight;
  347. }
  348. iCount += max;
  349. if (node.height > maxHeight)
  350. {
  351. maxHeight = node.height;
  352. }
  353. }
  354. foreach (var node in LevelNodes[iLevel])
  355. {
  356. node.y = preBotton + hSeparation + maxHeight / 2;
  357. }
  358. preBotton = preBotton + hSeparation + maxHeight;
  359. }
  360. }
  361. public dynamic GetLineParater(entity.workflowDefine.TrasferCondition trasferCondition)
  362. {
  363. int level = 0;
  364. var startNode = InitShape;
  365. if (trasferCondition.StepId != null)
  366. {
  367. startNode = FindNode(trasferCondition.StepId.Value, out level, shapeTrees);
  368. }
  369. var endNode = FindNode(trasferCondition.nextStepId, out level, shapeTrees);
  370. dynamic ret = new ExpandoObject();
  371. ret.x1 = startNode.x;
  372. ret.y1 = startNode.y + startNode.height / 2;
  373. ret.x2 = endNode.x;
  374. ret.y2 = endNode.y - endNode.height / 2;
  375. double x3 = 0.0;
  376. double y3 = 0.0;
  377. GetArrorEndPoint(ret, out x3, out y3);
  378. Console.WriteLine($"x1:{ret.x1};y1:{ret.y1}\r\nx2:{ret.x2};y2:{ret.y2}\r\nx3:{x3};y3:{y3}\r\n");
  379. ret.x2 = x3;
  380. ret.y2 = y3;
  381. return ret;
  382. }
  383. public void GetArrorEndPoint(dynamic ret, out double x3, out double y3)
  384. {
  385. if (ret.x1 == ret.x2)
  386. {
  387. x3 = ret.x1;
  388. if (ret.y2 > ret.y1)
  389. {
  390. y3 = ret.y2 - 8;
  391. }
  392. else
  393. {
  394. y3 = ret.y2 + 8;
  395. }
  396. }
  397. else
  398. {
  399. if (ret.y1 == ret.y2)
  400. {
  401. y3 = ret.y1;
  402. if (ret.x1 < ret.x2)
  403. {
  404. x3 = ret.x2 - 8;
  405. }
  406. else
  407. {
  408. x3 = ret.x2 + 8;
  409. }
  410. }
  411. else
  412. {
  413. double k = (ret.y1 - ret.y2) / (ret.x1 - ret.x2);
  414. double b = ret.y2 - k * ret.x2;
  415. Console.WriteLine($"k={k};b={b}");
  416. double a = k * k + 1;
  417. double B = 2 * k * (b - ret.y2) - 2 * ret.x2;
  418. double c = (b - ret.y2) * (b - ret.y2) + ret.x2 * ret.x2 - 100;
  419. double x3_1 = (Math.Sqrt(B * B - 4 * a * c) - B) / (2 * a);
  420. double x3_2 = ((Math.Sqrt(B * B - 4 * a * c) + B) / (2 * a)) * -1;
  421. if (ret.x1 < ret.x2)
  422. {
  423. x3 = (x3_1 < x3_2) ? x3_1 : x3_2;
  424. }
  425. else
  426. {
  427. x3 = (x3_1 < x3_2) ? x3_2 : x3_1;
  428. }
  429. y3 = k * x3 + b;
  430. }
  431. }
  432. }
  433. public dynamic GetEndStepLine()
  434. {
  435. var startNode = endNode.Parents[0];
  436. dynamic ret = new ExpandoObject();
  437. ret.x1 = startNode.x;
  438. ret.y1 = startNode.y + startNode.height / 2;
  439. ret.x2 = endNode.x;
  440. ret.y2 = endNode.y - endNode.height / 2;
  441. double x3 = 0.0;
  442. double y3 = 0.0;
  443. GetArrorEndPoint(ret, out x3, out y3);
  444. ret.x2 = x3;
  445. ret.y2 = y3;
  446. return ret;
  447. }
  448. public dynamic GetStartInitLine()
  449. {
  450. dynamic ret = new ExpandoObject();
  451. ret.x1 = this.startNode.x;
  452. ret.y1 = this.startNode.y + startNode.height / 2;
  453. ret.x2 = InitShape.x;
  454. ret.y2 = InitShape.y - InitShape.height / 2;
  455. double x3 = 0.0;
  456. double y3 = 0.0;
  457. GetArrorEndPoint(ret, out x3, out y3);
  458. ret.x2 = x3;
  459. ret.y2 = y3;
  460. return ret;
  461. }
  462. protected override void OnInitialized()
  463. {
  464. initShapeTree();
  465. }
  466. public void Refresh()
  467. {
  468. System.Text.Json.JsonSerializer.Serialize(Actions);
  469. initShapeTree();
  470. StateHasChanged();
  471. }
  472. void ClickStep(entity.workflowDefine.Step step)
  473. {
  474. }
  475. void ClickTrasfer(entity.workflowDefine.TrasferCondition trasferCondition)
  476. {
  477. if (OnClickTransfer.HasDelegate)
  478. {
  479. OnClickTransfer.InvokeAsync(trasferCondition);
  480. }
  481. }
  482. void InitAction()
  483. {
  484. }
  485. [Parameter]
  486. public EventCallback<entity.workflowDefine.Step> OnClickStep { get; set; }
  487. [Parameter]
  488. public EventCallback<entity.workflowDefine.Action> OnClickAction{ get; set; }
  489. [Parameter]
  490. public EventCallback<entity.workflowDefine.TrasferCondition> OnClickTransfer { get; set; }
  491. void ClickNode(shapeNode node)
  492. {
  493. if(node.NodeObject is entity.workflowDefine.Step)
  494. {
  495. if (OnClickStep.HasDelegate)
  496. {
  497. OnClickStep.InvokeAsync((entity.workflowDefine.Step)node.NodeObject);
  498. }
  499. }
  500. if (node.NodeObject is entity.workflowDefine.Action)
  501. {
  502. if (OnClickAction.HasDelegate)
  503. {
  504. OnClickAction.InvokeAsync((entity.workflowDefine.Action)node.NodeObject);
  505. }
  506. }
  507. }
  508. }
  509. }