measure_compare.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397
  1. 'use strict';
  2. /**
  3. * 多期比较
  4. *
  5. * @author Mai
  6. * @date
  7. * @version
  8. */
  9. const billsSpreadSetting = {
  10. baseCols: [
  11. {title: '项目节编号', colSpan: '1', rowSpan: '2', field: 'code', hAlign: 0, width: 150, formatter: '@', cellType: 'tree'},
  12. {title: '清单编号', colSpan: '1', rowSpan: '2', field: 'b_code', hAlign: 0, width: 80, formatter: '@'},
  13. {title: '名称', colSpan: '1', rowSpan: '2', field: 'name', hAlign: 0, width: 230, formatter: '@'},
  14. {title: '单位', colSpan: '1', rowSpan: '2', field: 'unit', hAlign: 1, width: 50, formatter: '@', cellType: 'unit'},
  15. {title: '单价', colSpan: '1', rowSpan: '2', field: 'unit_price', hAlign: 2, width: 60, type: 'Number'},
  16. {title: '台账|数量', colSpan: '2|1', rowSpan: '1|1', field: 'quantity', hAlign: 2, width: 60, type: 'Number', },
  17. {title: '|金额', colSpan: '|1', rowSpan: '|1', field: 'total_price', hAlign: 2, width: 60, type: 'Number', },
  18. ],
  19. extraCols: [
  20. {title: '%s|数量', colSpan: '2|1', rowSpan: '1|1', field: '{%s}_qty{%d}', hAlign: 2, width: 60, type: 'Number', },
  21. {title: '|金额', colSpan: '|1', rowSpan: '|1', field: '{%s}_tp{%d}', hAlign: 2, width: 60, type: 'Number', },
  22. ],
  23. emptyRows: 3,
  24. headRows: 2,
  25. headRowHeight: [25, 25],
  26. headerFont: '12px 微软雅黑',
  27. font: '12px 微软雅黑',
  28. defaultRowHeight: 21,
  29. readOnly: true,
  30. selectedBackColor: '#fffacd',
  31. };
  32. const posSpreadSetting = {
  33. baseCols: [
  34. {title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 230, formatter: '@'},
  35. {title: '台账数量', colSpan: '1', rowSpan: '1', field: 'quantity', hAlign: 2, width: 60},
  36. ],
  37. extraCols: [
  38. {title: '%s数量', colSpan: '1', rowSpan: '1', field: '{%s}_qty{%d}', hAlign: 2, width: 60},
  39. ],
  40. emptyRows: 3,
  41. headRows: 1,
  42. headRowHeight: [32],
  43. headColWidth: [30],
  44. defaultRowHeight: 21,
  45. headerFont: '12px 微软雅黑',
  46. font: '12px 微软雅黑',
  47. readOnly: true,
  48. selectedBackColor: '#fffacd',
  49. };
  50. const gclSpreadSetting = {
  51. baseCols: [
  52. {title: '清单编号', colSpan: '1', rowSpan: '2', field: 'b_code', hAlign: 0, width: 80, formatter: '@'},
  53. {title: '名称', colSpan: '1', rowSpan: '2', field: 'name', hAlign: 0, width: 230, formatter: '@'},
  54. {title: '单位', colSpan: '1', rowSpan: '2', field: 'unit', hAlign: 1, width: 60, formatter: '@', cellType: 'unit'},
  55. {title: '单价', colSpan: '1', rowSpan: '2', field: 'unit_price', hAlign: 2, width: 60, type: 'Number'},
  56. {title: '签约清单|数量', colSpan: '2|1', rowSpan: '1|1', field: 'deal_bills_qty', hAlign: 2, width: 60, type: 'Number'},
  57. {title: '|金额', colSpan: '|1', rowSpan: '|1', field: 'deal_bills_tp', hAlign: 2, width: 60, type: 'Number'},
  58. {title: '台账|数量', colSpan: '2|1', rowSpan: '1|1', field: 'quantity', hAlign: 2, width: 60, type: 'Number'},
  59. {title: '|金额', colSpan: '|1', rowSpan: '|1', field: 'total_price', hAlign: 2, width: 60, type: 'Number'},
  60. ],
  61. extraCols: [
  62. {title: '%s|数量', colSpan: '2|1', rowSpan: '1|1', field: '{%s}_qty{%d}', hAlign: 2, width: 60, type: 'Number', },
  63. {title: '|金额', colSpan: '|1', rowSpan: '|1', field: '{%s}_tp{%d}', hAlign: 2, width: 60, type: 'Number', },
  64. ],
  65. emptyRows: 0,
  66. headRows: 2,
  67. headRowHeight: [25, 25],
  68. headColWidth: [30],
  69. defaultRowHeight: 21,
  70. headerFont: '12px 微软雅黑',
  71. font: '12px 微软雅黑',
  72. readOnly: true,
  73. };
  74. const leafXmjSpreadSetting = {
  75. baseCols: [
  76. {title: '项目节编号', colSpan: '1', rowSpan: '2', field: 'code', hAlign: 0, width: 100, formatter: '@'},
  77. {title: '单位工程', colSpan: '1', rowSpan: '2', field: 'dwgc', hAlign: 0, width: 80, formatter: '@'},
  78. {title: '分部工程', colSpan: '1', rowSpan: '2', field: 'fbgc', hAlign: 0, width: 80, formatter: '@'},
  79. {title: '分项工程', colSpan: '1', rowSpan: '2', field: 'fxgc', hAlign: 0, width: 80, formatter: '@'},
  80. {title: '细目', colSpan: '1', rowSpan: '2', field: 'jldy', hAlign: 0, width: 80, formatter: '@'},
  81. {title: '计量单元', colSpan: '1', rowSpan: '2', field: 'bwmx', hAlign: 0, width: 80, formatter: '@'},
  82. {title: '图册号', colSpan: '1', rowSpan: '2', field: 'drawing_code', hAlign: 0, width: 80, formatter: '@'},
  83. {title: '台账数量', colSpan: '1', rowSpan: '2', field: 'quantity', hAlign: 2, width: 60, type: 'Number'},
  84. ],
  85. extraCols: [
  86. {title: '%s数量', colSpan: '1', rowSpan: '2', field: '{%s}_qty{%d}', hAlign: 2, width: 60},
  87. ],
  88. emptyRows: 0,
  89. headRows: 2,
  90. headRowHeight: [25, 25],
  91. headColWidth: [30],
  92. defaultRowHeight: 21,
  93. headerFont: '12px 微软雅黑',
  94. font: '12px 微软雅黑',
  95. readOnly: true,
  96. };
  97. function initSpreadSettingWithRoles(compareRoles) {
  98. function setSpreadSettingCols(setting, fieldSufs, Roles) {
  99. function addExtraCols(fieldSuf, Role) {
  100. const sourceType = $('[name=compare-data]:checked').val();
  101. for (const ec of setting.extraCols) {
  102. const col = JSON.parse(JSON.stringify(ec));
  103. col.title = _.replace(col.title, '%s', Role);
  104. col.field = _.replace(_.replace(col.field, '{%s}', sourceType), '{%d}', fieldSuf);
  105. setting.cols.push(col);
  106. }
  107. }
  108. setting.cols = [];
  109. for (const col of setting.baseCols) {
  110. setting.cols.push(col);
  111. }
  112. setting.frozenColCount = setting.baseCols.length;
  113. setting.frozenLineColor = '#93b5e4';
  114. for (const index in fieldSufs) {
  115. addExtraCols(fieldSufs[index], Roles[index]);
  116. }
  117. }
  118. const fieldSufs = [], roles = [], trs = $('tr[stage-id]');
  119. for (let r of compareRoles) {
  120. if (r > 0) {
  121. const tr = trs[r-1];
  122. if (tr) {
  123. fieldSufs.push(r + '');
  124. roles.push(tr.children[0].textContent);
  125. }
  126. }
  127. }
  128. setSpreadSettingCols(billsSpreadSetting, fieldSufs, roles);
  129. setSpreadSettingCols(posSpreadSetting, fieldSufs, roles);
  130. setSpreadSettingCols(gclSpreadSetting, fieldSufs, roles);
  131. setSpreadSettingCols(leafXmjSpreadSetting, fieldSufs, roles);
  132. }
  133. function calculateStageLedgerData(datas) {
  134. for (const d of datas) {
  135. d.gather_qty = ZhCalc.add(d.contract_qty, d.qc_qty);
  136. d.gather_tp = ZhCalc.add(d.contract_tp, d.qc_tp);
  137. }
  138. }
  139. function calculateStagePosData(datas) {
  140. for (const d of datas) {
  141. d.gather_qty = ZhCalc.add(d.contract_qty, d.qc_qty);
  142. }
  143. }
  144. $(document).ready(() => {
  145. autoFlashHeight();
  146. initSpreadSettingWithRoles([]);
  147. const billsSpread = SpreadJsObj.createNewSpread($('#bills-spread')[0]);
  148. const billsSheet = billsSpread.getActiveSheet();
  149. sjsSettingObj.setFxTreeStyle(billsSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
  150. if (thousandth) sjsSettingObj.setTpThousandthFormat(billsSpreadSetting);
  151. SpreadJsObj.initSheet(billsSheet, billsSpreadSetting);
  152. const posSpread = SpreadJsObj.createNewSpread($('#pos-spread')[0]);
  153. const posSheet = posSpread.getActiveSheet();
  154. if (thousandth) sjsSettingObj.setTpThousandthFormat(posSpreadSetting);
  155. SpreadJsObj.initSheet(posSheet, posSpreadSetting);
  156. let gclGatherData;
  157. const gclSpread = SpreadJsObj.createNewSpread($('#gcl-spread')[0]);
  158. const gclSheet = gclSpread.getActiveSheet();
  159. sjsSettingObj.setFxTreeStyle(gclSpreadSetting, sjsSettingObj.FxTreeStyle.jz);
  160. if (thousandth) sjsSettingObj.setTpThousandthFormat(gclSpreadSetting);
  161. SpreadJsObj.initSheet(gclSheet, gclSpreadSetting);
  162. const leafXmjSpread = SpreadJsObj.createNewSpread($('#leaf-xmj-spread')[0]);
  163. const leafXmjSheet = leafXmjSpread.getActiveSheet();
  164. if (thousandth) sjsSettingObj.setTpThousandthFormat(leafXmjSpreadSetting);
  165. SpreadJsObj.initSheet(leafXmjSheet, leafXmjSpreadSetting);
  166. $.subMenu({
  167. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  168. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  169. key: 'menu.1.0.0',
  170. miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
  171. callback: function (info) {
  172. if (info.mini) {
  173. $('.panel-title').addClass('fluid');
  174. $('#sub-menu').removeClass('panel-sidebar');
  175. } else {
  176. $('.panel-title').removeClass('fluid');
  177. $('#sub-menu').addClass('panel-sidebar');
  178. }
  179. autoFlashHeight();
  180. billsSpread.refresh();
  181. posSpread.refresh();
  182. }
  183. });
  184. // 上下窗口resizer
  185. $.divResizer({
  186. select: '#main-resize',
  187. callback: function () {
  188. billsSpread.refresh();
  189. let bcontent = $("#main-bottom").length > 0 ? $("#main-bottom").height() : 0;
  190. $("#pos-spread").height(bcontent-30);
  191. posSpread.refresh();
  192. }
  193. });
  194. $.divResizer({
  195. select: '#gcl-resize',
  196. callback: function () {
  197. gclSpread.refresh();
  198. let bcontent = $("#leafxmj-bottom").length > 0 ? $("#leafxmj-bottom").height() : 0;
  199. $("#leaf-xmj-spread").height(bcontent-30);
  200. leafXmjSpread.refresh();
  201. }
  202. });
  203. const cTree = createNewPathTree('master', {
  204. id: 'ledger_id',
  205. pid: 'ledger_pid',
  206. order: 'order',
  207. level: 'level',
  208. rootId: -1,
  209. keys: ['id', 'tender_id', 'ledger_id'],
  210. masterId: 'id',
  211. minorId: 'lid',
  212. calcFields: [],
  213. markFoldKey: 'bills-fold',
  214. markFoldSubKey: window.location.pathname.split('/')[2],
  215. });
  216. const cPos = new MasterPosData({
  217. id: 'id', ledgerId: 'lid', masterId: 'id', minorId: 'pid',
  218. calcFun: function (pos) {
  219. pos.gather_qty = ZhCalc.add(pos.contract_qty, pos.qc_qty);
  220. }
  221. });
  222. postData(window.location.pathname + '/load', {main: true}, function (result) {
  223. cTree.loadDatas(result.main.ledger);
  224. cPos.loadDatas(result.main.pos);
  225. SpreadJsObj.loadSheetData(billsSheet, SpreadJsObj.DataType.Tree, cTree);
  226. loadPosData(0);
  227. const checkField = function (x) {
  228. if (x === 'quantity') return true;
  229. if (x === 'total_price') return true;
  230. if (x.indexOf('_qty') >= 0) return true;
  231. if (x.indexOf('_tp') >= 0) return true;
  232. return false;
  233. };
  234. gclGatherModel.loadGatherField(checkField, checkField);
  235. gclGatherModel.loadLedgerData(result.main.ledger);
  236. gclGatherModel.loadPosData(result.main.pos);
  237. gclGatherData = gclGatherModel.gatherGclData();
  238. SpreadJsObj.loadSheetData(gclSheet, SpreadJsObj.DataType.Data, gclGatherData);
  239. loadLeafXmjData(0);
  240. }, null, true);
  241. function loadPosData(iRow) {
  242. const node = iRow ? billsSheet.zh_tree.nodes[iRow] : SpreadJsObj.getSelectObject(billsSheet);
  243. const posRange = node ? (cPos.getLedgerPos(node.id) || []) : [];
  244. SpreadJsObj.loadSheetData(posSheet, SpreadJsObj.DataType.Data, posRange);
  245. SpreadJsObj.resetTopAndSelect(posSheet);
  246. }
  247. function loadLeafXmjData(iRow) {
  248. const gcl = iRow ? gclSheet.zh_data[iRow] : SpreadJsObj.getSelectObject(gclSheet);
  249. if (gcl) {
  250. SpreadJsObj.loadSheetData(leafXmjSheet, SpreadJsObj.DataType.Data, gcl.leafXmjs);
  251. } else {
  252. SpreadJsObj.loadSheetData(leafXmjSheet, SpreadJsObj.DataType.Data, []);
  253. }
  254. SpreadJsObj.resetTopAndSelect(leafXmjSheet);
  255. }
  256. billsSheet.bind(spreadNS.Events.SelectionChanged, function (e, info) {
  257. if (info.newSelections) {
  258. const iNewRow = info.newSelections[0].row;
  259. if (info.oldSelections) {
  260. const iOldRow = info.oldSelections[0].row;
  261. if (iNewRow !== iOldRow) {
  262. SpreadJsObj.resetTopAndSelect(posSheet);
  263. loadPosData(iNewRow);
  264. }
  265. } else {
  266. loadPosData(iNewRow);
  267. }
  268. }
  269. });
  270. const compareStages = [];
  271. $('#select-qi-ok').click(function () {
  272. function refreshView () {
  273. for (let order = 0, iLength = trs.length; order < iLength; order++) {
  274. const tr = trs[order];
  275. if ($('input', tr)[0].checked) {
  276. compareStages.push(order + 1);
  277. }
  278. }
  279. // setLocalCache(cCacheKey, compareStages.join(','));
  280. initSpreadSettingWithRoles(compareStages);
  281. SpreadJsObj.initSheet(billsSheet, billsSpreadSetting);
  282. treeCalc.calculateAll(cTree);
  283. SpreadJsObj.loadSheetData(billsSheet, SpreadJsObj.DataType.Tree, cTree);
  284. SpreadJsObj.initSheet(posSheet, posSpreadSetting);
  285. loadPosData();
  286. SpreadJsObj.reLoadSheetHeader(gclSheet);
  287. SpreadJsObj.reLoadSheetHeader(leafXmjSheet);
  288. gclGatherModel.loadLedgerData(cTree.datas);
  289. gclGatherModel.loadPosData(cPos.datas);
  290. gclGatherData = gclGatherModel.gatherGclData();
  291. SpreadJsObj.loadSheetData(gclSheet, SpreadJsObj.DataType.Data, gclGatherData);
  292. loadLeafXmjData(0);
  293. }
  294. let loadData = [], showData = [], trs = $('tr[stage-id]');
  295. for (let order = 0, iLength = trs.length; order < iLength; order++) {
  296. const tr = trs[order];
  297. if ($('input[type=checkbox]', tr)[0].checked) {
  298. if (!cTree.minorData[order + 1]) {
  299. loadData.push(order + 1);
  300. }
  301. showData.push(order + 1);
  302. }
  303. }
  304. if (loadData.length > 0) {
  305. postData(window.location.pathname + '/load', {stages: loadData}, function (result) {
  306. for (const aData of result.stages) {
  307. calculateStageLedgerData(aData.bills);
  308. cTree.loadMinorData(aData.bills, aData.order + '', ['contract_qty', 'contract_tp', 'qc_qty', 'qc_tp', 'gather_qty', 'gather_tp'], ['contract_tp', 'qc_tp', 'gather_tp']);
  309. treeCalc.calculateAll(cTree);
  310. calculateStagePosData(aData.pos);
  311. cPos.loadMinorData(aData.pos, aData.order + '', ['contract_qty', 'qc_qty', 'gather_qty']);
  312. }
  313. refreshView();
  314. $('#select-qi').modal('hide');
  315. }, null, true);
  316. } else {
  317. refreshView();
  318. $('#select-qi').modal('hide');
  319. }
  320. });
  321. (function (select, sheet) {
  322. $(select).click(function () {
  323. if (!sheet.zh_tree) return;
  324. const tag = $(this).attr('tag');
  325. const tree = sheet.zh_tree;
  326. switch (tag) {
  327. case "1":
  328. case "2":
  329. case "3":
  330. case "4":
  331. case "5":
  332. tree.expandByLevel(parseInt(tag));
  333. SpreadJsObj.refreshTreeRowVisible(sheet);
  334. break;
  335. case "last":
  336. tree.expandByCustom(() => { return true; });
  337. SpreadJsObj.refreshTreeRowVisible(sheet);
  338. break;
  339. case "leafXmj":
  340. tree.expandToLeafXmj();
  341. SpreadJsObj.refreshTreeRowVisible(sheet);
  342. break;
  343. }
  344. });
  345. })('a[name=showLevel]', billsSheet);
  346. $('#exportExcel').click(function () {
  347. const data = [];
  348. if (!billsSheet.zh_tree) return;
  349. for (const node of billsSheet.zh_tree.nodes) {
  350. data.push(node);
  351. const posRange = cPos.getLedgerPos(node.id);
  352. if (posRange && posRange.length > 0) {
  353. for (const pr of posRange) {
  354. data.push(pr);
  355. }
  356. }
  357. }
  358. SpreadExcelObj.exportSimpleXlsxSheet(billsSpreadSetting, data, $('.sidebar-title').attr('data-original-title') + "-多期比较.xlsx");
  359. });
  360. $('[name=compare-data]').click(function () {
  361. initSpreadSettingWithRoles(compareStages);
  362. SpreadJsObj.reLoadSheetHeader(billsSheet);
  363. SpreadJsObj.reloadColData(billsSheet, billsSpreadSetting.baseCols.length - 1, compareStages.length * billsSpreadSetting.extraCols.length);
  364. SpreadJsObj.reLoadSheetHeader(posSheet);
  365. SpreadJsObj.reloadColData(posSheet, posSpreadSetting.baseCols.length - 1, compareStages.length * posSpreadSetting.extraCols.length);
  366. SpreadJsObj.reLoadSheetHeader(gclSheet);
  367. SpreadJsObj.reloadColData(gclSheet, gclSpreadSetting.baseCols.length - 1, compareStages.length * gclSpreadSetting.extraCols.length);
  368. SpreadJsObj.reLoadSheetHeader(leafXmjSheet);
  369. SpreadJsObj.reloadColData(leafXmjSheet, leafXmjSpreadSetting.baseCols.length - 1, compareStages.length * leafXmjSpreadSetting.extraCols.length);
  370. });
  371. $('[name=compareType]').click(function () {
  372. $('[name=compareType]').removeClass('active');
  373. $(this).addClass('active');
  374. $('#compareType').children().removeClass('active');
  375. $(this.getAttribute('href')).addClass('active');
  376. billsSpread.refresh();
  377. posSpread.refresh();
  378. gclSpread.refresh();
  379. leafXmjSpread.refresh();
  380. })
  381. });