revise_compare.js 19 KB

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