budget_list.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Mai
  6. * @date
  7. * @version
  8. */
  9. let curBudget = {};
  10. const showModal = function (obj) {
  11. const tr = obj.parentNode.parentNode;
  12. curBudget.id = tr.getAttribute('tree_id');
  13. curBudget.bid = tr.getAttribute('bid');
  14. curBudget.name = tr.getAttribute('bname');
  15. curBudget.rela_tender = tr.getAttribute('rela-tender');
  16. $(obj.getAttribute('data-target')).modal('show');
  17. };
  18. $(document).ready(() => {
  19. autoFlashHeight();
  20. const budgetTreeObj = (function(setting){
  21. const budgetTree = createDragTree(setting.treeSetting);
  22. budgetTree.loadDatas(setting.source);
  23. const TableObj = $(setting.table);
  24. const Utils = {
  25. getRowTdHtml: function (node, tree) {
  26. const html = [];
  27. // 名称
  28. html.push('<td width="20%" class="in-' + node.tree_level + '">');
  29. if (node.is_folder) {
  30. if (node.children.length > 0) {
  31. html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" cid="'+ node.sort_id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ', node.name);
  32. } else {
  33. html.push('<i class="fa fa-folder-o"></i> ', node.name);
  34. }
  35. } else {
  36. html.push(`<span class="text-muted mr-2">${tree.isLastSibling(node) ? '└' : '├'}</span>`);
  37. html.push(`<a href="/budget/${node.budget_id}/compare" name="name" id="${node.id}">`, node.name, '</a>');
  38. }
  39. html.push('</td>');
  40. // 概预算标准
  41. if (node.is_folder) {
  42. html.push(`<td class="text-center"></td>`);
  43. } else {
  44. html.push(`<td class="text-center">${node.std_name}</td>`);
  45. }
  46. // 创建时间
  47. if (node.is_folder) {
  48. html.push(`<td class="text-center"></td>`);
  49. } else {
  50. html.push(`<td class="text-center">${moment(node.create_time).format('YYYY-MM-DD')}</td>`);
  51. }
  52. // 金额
  53. html.push(`<td class="text-right">${node.gu_tp || ''}</td>`);
  54. html.push(`<td class="text-right">${node.gai_tp || ''}</td>`);
  55. html.push(`<td class="text-right">${node.yu_tp || ''}</td>`);
  56. // 操作
  57. if (node.is_folder) {
  58. html.push(`<td></td>`);
  59. } else {
  60. html.push(`<td>`);
  61. if (node.manage_permission.indexOf(1) >= 0)
  62. html.push('<button class="btn btn-outline-primary btn-sm" data-target="#select-rela" name="del" onclick="showModal(this);">关联标段</button>');
  63. html.push('</td>');
  64. }
  65. return html.join('');
  66. },
  67. getNodeTrHtml: function (node, tree) {
  68. const html = [];
  69. html.push(`<tr tree_id="${node.id}" bid="${node.budget_id}" bname="${node.name}" rela-tender="${node.rela_tender}">`);
  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 budgetTree.nodes) {
  77. html.push(Utils.getNodeTrHtml(node, budgetTree));
  78. }
  79. TableObj.html(html.join(''));
  80. },
  81. getSelectNode: function() {
  82. const selectId = $('tr.table-active').attr('tree_id');
  83. return selectId ? budgetTree.getItems(selectId) : null;
  84. },
  85. getSelectNodeId: function() {
  86. const selectId = $('tr.table-active').attr('tree_id');
  87. return selectId || setting.treeSetting.rootId;
  88. },
  89. };
  90. Utils.reloadTable();
  91. return { budgetTree, TableObj, ...Utils };
  92. })({
  93. treeSetting: { id: 'id', pid: 'tree_pid', level: 'tree_level', order: 'tree_order', rootId: '-1' },
  94. source: budgetList,
  95. table: '#budgetList',
  96. });
  97. class srObject {
  98. constructor() {
  99. const self = this;
  100. this.selectTree = null;
  101. const srSpreadSetting = {
  102. cols: [
  103. {title: '选择', field: 'selected', hAlign: 1, width: 40, formatter: '@', cellType: 'checkbox'},
  104. {title: '名称', field: 'name', hAlign: 0, width: 180, formatter: '@', cellType: 'tree'},
  105. {title: '期数', field: 'lastStageOrder', hAlign: 1, width: 60, formatter: '@'},
  106. {title: '审批状态', field: 'lastStageStatus', hAlign: 1, width: 60, formatter: '@'},
  107. ],
  108. emptyRows: 0,
  109. headRows: 1,
  110. headRowHeight: [32],
  111. defaultRowHeight: 21,
  112. headerFont: '12px 微软雅黑',
  113. font: '12px 微软雅黑',
  114. headColWidth: [30],
  115. selectedBackColor: '#fffacd',
  116. readOnly: true,
  117. };
  118. this.spread = SpreadJsObj.createNewSpread($('#sr-spread')[0]);
  119. this.sheet = this.spread.getActiveSheet();
  120. SpreadJsObj.initSheet(this.sheet, srSpreadSetting);
  121. this.spread.bind(spreadNS.Events.ButtonClicked, function (e, info) {
  122. if (!info.sheet.zh_setting) return;
  123. const col = info.sheet.zh_setting.cols[info.col];
  124. if (col.field !== 'selected') return;
  125. const node = SpreadJsObj.getSelectObject(info.sheet);
  126. self.selectNode(node, !node[col.field]);
  127. SpreadJsObj.reloadColData(info.sheet, 0);
  128. });
  129. $('#sr-select-all').click(function () {
  130. if (!self.selectTree) return;
  131. for (const n of self.selectTree.nodes) {
  132. n.selected = this.checked;
  133. }
  134. SpreadJsObj.reloadColData(self.sheet, 0);
  135. });
  136. $('#select-rela-ok').click(() => {
  137. const rela = self.getSelects();
  138. postData('/subproj/rela/save', { id: curBudget.id, rela_tender: rela.join(',') }, function () {
  139. $(`[bid=${curBudget.bid}]`)[0].setAttribute('rela-tender', rela.join(','));
  140. $('#select-rela').modal('hide');
  141. });
  142. });
  143. }
  144. selectNode(node, select) {
  145. const posterity = this.selectTree.getPosterity(node);
  146. posterity.unshift(node);
  147. for (const p of posterity) {
  148. p.selected = select;
  149. }
  150. }
  151. getSelects() {
  152. const select = [];
  153. for (const n of this.selectTree.nodes) {
  154. if ((!n.children || n.children.length === 0) && n.selected) select.push(n.tid);
  155. }
  156. return select;
  157. }
  158. init() {
  159. $('#sr-select-all')[0].checked = false;
  160. const self = this;
  161. postData(`/subproj/rela?id=${curBudget.id}`, {}, tenders => {
  162. const rela = curBudget.rela_tender ? curBudget.rela_tender.split(',') : [];
  163. self.selectTree = Tender2Tree.convert(category, tenders, null, null, function (node, source) {
  164. node.lastStageOrder = `第${source.lastStageOrder}期`;
  165. node.lastStageStatus = source.lastStageStatus;
  166. });
  167. for (const node of self.selectTree.nodes) {
  168. node.selected = rela.indexOf(node.tid + '') >= 0;
  169. }
  170. SpreadJsObj.loadSheetData(this.sheet, SpreadJsObj.DataType.Tree, this.selectTree);
  171. });
  172. }
  173. }
  174. let srSelect;
  175. $('#select-rela').on('shown.bs.modal', () => {
  176. if (!srSelect) srSelect = new srObject();
  177. srSelect.init();
  178. });
  179. });