sub_project.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. const NameChange = function (obj) {
  2. if (obj.value.length > 100) {
  3. obj.classList.add('is-invalid');
  4. } else {
  5. obj.classList.remove('is-invalid');
  6. }
  7. };
  8. $(document).ready(function() {
  9. const projectTreeObj = (function(setting){
  10. const ProjectTree = createDragTree(setting.treeSetting);
  11. ProjectTree.loadDatas(setting.source);
  12. const TableObj = $(setting.table);
  13. const Utils = {
  14. getRowTdHtml: function (node, tree) {
  15. const html = [];
  16. // 名称
  17. html.push('<td width="100%" class="in-' + node.tree_level + '">');
  18. if (node.is_folder) {
  19. if (node.children.length > 0) {
  20. html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" id="'+ node.id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ', node.name);
  21. } else {
  22. html.push('<i class="fa fa-folder-o"></i> ', node.name);
  23. }
  24. } else {
  25. html.push(`<span class="text-muted mr-2">${tree.isLastSibling(node) ? '└' : '├'}</span>`);
  26. html.push(`<a href="/wap/sp/${node.id}/list" name="name" id="${node.id}">`, node.name, '</a>');
  27. }
  28. html.push('</td>');
  29. return html.join('');
  30. },
  31. getNodeTrHtml: function (node, tree) {
  32. const html = [];
  33. html.push(`<tr tree_id="${node.id}" draggable="true">`);
  34. html.push(Utils.getRowTdHtml(node, tree));
  35. html.push(`</tr>`);
  36. return html.join('');
  37. },
  38. reloadTable: function () {
  39. const html = [];
  40. for (const node of ProjectTree.nodes) {
  41. html.push(Utils.getNodeTrHtml(node, ProjectTree));
  42. }
  43. TableObj.html(html.join(''));
  44. },
  45. getSelectNode: function() {
  46. const selectId = $('tr.table-active').attr('tree_id');
  47. return selectId ? ProjectTree.getItems(selectId) : null;
  48. },
  49. getSelectNodeId: function() {
  50. const selectId = $('tr.table-active').attr('tree_id');
  51. return selectId || setting.treeSetting.rootId;
  52. },
  53. refreshTreeTable: function(result) {
  54. ProjectTree.loadDatas(result);
  55. if (ProjectTree.nodes.length > 0 && $('#no-project').length > 0) window.location.reload();
  56. Utils.reloadTable();
  57. },
  58. refreshRow: function(result) {
  59. const refreshData = ProjectTree.loadPostData(result);
  60. if (!refreshData.update) return;
  61. for (const u of refreshData.update) {
  62. $(`tr[tree_id=${u.id}]`).html(Utils.getRowTdHtml(u, ProjectTree));
  63. }
  64. },
  65. expandByLevel: function(level){
  66. ProjectTree.expandByLevel(level);
  67. for (const node of ProjectTree.nodes) {
  68. const tr = $(`tr[tree_id=${node.id}]`);
  69. if (node.expanded) {
  70. $('.fold-switch', tr).html(`<i class="fa fa-minus-square-o"></i>`);
  71. } else {
  72. $('.fold-switch', tr).html(`<i class="fa fa-plus-square-o"></i>`);
  73. }
  74. if (node.visible) {
  75. tr.show();
  76. } else {
  77. tr.hide();
  78. }
  79. }
  80. }
  81. };
  82. Utils.reloadTable();
  83. $('body').on('click', '.fold-switch', function() {
  84. const id = this.getAttribute('id');
  85. const node = ProjectTree.getItems(id);
  86. ProjectTree.setExpanded(node, !node.expanded);
  87. const posterity = ProjectTree.getPosterity(node);
  88. if (node.expanded) {
  89. $(this).html(`<i class="fa fa-minus-square-o"></i>`);
  90. } else {
  91. $(this).html(`<i class="fa fa-plus-square-o"></i>`);
  92. }
  93. for (const p of posterity) {
  94. if (p.visible) {
  95. $(`tr[tree_id=${p.id}]`).show();
  96. } else {
  97. $(`tr[tree_id=${p.id}]`).hide();
  98. }
  99. }
  100. });
  101. const getChildrenLevel = function (node) {
  102. let iLevel = node.tree_level || 1;
  103. if (node.children && node.children.length > 0) {
  104. for (const c of node.children) {
  105. iLevel = Math.max(iLevel, getChildrenLevel(c));
  106. }
  107. }
  108. return iLevel;
  109. };
  110. return { ProjectTree, TableObj, ...Utils };
  111. })({
  112. treeSetting: { id: 'id', pid: 'tree_pid', level: 'tree_level', order: 'tree_order', rootId: '-1' },
  113. source: projectList,
  114. table: '#projectList',
  115. });
  116. });