revise_compare.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
  1. 'use strict';
  2. /**
  3. * 台账修订页面js
  4. *
  5. * @author Mai
  6. * @date
  7. * @version
  8. */
  9. const billsCompareField = [
  10. 'code', 'b_code', 'name', 'unit', 'unit_price', 'dgn_qty1', 'dgn_qty2', 'dgn_price',
  11. 'sgfh_qty', 'sgfh_tp', 'sjcl_qty', 'sjcl_tp', 'qtcl_qty', 'qtcl_tp', 'quantity', 'total_price',
  12. 'deal_qty', 'deal_tp'
  13. ];
  14. const posCompareField = [
  15. 'name', 'position', 'sgfh_qty', 'sjcl_qty', 'qtcl_qty', 'quantity'
  16. ];
  17. $(document).ready(() => {
  18. let searchLedger;
  19. autoFlashHeight();
  20. // 初始化spread
  21. const billsSpread = SpreadJsObj.createNewSpread($('#bills-spread')[0]);
  22. const billsSheet = billsSpread.getActiveSheet();
  23. sjsSettingObj.setFxTreeStyle(billsSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
  24. if (thousandth) {
  25. sjsSettingObj.setTpThousandthFormat(billsSpreadSetting);
  26. sjsSettingObj.setTpColsThousandthFormat(billsSpreadSetting.extraCols);
  27. }
  28. billsSpreadSetting.getColor = function (sheet, data, row, col, defaultColor) {
  29. // 增
  30. if (data.differ.indexOf('add') >= 0) return '#cce5ff';
  31. // 删
  32. if (data.differ.indexOf('del') >= 0) return '#DCDCDC';
  33. // 结构变动
  34. if (data.differ.indexOf('tree') >= 0) return '#d0f6fd';
  35. // 修改计算或文字
  36. if (data.differ.indexOf('calc') >= 0 || data.differ.indexOf('pos-add') >= 0 || data.differ.indexOf('pos-del') >= 0 || data.differ.indexOf('pos-calc') >= 0) return '#f8d7da';
  37. if (data.differ.indexOf('info') >= 0 || data.differ.indexOf('pos-info') >= 0) return '#d4edda';
  38. // 层次结构
  39. if (data.level === 2) {
  40. return '#C4CAFB';
  41. } else if ((!data.b_code || data.b_code === '') && data.level > 2) {
  42. return '#DFE8F9';
  43. } else {
  44. return defaultColor;
  45. }
  46. };
  47. SpreadJsObj.initSheet(billsSheet, billsSpreadSetting);
  48. const posSpread = SpreadJsObj.createNewSpread($('#pos-spread')[0]);
  49. const posSheet = posSpread.getActiveSheet();
  50. sjsSettingObj.setGridSelectStyle(posSpreadSetting);
  51. if (thousandth) {
  52. sjsSettingObj.setTpThousandthFormat(posSpreadSetting);
  53. sjsSettingObj.setTpColsThousandthFormat(posSpreadSetting.extraCols);
  54. }
  55. posSpreadSetting.getColor = function (sheet, data, row, col, defaultColor) {
  56. // 增
  57. if (data.differ.indexOf('add') >= 0) return '#cce5ff';
  58. // 删
  59. if (data.differ.indexOf('del') >= 0) return '#DCDCDC';
  60. // 修改计算或文字
  61. if (data.differ.indexOf('calc') >= 0) return '#f8d7da';
  62. if (data.differ.indexOf('info') >= 0) return '#d4edda';
  63. };
  64. SpreadJsObj.initSheet(posSheet, posSpreadSetting);
  65. const posSearch = $.posSearch({selector: '#pos-search', searchSpread: posSpread});
  66. // 初始化 节点树结构
  67. const treeSetting = {
  68. id: 'ledger_id',
  69. pid: 'ledger_pid',
  70. order: 'order',
  71. level: 'level',
  72. full_path: 'full_path',
  73. rootId: -1,
  74. keys: ['id', 'tender_id', 'ledger_id'],
  75. calcFields: [
  76. 'org_sgfh_tp', 'org_sjcl_tp', 'org_qtcl_tp', 'org_total_price', 'org_deal_tp',
  77. 'new_sgfh_tp', 'new_sjcl_tp', 'new_qtcl_tp', 'new_total_price', 'new_deal_tp',
  78. 'contract_tp', 'qc_tp', 'end_contract_tp', 'end_qc_tp'
  79. ],
  80. findNode: function (tree, node, parent) {
  81. const sameId = tree.datas.find(x => {return x.id === node.id});
  82. if (sameId) {
  83. const pid = parent ? parent[tree.setting.id] : tree.setting.rootId;
  84. if (sameId[tree.setting.pid] !== pid) {
  85. sameId.changeParent = true;
  86. sameId.org_parent = parent;
  87. }
  88. return sameId;
  89. } else {
  90. const siblings = parent ? parent.children : tree.children;
  91. return siblings.find(function (x) {
  92. return node.b_code
  93. ? x.b_code === node.b_code && x.name === node.name && x.unit === node.unit && x.unit_price === node.unit_price
  94. : x.code === node.code && x.name === node.name;
  95. });
  96. }
  97. },
  98. loadInfo1: function (node, sourceNode, source) {
  99. for (const f of billsCompareField) {
  100. node['new_' + f] = sourceNode[f];
  101. }
  102. node.id = sourceNode.id;
  103. node.isNew = true;
  104. const posRange = source.pos.getLedgerPos(sourceNode.id);
  105. if (posRange && posRange.length > 0) {
  106. if (!node.pos) node.pos = [];
  107. for (const p of posRange) {
  108. let nP = _.find(node.pos, {id: p.id});
  109. if (!nP) {
  110. nP = {id: p.id};
  111. node.pos.push(nP);
  112. }
  113. for (const f of posCompareField) {
  114. nP['new_' + f] = p[f];
  115. }
  116. nP.isNew = true;
  117. }
  118. }
  119. },
  120. loadInfo2: function (node, sourceNode, source) {
  121. for (const f of billsCompareField) {
  122. node['org_' + f] = sourceNode[f];
  123. }
  124. node.isOrg = true;
  125. const posRange = source.pos.getLedgerPos(sourceNode.id);
  126. if (posRange && posRange.length > 0) {
  127. if (!node.pos) node.pos = [];
  128. for (const p of posRange) {
  129. let nP = _.find(node.pos, {id: p.id});
  130. if (!nP) {
  131. nP = {id: p.id};
  132. node.pos.push(nP);
  133. }
  134. for (const f of posCompareField) {
  135. nP['org_' + f] = p[f];
  136. }
  137. nP.isOrg = true;
  138. }
  139. }
  140. },
  141. afterLoad: function (tree) {
  142. for (const data of tree.datas) {
  143. data.differ = [];
  144. data.differ_str = [];
  145. if (data.isNew && !data.isOrg) {
  146. data.differ.push('add');
  147. data.differ_str.push('增');
  148. } else if (!data.isNew && data.isOrg) {
  149. data.differ.push('del');
  150. data.differ_str.push('删');
  151. } else {
  152. if (data.changeParent) data.differ.push('tree');
  153. if (!data.children || data.children.length === 0) {
  154. const orgCalc = getCompare(data, compareFields.leafCalc, 'org_', 0);
  155. const newCalc = getCompare(data, compareFields.leafCalc, 'new_', 0);
  156. if (!_.isMatch(newCalc, orgCalc)) data.differ.push('calc');
  157. } else {
  158. const orgCalc = getCompare(data, compareFields.parentCalc, 'org_', 0);
  159. const newCalc = getCompare(data, compareFields.parentCalc, 'new_', 0);
  160. if (!_.isMatch(newCalc, orgCalc)) data.push('calc');
  161. }
  162. const orgInfo = getCompare(data, compareFields.info, 'org_', '');
  163. const newInfo = getCompare(data, compareFields.info, 'new_', '');
  164. if (!_.isMatch(newInfo, orgInfo)) data.differ.push('info');
  165. for (const p of data.pos) {
  166. p.differ = [];
  167. p.differ_str = [];
  168. if (p.isNew && !p.isOrg) {
  169. p.differ.push('add');
  170. if (data.differ.indexOf('pos-add') === -1) data.differ.push('pos-add');
  171. p.differ_str.push('增');
  172. } else if (!p.isNew && p.isOrg) {
  173. p.differ.push('del');
  174. if (data.differ.indexOf('pos-del') === -1) data.differ.push('pos-del');
  175. p.differ_str.push('删');
  176. } else {
  177. const orgPosCalc = getCompare(p, compareFields.posCalc, 'org_', 0);
  178. const newPosCalc = getCompare(p, compareFields.posCalc, 'new_', 0);
  179. if (!_.isMatch(orgPosCalc, newPosCalc)) {
  180. p.differ.push('calc');
  181. if (data.differ.indexOf('pos-calc') === -1) data.differ.push('pos-calc');
  182. p.differ_str.push('量改');
  183. }
  184. const orgPosInfo = getCompare(p, compareFields.posInfo, 'org_', 0);
  185. const newPosInfo = getCompare(p, compareFields.posInfo, 'new_', 0);
  186. if (!_.isMatch(orgPosInfo, newPosInfo)) {
  187. p.differ.push('info');
  188. if (data.differ.indexOf('pos-info') === -1) data.differ.push('pos-info');
  189. p.differ_str.push('文改');
  190. }
  191. }
  192. }
  193. if (data.differ.length > 0) data.differ_str.push('改');
  194. }
  195. }
  196. }
  197. };
  198. if (!isTz) {
  199. treeSetting.calcFields.push('deal_tp');
  200. }
  201. treeSetting.calcFun = function (node) {
  202. if (!node.children || node.children.length === 0) {
  203. // node.gather_qty = ZhCalc.add(node.contract_qty, node.qc_qty);
  204. // node.pre_gather_qty = ZhCalc.add(node.pre_contract_qty, node.pre_qc_qty);
  205. node.end_contract_qty = ZhCalc.add(node.contract_qty, node.pre_contract_qty);
  206. node.end_qc_qty = ZhCalc.add(node.qc_qty, node.pre_qc_qty);
  207. // node.end_gather_qty = ZhCalc.add(node.end_contract_qty, node.end_qc_qty);
  208. }
  209. // node.gather_tp = ZhCalc.add(node.contract_tp, node.qc_tp);
  210. // node.pre_gather_tp = ZhCalc.add(node.pre_contract_tp, node.pre_qc_tp);
  211. node.end_contract_tp = ZhCalc.add(node.contract_tp, node.pre_contract_tp);
  212. node.end_qc_tp = ZhCalc.add(node.qc_tp, node.pre_qc_tp);
  213. // node.end_gather_tp = ZhCalc.add(node.end_contract_tp, node.end_qc_tp);
  214. node.dgn_price = ZhCalc.round(ZhCalc.div(node.total_price, node.dgn_qty1), 2);
  215. };
  216. const billsTree = createNewPathTree('compare', treeSetting);
  217. // 清单 相关方法&绑定spreadjs事件
  218. const billsTreeSpreadObj = {
  219. selectionChanged: function (e, info) {
  220. if (info.newSelections) {
  221. if (!info.oldSelections || info.newSelections[0].row !== info.oldSelections[0].row) {
  222. posSpreadObj.loadCurPosData();
  223. posSearch.search($('#pos-keyword').val());
  224. }
  225. }
  226. },
  227. };
  228. billsSpread.bind(spreadNS.Events.SelectionChanged, billsTreeSpreadObj.selectionChanged);
  229. // 计量单元 相关方法&绑定spreadjs事件
  230. const posSpreadObj = {
  231. /**
  232. * 加载计量单元 根据当前台账选择节点
  233. */
  234. loadCurPosData: function () {
  235. const node = SpreadJsObj.getSelectObject(billsSheet);
  236. if (node) {
  237. SpreadJsObj.loadSheetData(posSheet, 'data', node.pos || []);
  238. } else {
  239. SpreadJsObj.loadSheetData(posSheet, 'data', []);
  240. }
  241. },
  242. };
  243. // 加载清单&计量单元数据
  244. postData('/tender/' + window.location.pathname.split('/')[2] + '/revise/load', {filter: 'bills;pos;reviseBills;revisePos'}, function (result) {
  245. const tenderTreeSetting = {
  246. id: 'ledger_id',
  247. pid: 'ledger_pid',
  248. order: 'order',
  249. level: 'level',
  250. rootId: -1,
  251. keys: ['id', 'tender_id', 'ledger_id'],
  252. calcFields: ['deal_tp', 'sgfh_tp', 'sjcl_tp', 'qtcl_tp', 'total_price'],
  253. };
  254. const reviseLedger = {
  255. billsTree: createNewPathTree('ledger', tenderTreeSetting),
  256. pos: new PosData({ id: 'id', ledgerId: 'lid', }),
  257. };
  258. reviseLedger.billsTree.loadDatas(result.reviseBills);
  259. reviseLedger.pos.loadDatas(result.revisePos);
  260. const orgLedger = {
  261. billsTree: createNewPathTree('ledger', tenderTreeSetting),
  262. pos: new PosData({ id: 'id', ledgerId: 'lid', }),
  263. };
  264. orgLedger.billsTree.loadDatas(result.bills);
  265. orgLedger.pos.loadDatas(result.pos);
  266. billsTree.loadCompareData(reviseLedger, orgLedger);
  267. treeCalc.calculateAll(billsTree);
  268. SpreadJsObj.loadSheetData(billsSheet, SpreadJsObj.DataType.Tree, billsTree);
  269. posSpreadObj.loadCurPosData();
  270. }, null);
  271. $.divResizer({
  272. select: '#revise-resize',
  273. callback: function () {
  274. billsSpread.refresh();
  275. let bcontent = $(".bcontent-wrap") ? $(".bcontent-wrap").height() : 0;
  276. $(".sp-wrap").height(bcontent-30);
  277. posSpread.refresh();
  278. }
  279. });
  280. $.divResizer({
  281. select: '#revise-right-spr',
  282. callback: function () {
  283. billsSpread.refresh();
  284. if (posSpread) {
  285. posSpread.refresh();
  286. }
  287. if (searchLedger) {
  288. searchLedger.spread.refresh();
  289. }
  290. }
  291. });
  292. $.subMenu({
  293. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  294. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  295. key: 'menu.1.0.0',
  296. miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
  297. callback: function (info) {
  298. if (info.mini) {
  299. $('.panel-title').addClass('fluid');
  300. $('#sub-menu').removeClass('panel-sidebar');
  301. } else {
  302. $('.panel-title').removeClass('fluid');
  303. $('#sub-menu').addClass('panel-sidebar');
  304. }
  305. autoFlashHeight();
  306. billsSpread.refresh();
  307. if (posSpread) {
  308. posSpread.refresh();
  309. }
  310. if (searchLedger) {
  311. searchLedger.spread.refresh();
  312. }
  313. }
  314. });
  315. // 展开收起标准节点
  316. $('a', '#side-menu').bind('click', function (e) {
  317. e.preventDefault();
  318. const tab = $(this), tabPanel = $(tab.attr('content'));
  319. // 展开工具栏、切换标签
  320. if (!tab.hasClass('active')) {
  321. const close = $('.active', '#side-menu').length === 0;
  322. $('a', '#side-menu').removeClass('active');
  323. tab.addClass('active');
  324. $('.tab-content .tab-pane').removeClass('active');
  325. tabPanel.addClass('active');
  326. showSideTools(tab.hasClass('active'));
  327. if (tab.attr('content') === '#search') {
  328. if (!searchLedger) {
  329. searchLedger = $.billsSearch({
  330. selector: '#search',
  331. searchSpread: billsSpread,
  332. resultSpreadSetting: {
  333. cols: [
  334. {title: '项目节编号', field: 'code', hAlign: 0, width: 90, formatter: '@', readOnly: true},
  335. {title: '清单编号', field: 'b_code', hAlign: 0, width: 80, formatter: '@', readOnly: true},
  336. {title: '名称', field: 'name', width: 150, hAlign: 0, formatter: '@', readOnly: true},
  337. {title: '单位', field: 'unit', width: 50, hAlign: 1, formatter: '@', readOnly: true},
  338. ],
  339. emptyRows: 0,
  340. headRows: 1,
  341. headRowHeight: [32],
  342. headColWidth: [30],
  343. defaultRowHeight: 21,
  344. headerFont: '12px 微软雅黑',
  345. font: '12px 微软雅黑',
  346. selectedBackColor: '#fffacd',
  347. },
  348. afterLocated: function () {
  349. posSpreadObj.loadCurPosData();
  350. }
  351. });
  352. }
  353. searchLedger.spread.refresh();
  354. }
  355. }
  356. else {// 收起工具栏
  357. tab.removeClass('active');
  358. tabPanel.removeClass('active');
  359. showSideTools(tab.hasClass('active'));
  360. }
  361. billsSpread.refresh();
  362. if (posSpread) {
  363. posSpread.refresh();
  364. }
  365. });
  366. // 显示层次
  367. (function (select, sheet) {
  368. $(select).click(function () {
  369. if (!sheet.zh_tree) return;
  370. const tag = $(this).attr('tag');
  371. const tree = sheet.zh_tree;
  372. switch (tag) {
  373. case "1":
  374. case "2":
  375. case "3":
  376. case "4":
  377. case "5":
  378. tree.expandByLevel(parseInt(tag));
  379. SpreadJsObj.refreshTreeRowVisible(sheet);
  380. break;
  381. case "last":
  382. tree.expandByCustom(() => { return true; });
  383. SpreadJsObj.refreshTreeRowVisible(sheet);
  384. break;
  385. case "leafXmj":
  386. tree.expandToLeafXmj();
  387. SpreadJsObj.refreshTreeRowVisible(sheet);
  388. break;
  389. case "differ":
  390. tree.expandByCustom(function (x) {
  391. const posterity = tree.getPosterity(x);
  392. if (posterity.length === 0) return x.differ.length > 0;
  393. for (const p of posterity) {
  394. if (p.differ.length > 0) return true;
  395. }
  396. return false;
  397. });
  398. SpreadJsObj.refreshTreeRowVisible(sheet);
  399. }
  400. });
  401. })('a[name=showLevel]', billsSheet);
  402. // 加载计量数据
  403. $('#load-stage-ok').click(function (x) {
  404. postData('/tender/' + window.location.pathname.split('/')[2] + '/revise/load', {filter: 'stageBills;stagePos'}, function (result) {
  405. const col = billsSpreadSetting.cols.length;
  406. billsSpreadSetting.cols = billsSpreadSetting.cols.concat(billsSpreadSetting.extraCols);
  407. SpreadJsObj.reinitSheetHeader(billsSheet);
  408. for (const b of result.stageBills) {
  409. const node = billsTree.nodes.find(x => {return x.id === b.lid});
  410. if (!node) continue;
  411. for (const f of ['contract_qty', 'contract_tp', 'qc_qty', 'qc_tp', 'pre_contract_qty', 'pre_contract_tp', 'pre_qc_qty', 'pre_qc_tp']) {
  412. node[f] = b[f];
  413. }
  414. }
  415. treeCalc.calculateAll(billsTree);
  416. SpreadJsObj.reloadColData(billsSheet, col, billsSpreadSetting.extraCols.length);
  417. posSpreadSetting.cols = posSpreadSetting.cols.concat(posSpreadSetting.extraCols);
  418. SpreadJsObj.reinitSheetHeader(posSheet);
  419. // todo 加载并计算计量单元期数据
  420. for (const p of result.stagePos) {
  421. const node = billsTree.nodes.find(x => {return x.id === p.lid});
  422. if (!node) continue;
  423. const pos = node.pos.find(x => {return x.id === p.pid});
  424. if (!pos) continue;
  425. pos.contract_qty = p.contract_qty;
  426. pos.qc_qty = p.qc_qty;
  427. //pos.gather_qty = ZhCalc.add(pos.contract_qty, pos.qc_qty);
  428. pos.pre_contract_qty = p.pre_contract_qty;
  429. pos.pre_qc_qty = p.pre_qc_qty;
  430. //pos.pre_gather_qty = ZhCalc.add(pos.pre_contract_qty, pos.pre_qc_qty);
  431. pos.end_contract_qty = ZhCalc.add(pos.contract_qty, pos.pre_contract_qty);
  432. pos.end_qc_qty = ZhCalc.add(pos.qc_qty, pos.pre_qc_qty);
  433. //pos.end_gather_qty = ZhCalc.add(pos.gather_qty, pos.pre_gather_qty);
  434. }
  435. posSpreadObj.loadCurPosData();
  436. //$('[data-target=#load-stage]').hide();
  437. $('#load-stage').modal('hide');
  438. });
  439. });
  440. });