tender_select.js 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. const TenderSelect = function (setting) {
  2. const tsObj = {
  3. setting,
  4. tenderSpread: null,
  5. tenderSheet: null,
  6. resultSpread: null,
  7. resultSheet: null,
  8. select: null,
  9. tenderSourceTree: null,
  10. orgHistroy: {},
  11. trHistory: {},
  12. trArray: [],
  13. _rebuildStageSelect: function () {
  14. if (tsObj.setting.type === 'stage') {
  15. const getItems = function (data) {
  16. if (!data) return [];
  17. const items = [];
  18. for (let i = 1; i <= data.stageCount; i++) {
  19. items.push({value: i, text: `第${i}期`});
  20. }
  21. return items;
  22. };
  23. for (let i = 0; i < tsObj.resultSheet.getRowCount(); i++) {
  24. const cellType2 = new spreadNS.CellTypes.ComboBox().itemHeight(10).editorValueType(spreadNS.CellTypes.EditorValueType.value).items(getItems(tsObj.trArray[i]));
  25. tsObj.resultSheet.getCell(i, 1).cellType(cellType2);
  26. }
  27. }
  28. },
  29. _initSelected: function () {
  30. for (const node of this.tenderSourceTree.nodes) {
  31. node.selected = this.trArray.findIndex(x => { return node.tid === x.tid; }) >= 0;
  32. }
  33. },
  34. _checkSelectTender: function () {
  35. if (!this.trHistory.tenders || this.trHistory.tenders.length === 0) return;
  36. let differ = this.trHistory.tenders.length !== this.trArray.length;
  37. if (!differ) {
  38. for (const tr of this.trArray) {
  39. if (this.trHistory.tenders.findIndex(x => { return x.tid === tr.tid; }) < 0) {
  40. differ = true;
  41. break;
  42. }
  43. }
  44. }
  45. if (differ) {
  46. $('#tender-select-hint').show();
  47. const checkType = tsObj.setting.type === tsObj.trHistory.type ? '上次' : '台账';
  48. $('#ts-hint-text').html(`勾选的标段与${checkType}不同,请仔细确认。`);
  49. } else {
  50. $('#tender-select-hint').hide();
  51. }
  52. },
  53. _addTender: function (tender) {
  54. const tr = tsObj.trArray.find(x => { return x.tid === tender.tid; });
  55. const t = {tid: tender.tid, name: tender.name, stageCount: tender.stageCount};
  56. if (!tr) tsObj.trArray.push(t);
  57. return t;
  58. },
  59. _removeTender: function (tender) {
  60. const gri = tsObj.trArray.findIndex(function (x, i, arr) {
  61. return x.tid === tender.tid;
  62. });
  63. if (gri >= 0) tsObj.trArray.splice(gri, 1);
  64. },
  65. reloadResultData: function () {
  66. SpreadJsObj.reLoadSheetData(tsObj.resultSheet);
  67. this._checkSelectTender();
  68. this._rebuildStageSelect();
  69. },
  70. tsButtonClicked: function (e, info) {
  71. if (!info.sheet.zh_setting) return;
  72. const col = info.sheet.zh_setting.cols[info.col];
  73. if (col.field !== 'selected') return;
  74. const node = SpreadJsObj.getSelectObject(info.sheet);
  75. node.selected = !node.selected;
  76. if (node.children && node.children.length > 0) {
  77. const posterity = tsObj.tenderSourceTree.getPosterity(node);
  78. for (const p of posterity) {
  79. p.selected = node.selected;
  80. if (!p.children || p.children.length === 0){
  81. if (p.selected) {
  82. tsObj._addTender(p);
  83. } else {
  84. tsObj._removeTender(p);
  85. }
  86. }
  87. }
  88. SpreadJsObj.reLoadRowData(info.sheet, info.row, posterity.length + 1);
  89. } else {
  90. if (node.selected) {
  91. tsObj._addTender(node);
  92. } else {
  93. tsObj._removeTender(node);
  94. }
  95. SpreadJsObj.reLoadRowData(info.sheet, info.row, 1);
  96. }
  97. tsObj.reloadResultData();
  98. },
  99. trEditEnded: function (e, info) {
  100. const data = SpreadJsObj.getSelectObject(info.sheet);
  101. const col = info.sheet.zh_setting.cols[info.col];
  102. data[col.field] = info.sheet.getValue(info.row, info.col);
  103. },
  104. loadHistory: function () {
  105. postData('/list/load', {type: tsObj.setting.type, tid: tsObj.select.tender_id, lid: tsObj.select.id}, data => {
  106. tsObj.orgHistory = data.history || {};
  107. tsObj.tenderSourceTree = Tender2Tree.convert(data.category, data.tenders, data.ledgerAuditConst, data.stageAuditConst);
  108. tsObj.trHistory = JSON.parse(JSON.stringify(tsObj.orgHistory));
  109. if (tsObj.orgHistory.tenders) {
  110. tsObj.trHistory.tenders = tsObj.orgHistory.tenders.filter(x => { return tsObj.tenderSourceTree.nodes.find(y => { return x.tid === y.tid })});
  111. }
  112. tsObj.resetSelect();
  113. });
  114. },
  115. initTenderSelect: function () {
  116. if (this.tenderSpread) return;
  117. this.tenderSpread = SpreadJsObj.createNewSpread($('#ts-source-spread')[0]);
  118. this.tenderSheet = this.tenderSpread.getActiveSheet();
  119. SpreadJsObj.initSheet(this.tenderSheet, {
  120. cols: [
  121. {title: '选择', field: 'selected', hAlign: 1, width: 40, formatter: '@', cellType: 'checkbox'},
  122. {title: '名称', field: 'name', hAlign: 0, width: 180, formatter: '@', cellType: 'tree'},
  123. {title: '期数', field: 'phase', hAlign: 1, width: 60, formatter: '@'},
  124. {title: '审批状态', field: 'status', hAlign: 1, width: 60, formatter: '@'}
  125. ],
  126. emptyRows: 0,
  127. headRows: 1,
  128. headRowHeight: [32],
  129. defaultRowHeight: 21,
  130. headerFont: '12px 微软雅黑',
  131. font: '12px 微软雅黑',
  132. headColWidth: [0],
  133. selectedBackColor: '#fffacd',
  134. readOnly: true,
  135. });
  136. this.resultSpread = SpreadJsObj.createNewSpread($('#ts-result-spread')[0]);
  137. this.resultSheet = this.resultSpread.getActiveSheet();
  138. const resultSpreadSetting = {
  139. cols: [],
  140. emptyRows: 0,
  141. headRows: 1,
  142. headRowHeight: [32],
  143. defaultRowHeight: 21,
  144. headerFont: '12px 微软雅黑',
  145. font: '12px 微软雅黑',
  146. headColWidth: [],
  147. getColor: function (sheet, data, row, col, defaultColor) {
  148. if (data) {
  149. return data.invalid ? '#ddd' : defaultColor;
  150. } else {
  151. return defaultColor;
  152. }
  153. }
  154. };
  155. if (this.setting.type === 'ledger' || this.setting.type === 'revise') {
  156. resultSpreadSetting.cols.push(
  157. {title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true}
  158. );
  159. } else if (this.setting.type === 'stage') {
  160. resultSpreadSetting.cols.push(
  161. {title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 180, formatter: '@', readOnly: true},
  162. {title: '可选期', colSpan: '1', rowSpan: '1', field: 'stage', hAlign: 0, width: 60},
  163. )
  164. }
  165. SpreadJsObj.initSheet(this.resultSheet, resultSpreadSetting);
  166. this.tenderSpread.bind(spreadNS.Events.ButtonClicked, tsObj.tsButtonClicked);
  167. if (this.setting.type === 'stage') {
  168. this.resultSpread.bind(spreadNS.Events.EditEnded, tsObj.trEditEnded);
  169. $('#tender-select-option').show();
  170. } else {
  171. $('#tender-select-option').hide();
  172. }
  173. $('#tender-select-ok').click(() => {
  174. const updateData = { lid: tsObj.select.id, type: tsObj.setting.type, tenders: tsObj.trArray };
  175. if (tsObj.setting.type === 'stage') updateData.cover = $('#ts-cover')[0].checked;
  176. if (updateData.tenders.length > 0) {
  177. postData(window.location.pathname + '/sumLoad', updateData, result => {
  178. tsObj.setting.afterLoad(result);
  179. $('#tender-select').modal('hide');
  180. });
  181. } else {
  182. $('#tender-select').modal('hide');
  183. }
  184. });
  185. this.loadHistory();
  186. },
  187. resetSelect: function () {
  188. tsObj.trArray.length = 0;
  189. if (tsObj.trHistory.tenders) {
  190. for (const trh of tsObj.trHistory.tenders) {
  191. const source = tsObj.tenderSourceTree.nodes.find(x => { return x.tid === trh.tid; });
  192. if (source) {
  193. trh.stageCount = source.stageCount;
  194. } else {
  195. trh.invalid = true;
  196. }
  197. tsObj.trArray.push(trh);
  198. }
  199. }
  200. tsObj._initSelected();
  201. SpreadJsObj.loadSheetData(tsObj.tenderSheet, SpreadJsObj.DataType.Tree, tsObj.tenderSourceTree);
  202. SpreadJsObj.loadSheetData(tsObj.resultSheet, SpreadJsObj.DataType.Data, tsObj.trArray);
  203. tsObj._rebuildStageSelect();
  204. $('#tender-select-hint').hide();
  205. }
  206. };
  207. $('#tender-select').on('shown.bs.modal', () => {
  208. tsObj.initTenderSelect();
  209. tsObj.loadHistory();
  210. });
  211. $('#tender-select-reset').click(tsObj.resetSelect);
  212. const showSelect = function (node) {
  213. tsObj.select = node;
  214. $('#tender-select-hint').hide();
  215. tsObj.trArray = [];
  216. $('#tender-select').modal('show');
  217. };
  218. return { showSelect }
  219. };