sub_project.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  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. let tenderTreeShowLevel;
  14. const Utils = {
  15. getRowTdHtml: function (node, tree) {
  16. const html = [];
  17. // 名称
  18. html.push('<td width="20%" class="in-' + node.tree_level + '">');
  19. if (node.is_folder) {
  20. if (node.children.length > 0) {
  21. 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);
  22. } else {
  23. html.push('<i class="fa fa-folder-o"></i> ', node.name);
  24. }
  25. } else {
  26. html.push(`<span class="text-muted mr-2">${tree.isLastSibling(node) ? '└' : '├'}</span>`);
  27. html.push(`<a href="sp/${node.id}/dashboard" name="name" id="${node.id}">`, node.name, '</a>');
  28. }
  29. html.push('</td>');
  30. // 概预算标准
  31. if (node.is_folder) {
  32. html.push(`<td class="text-center"></td>`);
  33. } else {
  34. if (node.std_name) {
  35. html.push(`<td class="text-center">${node.std_name}</td>`);
  36. } else if (canEdit) {
  37. html.push(`<td class="text-center"><button class="btn btn-outline-primary btn-sm ml-1" name="set-std">选择</button></td>`);
  38. } else {
  39. html.push(`<td class="text-center"></td>`);
  40. }
  41. }
  42. // 创建时间
  43. if (node.is_folder) {
  44. html.push(`<td class="text-center"></td>`);
  45. html.push(`<td class="text-center"></td>`);
  46. } else {
  47. html.push(`<td class="text-center">${moment(node.create_time).format('YYYY-MM-DD')}</td>`);
  48. if (canEdit) {
  49. html.push(`<td class="text-center">${node.management || ''}<a class="ml-2" href="javascript: void(0)" name="set-management"><i class="fa fa-pencil-square-o "></i></a>${node.management ? '<a class="ml-2" href="javascript: void(0)" name="refresh-management"><i class="fa fa-refresh "></i></a>': ''}</td>`);
  50. } else {
  51. html.push(`<td class="text-center">${node.management || ''}</td>`);
  52. }
  53. }
  54. // 操作
  55. html.push(`<td>`);
  56. if (canEdit) {
  57. html.push('<button class="btn btn-outline-primary btn-sm ml-1" name="edit">编辑</button>');
  58. html.push('<button class="btn btn-outline-danger btn-sm ml-1" name="del">删除</button>');
  59. html.push('<button class="btn btn-outline-primary btn-sm ml-1" name="up"><i class="fa fa-arrow-up"></i></button>');
  60. html.push('<button class="btn btn-outline-primary btn-sm ml-1" name="down"><i class="fa fa-arrow-down"></i></button>');
  61. html.push('<button class="btn btn-outline-primary btn-sm ml-1" name="top">顶层</button>');
  62. if (!node.is_folder) html.push('<button class="btn btn-outline-primary btn-sm ml-1" name="member">成员管理</button>');
  63. }
  64. html.push('</td>');
  65. return html.join('');
  66. },
  67. getNodeTrHtml: function (node, tree) {
  68. const html = [];
  69. html.push(`<tr tree_id="${node.id}" draggable="true">`);
  70. html.push(Utils.getRowTdHtml(node, tree));
  71. html.push(`</tr>`);
  72. return html.join('');
  73. },
  74. reloadTable: function () {
  75. const html = [];
  76. for (const node of ProjectTree.nodes) {
  77. html.push(Utils.getNodeTrHtml(node, ProjectTree));
  78. }
  79. TableObj.html(html.join(''));
  80. },
  81. getSelectNode: function() {
  82. const selectId = $('tr.table-active').attr('tree_id');
  83. return selectId ? ProjectTree.getItems(selectId) : null;
  84. },
  85. getSelectNodeId: function() {
  86. const selectId = $('tr.table-active').attr('tree_id');
  87. return selectId || setting.treeSetting.rootId;
  88. },
  89. refreshAddButton: function() {
  90. const select = this.getSelectNode();
  91. // $('[href="#add-folder"]').attr("disabled", select && (select.tree_level >= 4 || !select.is_folder));
  92. if (select && (select.tree_level >= 4 || !select.is_folder)) {
  93. $('[href="#add-folder"]').hide();
  94. } else {
  95. $('[href="#add-folder"]').show();
  96. }
  97. if (select && !select.is_folder) {
  98. $('[href="#add-project"]').hide();
  99. } else {
  100. $('[href="#add-project"]').show();
  101. }
  102. },
  103. refreshTreeTable: function(result) {
  104. ProjectTree.loadDatas(result);
  105. if (ProjectTree.nodes.length > 0 && $('#no-project').length > 0) window.location.reload();
  106. Utils.reloadTable();
  107. },
  108. refreshRow: function(result) {
  109. const refreshData = ProjectTree.loadPostData(result);
  110. if (!refreshData.update) return;
  111. for (const u of refreshData.update) {
  112. $(`tr[tree_id=${u.id}]`).html(Utils.getRowTdHtml(u, ProjectTree));
  113. }
  114. },
  115. dropTo: function() {
  116. if (!Utils.dropNode.is_folder) {
  117. toastr.warning('请将文件夹或者项目拖动到目标文件夹下');
  118. return;
  119. }
  120. const parents = ProjectTree.getAllParents(Utils.dropNode);
  121. const existParent = parents.find(x => { return x.id === Utils.dragNode.id; });
  122. if (existParent) {
  123. toastr.error('请勿将文件夹移动到子文件夹下');
  124. return;
  125. }
  126. const posterity = ProjectTree.getPosterity(Utils.dragNode);
  127. const maxLevelFolder = posterity.reduce((prev, cur) => { return cur.is_folder ? Math.max(cur.tree_level, prev) : prev; }, Utils.dragNode.tree_level);
  128. const resultMaxLevelFolder = Utils.dropNode.tree_level + maxLevelFolder - Utils.dragNode.tree_level + 1;
  129. if (resultMaxLevelFolder > 4) {
  130. toastr.warning('文件夹不可超过4层');
  131. return;
  132. }
  133. postData('/subproj/dragTo', { drag_id: Utils.dragNode.id, drop_id: Utils.dropNode.id }, function (result){
  134. Utils.refreshTreeTable(result);
  135. });
  136. delete Utils.dragNode;
  137. delete Utils.dropNode;
  138. },
  139. move: function(node, type) {
  140. postData('/subproj/move', { id: node.id, type }, function (result) {
  141. Utils.refreshTreeTable(result);
  142. });
  143. },
  144. expandByLevel: function(level){
  145. ProjectTree.expandByLevel(level);
  146. for (const node of ProjectTree.nodes) {
  147. const tr = $(`tr[tree_id=${node.id}]`);
  148. if (node.expanded) {
  149. $('.fold-switch', tr).html(`<i class="fa fa-minus-square-o"></i>`);
  150. } else {
  151. $('.fold-switch', tr).html(`<i class="fa fa-plus-square-o"></i>`);
  152. }
  153. if (node.visible) {
  154. tr.show();
  155. } else {
  156. tr.hide();
  157. }
  158. }
  159. }
  160. };
  161. Utils.reloadTable();
  162. $('body').on('click', 'tr[tree_id]', function() {
  163. if ($(this).hasClass('table-active')) {
  164. $(this).removeClass('table-active');
  165. } else {
  166. $('tr[tree_id].table-active').removeClass('table-active');
  167. $(this).addClass('table-active');
  168. }
  169. Utils.refreshAddButton();
  170. });
  171. $('body').on('dragstart', 'tr[tree_id]', function(e) {
  172. Utils.dragNode = ProjectTree.getItems(e.target.getAttribute('tree_id'));
  173. });
  174. $('body').on('drop', 'tr[tree_id]', function(e) {
  175. Utils.dropNode = ProjectTree.getItems(e.currentTarget.getAttribute('tree_id'));
  176. Utils.dropTo();
  177. });
  178. $('body').on('dragover', 'tr[tree_id]', function(e) {
  179. const parent = ProjectTree.getItems(e.currentTarget.getAttribute('tree_id'));
  180. return !parent || !parent.is_folder || parent.tree_level > 3 || parent.id === Utils.dragNode.id;
  181. });
  182. $('body').on('click', 'button[name=del]', function(e) {
  183. const treeId = $(this).parent().parent().attr('tree_id');
  184. const node = ProjectTree.getItems(treeId);
  185. if (node.is_folder) {
  186. $('.modal-title', '#del').html('确认删除文件夹');
  187. $('#del-hint').attr('tree_id', treeId).html(`确定删除「<strong style="word-break: break-word;">${node.name}</strong>」及其下所有内容?`)
  188. } else {
  189. $('.modal-title', '#del').html('确认删除标段');
  190. $('#del-hint').attr('tree_id', treeId).html(`确定删除「<strong style="word-break: break-word;">${node.name}</strong>」?`)
  191. }
  192. $('#del').modal('show');
  193. });
  194. $('body').on('click', 'button[name=up]', function (e) {
  195. const treeId = $(this).parent().parent().attr('tree_id');
  196. const node = ProjectTree.getItems(treeId);
  197. if (!ProjectTree.getPreSiblingNode(node)) {
  198. toastr.warning('不可上移');
  199. return;
  200. }
  201. Utils.move(node, 'up');
  202. });
  203. $('body').on('click', 'button[name=down]', function (e) {
  204. const treeId = $(this).parent().parent().attr('tree_id');
  205. const node = ProjectTree.getItems(treeId);
  206. if (!ProjectTree.getNextSiblingNode(node)) {
  207. toastr.warning('不可下移');
  208. return;
  209. }
  210. Utils.move(node, 'down');
  211. });
  212. $('body').on('click', 'button[name=top]', function (e) {
  213. const treeId = $(this).parent().parent().attr('tree_id');
  214. const node = ProjectTree.getItems(treeId);
  215. if (!ProjectTree.getParent(node)) {
  216. toastr.warning('已是顶层节点');
  217. return;
  218. }
  219. Utils.move(node, 'top');
  220. });
  221. $('body').on('click', 'button[name=edit]', function(e) {
  222. const treeId = $(this).parent().parent().attr('tree_id');
  223. const node = ProjectTree.getItems(treeId);
  224. $('#edit-project-name').attr('tree_id', treeId).val(node.name);
  225. $('#edit-project').modal('show');
  226. });
  227. $('body').on('click', 'button[name=set-std]', function(e) {
  228. const treeId = $(this).parent().parent().attr('tree_id');
  229. const node = ProjectTree.getItems(treeId);
  230. if (node.is_folder || node.std_id) return;
  231. $('[name=std_id]').attr('tree_id', treeId);
  232. $('#set-std').modal('show');
  233. });
  234. $('body').on('click', 'a[name=set-management]', function(e) {
  235. const treeId = $(this).parent().parent().attr('tree_id');
  236. const node = ProjectTree.getItems(treeId);
  237. if (node.is_folder) return;
  238. $('#sm-management').attr('tree_id', treeId);
  239. $('#sm-management').val(node.management);
  240. if (node.filing_template_id) {
  241. const ft = $(`[value=${node.filing_template_id}]`)[0];
  242. if (ft) $('#sm-ft')[0].selectedIndex = Array.prototype.indexOf.call(ft.parentNode.children, ft);
  243. }
  244. //$('#sm-ft').val(node.filing_template_name);
  245. $('#sm-ft').attr('disabled', !!node.management);
  246. $('#set-management').modal('show');
  247. });
  248. $('body').on('click', 'a[name=refresh-management]', function(e) {
  249. const treeId = $(this).parent().parent().attr('tree_id');
  250. const node = ProjectTree.getItems(treeId);
  251. if (node.is_folder) return;
  252. postData('/subproj/refresh', { id: treeId }, function(result) {
  253. toastr.success(`更新${result.um + result.dm + result.im}条用户权限`);
  254. });
  255. });
  256. $('body').on('click', '.fold-switch', function() {
  257. const id = this.getAttribute('id');
  258. const node = ProjectTree.getItems(id);
  259. ProjectTree.setExpanded(node, !node.expanded);
  260. const posterity = ProjectTree.getPosterity(node);
  261. if (node.expanded) {
  262. $(this).html(`<i class="fa fa-minus-square-o"></i>`);
  263. } else {
  264. $(this).html(`<i class="fa fa-plus-square-o"></i>`);
  265. }
  266. for (const p of posterity) {
  267. if (p.visible) {
  268. $(`tr[tree_id=${p.id}]`).show();
  269. } else {
  270. $(`tr[tree_id=${p.id}]`).hide();
  271. }
  272. }
  273. });
  274. const getChildrenLevel = function (node) {
  275. let iLevel = node.tree_level || 1;
  276. if (node.children && node.children.length > 0) {
  277. for (const c of node.children) {
  278. iLevel = Math.max(iLevel, getChildrenLevel(c));
  279. }
  280. }
  281. return iLevel;
  282. };
  283. tenderTreeShowLevel = $.cs_showLevel({
  284. selector: '#show-level',
  285. levels: [
  286. {
  287. type: 'sort', count: 5, visible_count: function () {
  288. return ProjectTree.children.map(getChildrenLevel).reduce((x, y) => { return Math.max(x, y); }, 0) - 1;
  289. }
  290. },
  291. {
  292. type: 'last', title: '最底层', visible: function () {
  293. const count = ProjectTree.children.map(getChildrenLevel).reduce((x, y) => { return Math.max(x, y); }, 0) - 1;
  294. return count > 0;
  295. }
  296. },
  297. ],
  298. showLevel: function (tag) {
  299. switch (tag) {
  300. case "1":
  301. case "2":
  302. case "3":
  303. case "4":
  304. case "5":
  305. Utils.expandByLevel(parseInt(tag));
  306. break;
  307. case "last":
  308. Utils.expandByLevel(20);
  309. break;
  310. default: return;
  311. }
  312. }
  313. });
  314. tenderTreeShowLevel.initShowLevel();
  315. tenderTreeShowLevel.refreshMenuVisible();
  316. return { ProjectTree, TableObj, ...Utils };
  317. })({
  318. treeSetting: { id: 'id', pid: 'tree_pid', level: 'tree_level', order: 'tree_order', rootId: '-1' },
  319. source: projectList,
  320. table: '#projectList',
  321. });
  322. $('#add-folder').on('show.bs.modal', function(e) {
  323. const select = projectTreeObj.getSelectNode();
  324. if (select) {
  325. if (select.is_folder) e.stopPropagation();
  326. $('#folder-hint').html(`在文件夹 [${select.name}] 下新增`).show();
  327. } else {
  328. $('#folder-hint').hide();
  329. }
  330. $('#folder-name').val('');
  331. });
  332. $('#add-folder-ok').click(function() {
  333. const tree_pid = projectTreeObj.getSelectNodeId();
  334. const name = $('#folder-name').val();
  335. if (!name || name.length > 100) return;
  336. postData('/subproj/addFolder', { name, is_folder: 1, tree_pid }, function(result) {
  337. projectTreeObj.refreshTreeTable(result);
  338. $('#add-folder').modal('hide');
  339. });
  340. });
  341. $('#add-project').on('show.bs.modal', function(e) {
  342. const select = projectTreeObj.getSelectNode();
  343. if (select) {
  344. if (select.is_folder) e.stopPropagation();
  345. $('#project-hint').html(`在文件夹 [${select.name}] 下新增`).show();
  346. } else {
  347. $('#project-hint').hide();
  348. }
  349. $('#project-name').val('');
  350. });
  351. $('#add-project-ok').click(function() {
  352. const tree_pid = projectTreeObj.getSelectNodeId();
  353. const name = $('#project-name').val();
  354. if (!name || name.length > 100) return;
  355. postData('/subproj/addProj', { name, is_folder: 1, tree_pid }, function(result) {
  356. projectTreeObj.refreshTreeTable(result);
  357. $('#add-project').modal('hide');
  358. });
  359. });
  360. $('#del-ok').click(function() {
  361. const id = $('#del-hint').attr('tree_id');
  362. postData('/subproj/del', { id }, function(result) {
  363. projectTreeObj.refreshTreeTable(result);
  364. $('#del').modal('hide');
  365. $('#del-hint').attr('tree_id', '');
  366. });
  367. });
  368. $('#edit-project-ok').click(function() {
  369. const nameObj = $('#edit-project-name');
  370. const name = nameObj.val();
  371. if (!name || name.length > 100) return;
  372. postData('/subproj/save', { id: nameObj.attr('tree_id'), name }, function(result) {
  373. projectTreeObj.refreshRow(result);
  374. $('#edit-project').modal('hide');
  375. $('#edit-project-name').attr('tree_id', '');
  376. });
  377. });
  378. $('#set-std-ok').click(function() {
  379. const select = $('[name=std_id]:checked');
  380. const id = select.attr('tree_id');
  381. const std_id = parseInt(select.val());
  382. postData('/subproj/save', { id, std_id }, function(result) {
  383. projectTreeObj.refreshRow(result);
  384. $('#set-std').modal('hide');
  385. $('[name=std_id]').attr('tree_id', '');
  386. });
  387. });
  388. $('#set-management-ok').click(function() {
  389. const select = $('#sm-management');
  390. const id = select.attr('tree_id');
  391. const management = select.val();
  392. const filingTemplate =$('#sm-ft').val();
  393. postData('/subproj/save', { id, management, filingTemplate }, function(result) {
  394. projectTreeObj.refreshRow(result);
  395. $('#set-management').modal('hide');
  396. $('#sm-management').attr('tree_id', '');
  397. });
  398. });
  399. let timer = null;
  400. let oldSearchVal = null;
  401. $('#member-search').bind('input propertychange', function(e) {
  402. oldSearchVal = e.target.value;
  403. timer && clearTimeout(timer);
  404. timer = setTimeout(() => {
  405. const newVal = $('#member-search').val();
  406. let html = '';
  407. if (newVal && newVal === oldSearchVal) {
  408. accountList
  409. .filter(item => item && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1)))
  410. .forEach(item => {
  411. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  412. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  413. class="ml-auto">${item.mobile || ''}</span></p>
  414. <span class="text-muted">${item.role || ''}</span></dd>`
  415. });
  416. $('.book-list').empty();
  417. $('.book-list').append(html);
  418. } else {
  419. if (!$('.acc-btn').length) {
  420. accountGroup.forEach((group, idx) => {
  421. if (!group) return;
  422. html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
  423. </a> ${group.groupName}</dt>
  424. <div class="dd-content" data-toggleid="${idx}">`;
  425. group.groupList.forEach(item => {
  426. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  427. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  428. class="ml-auto">${item.mobile || ''}</span></p>
  429. <span class="text-muted">${item.role || ''}</span>
  430. </dd>`
  431. });
  432. html += '</div>';
  433. });
  434. $('.book-list').empty();
  435. $('.book-list').append(html);
  436. }
  437. }
  438. }, 400);
  439. });
  440. $('.book-list').on('click', 'dt', function () {
  441. const idx = $(this).find('.acc-btn').attr('data-groupid')
  442. const type = $(this).find('.acc-btn').attr('data-type')
  443. if (type === 'hide') {
  444. $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
  445. $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o')
  446. $(this).find('.acc-btn').attr('data-type', 'show')
  447. })
  448. } else {
  449. $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
  450. $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square')
  451. $(this).find('.acc-btn').attr('data-type', 'hide')
  452. })
  453. }
  454. return false
  455. });
  456. let orgMembers, newMembers;
  457. const generateMemberHtml = function () {
  458. const html = [];
  459. for (const mem of newMembers) {
  460. html.push(`<tr uid="${mem.uid}">`);
  461. html.push(`<td>${mem.name}</td>`);
  462. html.push(`<td>${mem.role}</td>`);
  463. // 动态投资
  464. const viewBudget = mem.budget_permission.indexOf(permissionConst.budget.view.value) >= 0;
  465. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  466. <input type="checkbox" ptype="budget" sptype="view" uid="${mem.uid}" id="budgetview${mem.uid}" class="custom-control-input" ${(viewBudget ? 'checked' : '')}>
  467. <label class="custom-control-label" for="budgetview${mem.uid}"></label></div></td>`);
  468. const editBudget = mem.budget_permission.indexOf(permissionConst.budget.edit.value) >= 0;
  469. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  470. <input type="checkbox" ptype="budget" sptype="edit" id="budgetedit${mem.uid}" uid="${mem.uid}" class="custom-control-input" ${(editBudget ? 'checked' : '')}>
  471. <label class="custom-control-label" for="budgetedit${mem.uid}"></label></div></td>`);
  472. // 电子文档
  473. const fileView = mem.file_permission.indexOf(permissionConst.file.view.value) >= 0;
  474. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  475. <input type="checkbox" ptype="file" sptype="view" uid="${mem.uid}" id="fileview${mem.uid}" class="custom-control-input" ${(fileView ? 'checked' : '')}>
  476. <label class="custom-control-label" for="fileview${mem.uid}"></label></div></td>`);
  477. const fileUpload = mem.file_permission.indexOf(permissionConst.file.upload.value) >= 0;
  478. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  479. <input type="checkbox" ptype="file" sptype="upload" id="fileupload${mem.uid}" uid="${mem.uid}" class="custom-control-input" ${(fileUpload ? 'checked' : '')}>
  480. <label class="custom-control-label" for="fileupload${mem.uid}"></label></div></td>`);
  481. const fileDelete = mem.file_permission.indexOf(permissionConst.file.delete.value) >= 0;
  482. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  483. <input type="checkbox" ptype="file" sptype="delete" id="filedelete${mem.uid}" uid="${mem.uid}" class="custom-control-input" ${(fileDelete ? 'checked' : '')}>
  484. <label class="custom-control-label" for="filedelete${mem.uid}"></label></div></td>`);
  485. const fileEdit = mem.file_permission.indexOf(permissionConst.file.filing.value) >= 0;
  486. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  487. <input type="checkbox" ptype="file" sptype="filing" uid="${mem.uid}" id="fileedit${mem.uid}" class="custom-control-input" ${(fileEdit ? 'checked' : '')}>
  488. <label class="custom-control-label" for="fileedit${mem.uid}"></label></div></td>`);
  489. // 关联标段
  490. const rela = mem.manage_permission.indexOf(permissionConst.manage.rela.value) >= 0;
  491. html.push(`<td><div class="custom-control custom-checkbox mb-2">
  492. <input type="checkbox" ptype="manage" sptype="rela" id="rela${mem.uid}" uid="${mem.uid}" class="custom-control-input" ${(rela ? 'checked' : '')}>
  493. <label class="custom-control-label" for="rela${mem.uid}"></label></div></td>`);
  494. html.push(`<td><a href="javascript: void(0);" class="btn btn-outline-danger btn-sm ml-1" name="del-member" uid="${mem.uid}">移除</a></td>`);
  495. html.push('</tr>');
  496. }
  497. $('#member-list').html(html.join(''));
  498. };
  499. $('[data-target="#member"]').click(function(){
  500. const tr = this.parentNode.parentNode;
  501. curBudget.id = tr.getAttribute('tree_id');
  502. curBudget.bid = tr.getAttribute('bid');
  503. curBudget.name = tr.getAttribute('bname');
  504. curBudget.rela_tender = tr.getAttribute('rela-tender');
  505. });
  506. $('body').on('click', 'button[name=member]', function(e) {
  507. const treeId = $(this).parent().parent().attr('tree_id');
  508. const node = projectTreeObj.ProjectTree.getItems(treeId);
  509. if (node.is_folder) return;
  510. $('#member-ok').attr('tree_id', treeId);
  511. postData('/subproj/member', { id: treeId }, function (result) {
  512. orgMembers = result;
  513. newMembers = result;
  514. generateMemberHtml();
  515. $('#member').modal('show');
  516. });
  517. });
  518. $('dl').on('click', 'dd', function () {
  519. const auditorId = parseInt($(this).data('id'));
  520. const user = accountList.find(x => { return x.id === auditorId; });
  521. const check = $(`tr[uid=${auditorId}]`, '#member-list');
  522. if (check.length > 0) {
  523. toastr.error('请勿重复添加成员');
  524. return;
  525. }
  526. newMembers.push({
  527. uid: user.id,
  528. name: user.name,
  529. role: user.role,
  530. budget_permission: [],
  531. file_permission: [],
  532. manage_permission: [],
  533. });
  534. generateMemberHtml();
  535. });
  536. $('#member').on('click', 'a[name="del-member"]', function () {
  537. const id = parseInt(this.getAttribute('uid'));
  538. newMembers.splice(newMembers.findIndex(x => { return x.uid === id}), 1);
  539. generateMemberHtml();
  540. });
  541. $('#member-list').on('click', 'input', function () {
  542. const id = parseInt(this.getAttribute('uid'));
  543. const mem = newMembers.find(x => { return x.uid === id});
  544. const pType = this.getAttribute('ptype'), spType = this.getAttribute('sptype');
  545. if (this.checked) {
  546. if (pType === 'budget' && spType === 'view') {
  547. mem.budget_permission.push(parseInt(permissionConst.budget.view.value));
  548. } else if (pType === 'budget' && spType === 'edit') {
  549. mem.budget_permission.push(parseInt(permissionConst.budget.edit.value));
  550. if (mem.budget_permission.indexOf(permissionConst.budget.view.value) < 0) {
  551. mem.budget_permission.push(parseInt(permissionConst.budget.view.value));
  552. $(`#budgetview${id}`)[0].checked = true;
  553. }
  554. } else if (pType === 'file' && spType === 'view') {
  555. mem.file_permission.push(parseInt(permissionConst.file.view.value));
  556. } else if (pType === 'file' && spType === 'upload') {
  557. mem.file_permission.push(parseInt(permissionConst.file.upload.value));
  558. if (mem.file_permission.indexOf(permissionConst.file.view.value) < 0) {
  559. mem.file_permission.push(parseInt(permissionConst.file.view.value));
  560. $(`#fileview${id}`)[0].checked = true;
  561. }
  562. } else if (pType === 'file' && spType === 'delete') {
  563. mem.file_permission.push(parseInt(permissionConst.file.delete.value));
  564. if (mem.file_permission.indexOf(permissionConst.file.view.value) < 0) {
  565. mem.file_permission.push(parseInt(permissionConst.file.view.value));
  566. $(`#fileview${id}`)[0].checked = true;
  567. }
  568. } else if (pType === 'file' && spType === 'filing') {
  569. mem.file_permission.push(parseInt(permissionConst.file.filing.value));
  570. if (mem.file_permission.indexOf(permissionConst.file.view.value) < 0) {
  571. mem.file_permission.push(parseInt(permissionConst.file.view.value));
  572. $(`#fileview${id}`)[0].checked = true;
  573. }
  574. } else if (pType === 'manage' && spType === 'rela') {
  575. mem.manage_permission.push(parseInt(permissionConst.manage.rela.value));
  576. }
  577. } else {
  578. if (pType === 'budget' && spType === 'view') {
  579. mem.budget_permission = [];
  580. $(`#budgetedit${id}`)[0].checked = false;
  581. } else if (pType === 'budget' && spType === 'edit') {
  582. mem.budget_permission.splice(mem.budget_permission.indexOf(permissionConst.budget.edit.value), 1);
  583. } else if (pType === 'file' && spType === 'view') {
  584. mem.file_permission = [];
  585. $(`#fileupload${id}`)[0].checked = false;
  586. $(`#fileedit${id}`)[0].checked = false;
  587. $(`#filedelete${id}`)[0].checked = false;
  588. } else if (pType === 'file' && spType === 'upload') {
  589. mem.file_permission.splice(mem.file_permission.indexOf(permissionConst.file.upload.value), 1);
  590. } else if (pType === 'file' && spType === 'delete') {
  591. mem.file_permission.splice(mem.file_permission.indexOf(permissionConst.file.delete.value), 1);
  592. } else if (pType === 'file' && spType === 'filing') {
  593. mem.file_permission.splice(mem.file_permission.indexOf(permissionConst.file.filing.value), 1);
  594. } else if (pType === 'manage' && spType === 'rela') {
  595. mem.manage_permission = [];
  596. }
  597. }
  598. });
  599. $('#member-ok').click(function(){
  600. const id = this.getAttribute('tree_id');
  601. postData('/subproj/memberSave', {id, member: newMembers}, function () {
  602. $('#member').modal('hide');
  603. })
  604. });
  605. });