revise.js 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808
  1. 'use strict';
  2. /**
  3. * 台账修订页面js
  4. *
  5. * @author Mai
  6. * @date
  7. * @version
  8. */
  9. const ckBillsSpread = window.location.pathname + '-billsSelect';
  10. $(document).ready(() => {
  11. autoFlashHeight();
  12. // 初始化spread
  13. const billsSpread = SpreadJsObj.createNewSpread($('#bills-spread')[0]);
  14. const billsSheet = billsSpread.getActiveSheet();
  15. SpreadJsObj.initSheet(billsSheet, billsSpreadSetting);
  16. const posSpread = SpreadJsObj.createNewSpread($('#pos-spread')[0]);
  17. const posSheet = posSpread.getActiveSheet();
  18. SpreadJsObj.initSheet(posSheet, posSpreadSetting);
  19. $.subMenu({
  20. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  21. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  22. key: 'revise.info.memu.1.0.0',
  23. callback: function (info) {
  24. if (info.mini) {
  25. $('.panel-title').addClass('fluid');
  26. $('#sub-menu').removeClass('panel-sidebar');
  27. } else {
  28. $('.panel-title').removeClass('fluid');
  29. $('#sub-menu').addClass('panel-sidebar');
  30. }
  31. autoFlashHeight();
  32. billsSpread.refresh();
  33. posSpread.refresh();
  34. }
  35. });
  36. const posSearch = $.posSearch({selector: '#pos-search', searchSpread: posSpread});
  37. // 初始化 清单树结构
  38. const treeSetting = {
  39. id: 'ledger_id',
  40. pid: 'ledger_pid',
  41. order: 'order',
  42. level: 'level',
  43. rootId: -1,
  44. keys: ['id', 'tender_id', 'ledger_id'],
  45. calcFields: ['sgfh_tp', 'sjcl_tp', 'qtcl_tp', 'total_price'],
  46. };
  47. if (!isTz) {
  48. treeSetting.calcFields.push('deal_tp');
  49. }
  50. treeSetting.calcFun = function (node) {
  51. node.dgn_price = ZhCalc.round(ZhCalc.div(node.total_price, node.dgn_qty1), 2);
  52. };
  53. const billsTree = createNewPathTree('ledger', treeSetting);
  54. billsTree.loadDatas(billsData);
  55. treeCalc.calculateAll(billsTree);
  56. // 加载至spread
  57. SpreadJsObj.loadSheetData(billsSheet, SpreadJsObj.DataType.Tree, billsTree);
  58. SpreadJsObj.loadTopAndSelect(billsSheet, ckBillsSpread);
  59. // 初始化 部位明细
  60. const pos = new PosData({ id: 'id', ledgerId: 'lid' });
  61. pos.loadDatas(posData);
  62. const billsTreeSpreadObj = {
  63. getDefaultSelectInfo: function (sheet) {
  64. const tree = sheet.zh_tree;
  65. if (!tree) return;
  66. const sel = sheet.getSelections()[0];
  67. const node = sheet.zh_tree.nodes[sel.row];
  68. if (!node) return;
  69. let count = 1;
  70. if (sel.rowCount > 1) {
  71. for (let r = 1; r < sel.rowCount; r++) {
  72. const rNode = sheet.zh_tree.nodes[sel.row + r];
  73. if (rNode.level > node.level) continue;
  74. if ((rNode.level < node.level) || (rNode.level === node.level && rNode.pid !== node.pid)) {
  75. toast('请选择同一清单下的节点,进行该操作');
  76. return;
  77. }
  78. count += 1;
  79. }
  80. }
  81. return [tree, node, count];
  82. },
  83. /**
  84. * 刷新顶部按钮是否可用
  85. * @param sheet
  86. * @param selections
  87. */
  88. refreshOperationValid: function (sheet, selection) {
  89. const setObjEnable = function (obj, enable) {
  90. if (enable) {
  91. obj.removeClass('disabled');
  92. } else {
  93. obj.addClass('disabled');
  94. }
  95. };
  96. const sel = selection ? selection[0] : sheet.getSelections()[0];
  97. const row = sel ? sel.row : -1;
  98. const tree = sheet.zh_tree;
  99. if (!tree) return;
  100. const first = sheet.zh_tree.nodes[row];
  101. let last = first, sameParent = true;
  102. if (sel.rowCount > 1) {
  103. for (let r = 1; r < sel.rowCount; r++) {
  104. const rNode = tree.nodes[sel.row + r];
  105. if (rNode.level > first.level) continue;
  106. if ((rNode.level < first.level) || (rNode.level === first.level && rNode.pid !== first.pid)) {
  107. sameParent = false;
  108. break;
  109. }
  110. last = rNode;
  111. }
  112. }
  113. const preNode = tree.getPreSiblingNode(first);
  114. const valid = !sheet.zh_setting.readOnly;
  115. setObjEnable($('#insert'), valid && first && first.level > 1);
  116. setObjEnable($('#delete'), valid && first && sameParent && first.level > 1);
  117. setObjEnable($('#up-move'), valid && first && sameParent && first.level > 1 && preNode);
  118. setObjEnable($('#down-move'), valid && first && sameParent && first.level > 1 && !tree.isLastSibling(last));
  119. if (checkTzMeasureType()) {
  120. const posRange = last ? pos.getLedgerPos(last.id) : [];
  121. setObjEnable($('#up-level'), valid && first && sameParent && tree.getParent(first) && first.level > 2 && (!posRange || posRange.length === 0));
  122. const preNodePosRange = preNode ? pos.getLedgerPos(preNode.id) : [];
  123. setObjEnable($('#down-level'), valid && first && sameParent && first.level > 1 && preNode && (!preNodePosRange || preNodePosRange.length === 0));
  124. } else {
  125. setObjEnable($('#up-level'), valid && first && sameParent && first.level > 2 && tree.getParent(first));
  126. setObjEnable($('#down-level'), valid && first && sameParent && first.level > 1 && preNode);
  127. }
  128. setObjEnable($('#cut'), valid);
  129. setObjEnable($('#paste'), valid);
  130. },
  131. /**
  132. *
  133. * @param sheet
  134. * @param data
  135. */
  136. refreshTree: function (sheet, data) {
  137. SpreadJsObj.massOperationSheet(sheet, function () {
  138. const tree = sheet.zh_tree;
  139. // 处理删除
  140. if (data.delete) {
  141. for (const d of data.delete) {
  142. sheet.deleteRows(tree.nodes.indexOf(d), 1);
  143. }
  144. }
  145. // 处理新增
  146. if (data.create) {
  147. const newNodes = data.create;
  148. if (newNodes) {
  149. newNodes.sort(function (a, b) {
  150. return a.index - b.index;
  151. });
  152. for (const node of newNodes) {
  153. sheet.addRows(node.index, 1);
  154. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(node), 1);
  155. }
  156. }
  157. }
  158. // 处理更新
  159. if (data.update) {
  160. const rows = [];
  161. for (const u of data.update) {
  162. rows.push(tree.nodes.indexOf(u));
  163. }
  164. SpreadJsObj.reLoadRowsData(sheet, rows);
  165. }
  166. // 处理展开
  167. if (data.expand) {
  168. const expanded = [];
  169. for (const e of data.expand) {
  170. if (expanded.indexOf(e) === -1) {
  171. const posterity = tree.getPosterity(e);
  172. for (const p of posterity) {
  173. sheet.setRowVisible(tree.nodes.indexOf(p), p.visible);
  174. expanded.push(p);
  175. }
  176. }
  177. }
  178. }
  179. });
  180. },
  181. selectionChanged: function (e, info) {
  182. if (info.newSelections[0].row !== info.oldSelections[0].row) {
  183. billsTreeSpreadObj.refreshOperationValid(info.sheet);
  184. posSpreadObj.loadCurPosData();
  185. SpreadJsObj.saveTopAndSelect(billsSheet, ckBillsSpread);
  186. posSearch.search($('#pos-keyword').val());
  187. }
  188. },
  189. /**
  190. * 新增节点
  191. * @param spread
  192. */
  193. baseOpr: function (sheet, type) {
  194. const self = this;
  195. const tree = sheet.zh_tree;
  196. const node = SpreadJsObj.getSelectObject(sheet);
  197. if (!tree || !node) return;
  198. postData(window.location.pathname + '/base-opr', {id: node.ledger_id, postType: type}, function (result) {
  199. const refreshData = tree.loadPostData(result);
  200. self.refreshTree(sheet, refreshData);
  201. if (['up-move', 'down-move', 'up-level', 'down-level'].indexOf(type) > -1) {
  202. const sel = sheet.getSelections()[0];
  203. if (sel) {
  204. sheet.setSelection(tree.nodes.indexOf(node), sel.col, sel.rowCount, sel.colCount);
  205. }
  206. }
  207. self.refreshOperationValid(sheet);
  208. });
  209. },
  210. /**
  211. * 编辑单元格响应事件
  212. * @param {Object} e
  213. * @param {Object} info
  214. */
  215. editEnded: function (e, info) {
  216. if (info.sheet.zh_setting) {
  217. const col = info.sheet.zh_setting.cols[info.col];
  218. const sortData = info.sheet.zh_dataType === 'tree' ? info.sheet.zh_tree.nodes : info.sheet.zh_data;
  219. const node = sortData[info.row];
  220. const data = {
  221. id: node.id,
  222. tender_id: node.tender_id,
  223. ledger_id: node.ledger_id
  224. };
  225. // 未改变值则不提交
  226. const orgValue = node[col.field];
  227. if (orgValue == info.editingText || ((!orgValue || orgValue === '') && (info.editingText === ''))) {
  228. return;
  229. }
  230. // 台账模式,检查部位明细相关
  231. if (checkTzMeasureType()) {
  232. if (col.field === 'sgfh_qty' || col.field === 'sgfh_tp' ||
  233. col.field === 'sjcl_qty' || col.field === 'sjcl_tp' ||
  234. col.field === 'qtcl_qty' || col.field === 'qtcl_tp') {
  235. if (!node.children || node.children.length ===0) {
  236. const lPos = pos.getLedgerPos(node.id);
  237. if (lPos && lPos.length > 0) {
  238. toast('清单含有部位明细,不可修改施工图复核数量', 'error');
  239. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  240. return;
  241. }
  242. }
  243. }
  244. if (col.field === 'b_code' && (info.editingText === '' || !info.editingText)) {
  245. const lPos = pos.getLedgerPos(node.id);
  246. if (lPos && lPos.length > 0) {
  247. toast('清单含有部位明细,请先删除部位明细,再删除清单编号', 'error');
  248. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  249. return;
  250. }
  251. }
  252. }
  253. // 获取更新数据
  254. if (info.editingText) {
  255. data[col.field] = col.type === 'Number' ? parseFloat(info.editingText) : info.editingText.replace('\n', '');
  256. } else {
  257. data[col.field] = null;
  258. }
  259. // 更新至服务器
  260. info.sheet.zh_tree.update('/tender/' + getTenderId() + '/ledger/update', data, function (result) {
  261. treeOperationObj.refreshTree(info.sheet, result);
  262. });
  263. }
  264. },
  265. topRowChanged: function (e, info) {
  266. SpreadJsObj.saveTopAndSelect(info.sheet, ckBillsSpread);
  267. },
  268. };
  269. billsTreeSpreadObj.refreshOperationValid(billsSheet);
  270. billsSpread.bind(spreadNS.Events.SelectionChanged, billsTreeSpreadObj.selectionChanged);
  271. billsSpread.bind(spreadNS.Events.topRowChanged, billsTreeSpreadObj.topRowChanged);
  272. if (!readOnly) {
  273. // 增删上下移升降级
  274. $('a[name="base-opr"]').click(function () {
  275. billsTreeSpreadObj.baseOpr(billsSheet, this.getAttribute('type'));
  276. });
  277. let batchInsertObj;
  278. // 右键菜单
  279. $.contextMenu({
  280. selector: '#bills-spread',
  281. build: function ($trigger, e) {
  282. const target = SpreadJsObj.safeRightClickSelection($trigger, e, billsSpread);
  283. return target.hitTestType === spreadNS.SheetArea.viewport || target.hitTestType === spreadNS.SheetArea.rowHeader;
  284. },
  285. items: {
  286. 'batchInsertBillsPos': {
  287. name: '批量插入清单-部位',
  288. icon: 'fa-sign-in',
  289. disabled: function (key, opt) {
  290. const select = SpreadJsObj.getSelectObject(billsSheet);
  291. if (select) {
  292. if (select.code && select.code !== '') {
  293. return !billsTree.isLeafXmj(select);
  294. } else {
  295. const parent = billsTree.getParent(select);
  296. return !(parent && billsTree.isLeafXmj(parent));
  297. }
  298. } else {
  299. return false;
  300. }
  301. },
  302. callback: function (key, opt) {
  303. if (!batchInsertObj) {
  304. batchInsertObj = new BatchInsertBillsPosObj($('#batch'));
  305. } else {
  306. batchInsertObj.initView();
  307. }
  308. $('#batch').modal('show');
  309. }
  310. },
  311. }
  312. });
  313. }
  314. const posSpreadObj = {
  315. /**
  316. * 加载部位明细 根据当前台账选择节点
  317. */
  318. loadCurPosData: function () {
  319. const node = SpreadJsObj.getSelectObject(billsSheet);
  320. if (node) {
  321. const posData = pos.getLedgerPos(node.id) || [];
  322. SpreadJsObj.loadSheetData(posSheet, 'data', posData);
  323. } else {
  324. SpreadJsObj.loadSheetData(posSheet, 'data', []);
  325. }
  326. SpreadJsObj.resetFieldReadOnly(posSheet);
  327. },
  328. editStarting: function (e, info) {
  329. posSpreadObj.ledgerTreeNode = SpreadJsObj.getSelectObject(billsSheet);
  330. },
  331. };
  332. posSpreadObj.loadCurPosData();
  333. SpreadJsObj.resetTopAndSelect(posSheet);
  334. $.divResizer({
  335. select: '#revise-resize',
  336. callback: function () {
  337. billsSpread.refresh();
  338. let bcontent = $(".bcontent-wrap") ? $(".bcontent-wrap").height() : 0;
  339. $(".sp-wrap").height(bcontent-40);
  340. posSpread.refresh();
  341. }
  342. });
  343. class stdLib {
  344. constructor(selector, stdType, treeSetting, spreadSetting) {
  345. const self = this;
  346. this.obj = $(selector + '-spread')[0];
  347. this.stdType = stdType;
  348. this.treeSetting = treeSetting;
  349. treeSetting.preUrl = this.url;
  350. this.spreadSetting = spreadSetting;
  351. this.spread = SpreadJsObj.createNewSpread(this.obj);
  352. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  353. this.spread.getActiveSheet().bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  354. const stdSheet = info.sheet;
  355. const mainSheet = ledgerSpread.getActiveSheet();
  356. if (!stdSheet.zh_setting || !stdSheet.zh_tree || !mainSheet.zh_tree) { return; }
  357. const stdTree = stdSheet.zh_tree;
  358. const stdNode = stdTree.nodes[info.row];
  359. const mainTree = mainSheet.zh_tree;
  360. const sel = mainSheet.getSelections()[0];
  361. const mainNode = mainTree.nodes[sel.row];
  362. if (!stdNode) { return; }
  363. mainTree.postData('/tender/' + getTenderId() + '/ledger/add-by-std', mainNode, {
  364. tender_id: mainNode.tender_id,
  365. stdType: stdType,
  366. stdLibId: stdNode.list_id,
  367. stdNode: stdTree.getNodeKey(stdNode)
  368. }, function (result) {
  369. treeOperationObj.refreshTree(mainSheet, result);
  370. treeOperationObj.refreshOperationValid(mainSheet);
  371. });
  372. });
  373. this.pathTree = createNewPathTree('base', this.treeSetting);
  374. this.cacheLib = [];
  375. $('select', selector).change(function () {
  376. self.loadLib(parseInt(this.value));
  377. });
  378. }
  379. loadLib (listId) {
  380. const cacheData = this.cacheLib.find(function (lib) {
  381. return lib.id === listId;
  382. });
  383. if (cacheData) {
  384. this.pathTree.loadDatas(cacheData.data);
  385. SpreadJsObj.loadSheetData(this.spread.getActiveSheet(), 'tree', this.pathTree);
  386. } else {
  387. const self = this;
  388. postData('/std-lib/get-data', {stdType: this.stdType, list_id: listId}, function (data) {
  389. self.cacheLib.push({id: listId, data: data});
  390. self.pathTree.loadDatas(data);
  391. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'tree', self.pathTree);
  392. });
  393. }
  394. }
  395. }
  396. class DealBills {
  397. constructor (selector, spreadSetting) {
  398. const self = this;
  399. this.loaded = false;
  400. this.obj = $(selector)[0];
  401. this.url = '/tender/' + window.location.pathname.split('/')[2] + '/deal';
  402. this.spreadSetting = spreadSetting;
  403. this.spread = SpreadJsObj.createNewSpread(this.obj);
  404. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  405. this.spread.bind(spreadNS.Events.CellDoubleClick, function (e, info) {
  406. const dealSheet = info.sheet;
  407. const mainSheet = ledgerSpread.getActiveSheet();
  408. const dealBills = SpreadJsObj.getSelectObject(dealSheet);
  409. if (!dealBills) { return; }
  410. const mainTree = mainSheet.zh_tree;
  411. const mainNode = SpreadJsObj.getSelectObject(mainSheet);
  412. if (!mainNode || !mainTree) { return; }
  413. if (mainNode.code && mainNode.code !== '' && !mainTree.isLeafXmj(mainNode)) {
  414. toast('非最底层项目下,不应添加清单', 'error');
  415. return;
  416. }
  417. postData('/tender/' + getTenderId() + '/ledger/add-by-deal', {
  418. id: mainNode.ledger_id,
  419. type: mainNode.code ? 'child' : 'next',
  420. dealBills: {
  421. b_code: dealBills.code, name: dealBills.name, unit: dealBills.unit,
  422. unit_price: dealBills.unit_price,
  423. },
  424. }, function (result) {
  425. const refreshData = mainTree.loadPostData(result);
  426. treeOperationObj.refreshTree(mainSheet, refreshData);
  427. treeOperationObj.refreshOperationValid(mainSheet);
  428. });
  429. });
  430. SpreadJsObj.forbiddenSpreadContextMenu(selector, this.spread);
  431. }
  432. loadData () {
  433. if (this.loaded) return;
  434. const self = this;
  435. postData(this.url+'/get-data', {}, function (data) {
  436. self.data = data;
  437. //self.calculateData();
  438. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', data);
  439. self.loaded = true;
  440. });
  441. }
  442. calculateData () {
  443. if (this.data) {
  444. for (const d of this.data) {
  445. d.total_price = _.multiply(d.quantity, d.unit_price);
  446. }
  447. }
  448. }
  449. }
  450. class BatchInsertBillsPosObj {
  451. constructor (obj) {
  452. const self = this;
  453. this.obj = obj;
  454. this.billsCount = 6;
  455. this.posCount = 1000;
  456. // 初始化 清单编号窗口 参数
  457. this.qdSpreadSetting = {
  458. cols: [
  459. {title: '编号', field: 'code', hAlign: 0, width: 80, formatter: '@'},
  460. {title: '名称', field: 'name', hAlign: 0, width: 120, formatter: '@'},
  461. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@'},
  462. {title: '单价', field: 'unit_price', hAlign: 2, width: 50},
  463. {title: '图册号', field: 'name', hAlign: 0, width: 60, formatter: '@'},
  464. ],
  465. emptyRows: this.billsCount,
  466. headRows: 1,
  467. headRowHeight: [40],
  468. };
  469. this.qdSpread = SpreadJsObj.createNewSpread($('.batch-l-t', this.obj)[0]);
  470. // 初始化 部位数量复核表 参数
  471. this.posSpreadSetting = {
  472. cols: [
  473. {title: '部位', field: 'bw', hAlign: 0, width: 80, formatter: '@'},
  474. {title: '图册号', field: 'drawingCode', hAlign: 0, formatter: '@', width: 60},
  475. ],
  476. emptyRows: this.posCount,
  477. headRows: 1,
  478. headRowHeight: [40],
  479. };
  480. for (let iNum = 1; iNum <= this.billsCount; iNum++) {
  481. this.posSpreadSetting.cols.push(
  482. {title: '清单' + iNum, field: 'bills' + iNum, hAlign: 2, width: 50}
  483. )
  484. }
  485. this.posSpread = SpreadJsObj.createNewSpread($('.batch-l-b', this.obj)[0]);
  486. // 初始化 签约清单 参数
  487. this.dealSpreadSetting = {
  488. cols: [
  489. {title: '清单编号', field: 'code', width: 80, formatter: '@', readOnly: true},
  490. {title: '名称', field: 'name', width: 120, formatter: '@', readOnly: true},
  491. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true},
  492. {title: '单价', field: 'unit_price', width: 50, readOnly: true},
  493. ],
  494. emptyRows: 0,
  495. headRows: 1,
  496. headRowHeight: [40],
  497. };
  498. this.dealSpread = SpreadJsObj.createNewSpread($('.batch-r', this.obj)[0]);
  499. // 初始化 清单编号、部位数量复核表 表格
  500. this.initView();
  501. SpreadJsObj.initSheet(this.dealSpread.getActiveSheet(), this.dealSpreadSetting);
  502. SpreadJsObj.refreshColumnAlign(this.dealSpread.getActiveSheet());
  503. // 拉取签约清单数据
  504. dealBills.loadData();
  505. SpreadJsObj.loadSheetData(this.dealSpread.getActiveSheet(), 'data', dealBills.data);
  506. // 双击签约清单,自动添加到清单编号窗口
  507. this.dealSpread.bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  508. const deal = info.sheet.zh_data[info.row];
  509. const qdSheet = self.qdSpread.getActiveSheet(), posSheet = self.posSpread.getActiveSheet();
  510. const sel = qdSheet.getSelections()[0];
  511. qdSheet.getCell(sel.row, 0).value(deal.code);
  512. qdSheet.getCell(sel.row, 1).value(deal.name);
  513. qdSheet.getCell(sel.row, 2).value(deal.unit);
  514. qdSheet.getCell(sel.row, 3).value(deal.unit_price);
  515. if (sel.row + 1 === qdSheet.getRowCount()) {
  516. const count = sel.row + 2;
  517. qdSheet.setRowCount(count);
  518. qdSheet.getCell(sel.row + 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + count);
  519. const colCount = posSheet.getColumnCount() + 1
  520. posSheet.setColumnCount(colCount);
  521. posSheet.getCell(0, colCount - 1, GC.Spread.Sheets.SheetArea.colHeader).text('数量' + count);
  522. }
  523. qdSheet.setSelection(sel.row + 1, sel.col, 1, 1);
  524. });
  525. this.obj.bind('shown.bs.modal', function () {
  526. self.qdSpread.refresh();
  527. self.posSpread.refresh();
  528. self.dealSpread.refresh();
  529. });
  530. $('#batch-ok').click(function () {
  531. const selection = billsSheet.getSelections();
  532. const row = selection[0].row;
  533. const select = billsTree.nodes[row];
  534. if (select) {
  535. const insertData = {};
  536. insertData.batchType = (select.code && select.code !== '') ? 'child' : 'next';
  537. insertData.id = select[billsTree.setting.id];
  538. insertData.batchData = self.getBatchData();
  539. postData(window.location.pathname + '/batch-insert', insertData, function (data) {
  540. pos.updateDatas(data.pos);
  541. const result = billsTree.loadPostData(data.ledger);
  542. billsTreeSpreadObj.refreshTree(billsSheet, result);
  543. billsTreeSpreadObj.refreshOperationValid(billsSheet, selection);
  544. self.obj.modal('hide');
  545. });
  546. }
  547. });
  548. }
  549. // 初始化左侧表格
  550. initView () {
  551. // 初始化 清单编号
  552. const qdSheet = this.qdSpread.getActiveSheet();
  553. SpreadJsObj.initSheet(qdSheet, this.qdSpreadSetting);
  554. SpreadJsObj.refreshColumnAlign(qdSheet);
  555. // 清理原有数据
  556. SpreadJsObj.beginMassOperation(qdSheet);
  557. qdSheet.clear(0, 0, qdSheet.getRowCount(), qdSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  558. for (let iRow = 1; iRow <= this.billsCount; iRow++) {
  559. qdSheet.getCell(iRow - 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + iRow);
  560. }
  561. qdSheet.setSelection(0, 0, 1 ,1);
  562. SpreadJsObj.endMassOperation(qdSheet);
  563. // 初始化 部位数量复核表
  564. const posSheet = this.posSpread.getActiveSheet();
  565. SpreadJsObj.initSheet(posSheet, this.posSpreadSetting);
  566. SpreadJsObj.refreshColumnAlign(posSheet);
  567. // 清理原有数据
  568. SpreadJsObj.beginMassOperation(posSheet);
  569. posSheet.setColumnWidth(0, 45, GC.Spread.Sheets.SheetArea.rowHeader);
  570. posSheet.clear(0, 0, posSheet.getRowCount(), posSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  571. posSheet.setSelection(0, 0, 1 ,1);
  572. SpreadJsObj.endMassOperation(posSheet);
  573. // 检查签约清单数据,以工具栏数据为准
  574. if (dealBills) {
  575. SpreadJsObj.loadSheetData(this.dealSpread.getActiveSheet(), 'data', dealBills.data);
  576. }
  577. this.dealSpread.getActiveSheet().setSelection(0, 0, 1, 1);
  578. }
  579. // 获取界面数据
  580. getBatchData () {
  581. const result = [];
  582. const qdSheet = this.qdSpread.getActiveSheet(), posSheet = this.posSpread.getActiveSheet();
  583. for (let iRow = 0; iRow < qdSheet.getRowCount(); iRow++) {
  584. if (qdSheet.getText(iRow, 0) === '') { continue; }
  585. const qd = {
  586. b_code: qdSheet.getText(iRow, 0),
  587. name: qdSheet.getText(iRow, 1),
  588. unit: qdSheet.getText(iRow, 2),
  589. price: _.toNumber(qdSheet.getText(iRow, 3)),
  590. pos: [],
  591. };
  592. result.push(qd);
  593. for (let iPosRow = 0; iPosRow < posSheet.getRowCount(); iPosRow++) {
  594. const value = _.toNumber(posSheet.getText(iPosRow, iRow + 2));
  595. if (value !== 0 && !isNaN(value)) {
  596. qd.pos.push({
  597. name: posSheet.getText(iPosRow, 0),
  598. drawing_code: posSheet.getText(iPosRow, 1),
  599. quantity: value,
  600. });
  601. }
  602. }
  603. }
  604. return result;
  605. }
  606. }
  607. let stdXmj, stdGcl, searchLedger;
  608. const dealBills = new DealBills('#deal-bills-spread', {
  609. cols: [
  610. {title: '清单编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  611. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  612. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true},
  613. {title: '单价', field: 'unit_price', hAlign: 2, width: 50, readOnly: true},
  614. {title: '数量', field: 'quantity', hAlign: 2, width: 50, readOnly: true},
  615. {title: '金额', field: 'total_price', hAlign: 2, width: 50, readOnly: true},
  616. ],
  617. emptyRows: 0,
  618. headRows: 1,
  619. headRowHeight: [40],
  620. defaultRowHeight: 21,
  621. });
  622. $.divResizer({
  623. select: '#revise-right-spr',
  624. callback: function () {
  625. billsSpread.refresh();
  626. if (posSpread) {
  627. posSpread.refresh();
  628. }
  629. if (stdXmj) {
  630. stdXmj.spread.refresh();
  631. }
  632. if (stdGcl) {
  633. stdGcl.spread.refresh();
  634. }
  635. }
  636. });
  637. // 展开收起标准清单
  638. $('a', '#side-menu').bind('click', function (e) {
  639. e.preventDefault();
  640. const tab = $(this), tabPanel = $(tab.attr('content'));
  641. const showSideTools = function (show) {
  642. const left = $('#left-view'), right = $('#right-view'), parent = left.parent();
  643. if (show) {
  644. right.show();
  645. autoFlashHeight();
  646. /**
  647. * right.show()后, parent被撑开成2倍left.height, 导致parent.width减少了10px
  648. * 第一次left.width调整后,parent的缩回left.height, 此时parent.width又增加了10px
  649. * 故需要通过最终的parent.width再计算一次left.width
  650. *
  651. * Q: 为什么不通过先计算left.width的宽度,以避免计算两次left.width?
  652. * A: 右侧工具栏不一定显示,当右侧工具栏显示过一次后,就必须使用parent和right来计算left.width
  653. *
  654. */
  655. //left.css('width', parent.width() - right.outerWidth());
  656. //left.css('width', parent.width() - right.outerWidth());
  657. const percent = 100 - right.outerWidth() /parent.width() * 100;
  658. left.css('width', percent + '%');
  659. } else {
  660. left.width(parent.width());
  661. right.hide();
  662. }
  663. };
  664. // 展开工具栏、切换标签
  665. if (!tab.hasClass('active')) {
  666. const close = $('.active', '#side-menu').length === 0;
  667. $('a', '#side-menu').removeClass('active');
  668. tab.addClass('active');
  669. $('.tab-content .tab-pane').removeClass('active');
  670. tabPanel.addClass('active');
  671. showSideTools(tab.hasClass('active'));
  672. if (tab.attr('content') === '#std-xmj') {
  673. if (!stdXmj) {
  674. stdXmj = new stdLib('#std-xmj', 'xmj', {
  675. id: 'chapter_id',
  676. pid: 'pid',
  677. order: 'order',
  678. level: 'level',
  679. rootId: -1,
  680. keys: ['id', 'list_id', 'chapter_id'],
  681. }, {
  682. cols: [
  683. {title: '项目节编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  684. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  685. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true}
  686. ],
  687. treeCol: 0,
  688. emptyRows: 0,
  689. headRows: 1,
  690. headRowHeight: [40],
  691. defaultRowHeight: 21,
  692. });
  693. stdXmj.loadLib($('select', '#std-xmj').val());
  694. }
  695. stdXmj.spread.refresh();
  696. } else if (tab.attr('content') === '#std-bills') {
  697. if (!stdGcl) {
  698. stdGcl = new stdLib('#std-gcl', 'gcl', {
  699. id: 'bill_id',
  700. pid: 'pid',
  701. order: 'order',
  702. level: 'level',
  703. rootId: -1,
  704. keys: ['id', 'list_id', 'bill_id']
  705. }, {
  706. cols: [
  707. {title: '清单编号', field: 'b_code', hAlign: 0, width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  708. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  709. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true}
  710. ],
  711. treeCol: 0,
  712. emptyRows: 0,
  713. headRows: 1,
  714. headRowHeight: [40],
  715. defaultRowHeight: 21,
  716. });
  717. stdGcl.loadLib($('select', '#std-gcl').val());
  718. }
  719. stdGcl.spread.refresh();
  720. } else if (tab.attr('content') === '#deal-bills') {
  721. dealBills.loadData();
  722. dealBills.spread.refresh();
  723. } else if (tab.attr('content') === '#search' && !searchLedger) {
  724. if (!searchLedger) {
  725. searchLedger = $.billsSearch({
  726. selector: '#search',
  727. searchSpread: billsSpread,
  728. resultSpreadSetting: {
  729. cols: [
  730. {title: '项目节编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  731. {title: '清单编号', field: 'b_code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  732. {title: '名称', field: 'name', width: 230, hAlign: 0, formatter: '@', readOnly: true},
  733. {title: '单位', field: 'unit', width: 50, hAlign: 1, formatter: '@', readOnly: true},
  734. {title: '单价', field: 'unit_price', hAlign: 2, width: 50, readOnly: true},
  735. {title: '数量', field: 'quantity', hAlign: 2, width: 50, readOnly: true},
  736. ],
  737. emptyRows: 0,
  738. headRows: 1,
  739. headRowHeight: [40],
  740. defaultRowHeight: 21,
  741. },
  742. afterLocated: function () {
  743. posSpreadObj.loadCurPosData();
  744. }
  745. });
  746. }
  747. searchLedger.spread.refresh();
  748. }
  749. }
  750. billsSpread.refresh();
  751. if (posSpread) {
  752. posSpread.refresh();
  753. }
  754. });
  755. // 修订详情 保存
  756. $('#save').click(function () {
  757. const content = $('textarea').val();
  758. postData('save', { content: content });
  759. });
  760. // 显示层次
  761. (function (select, sheet) {
  762. if (!sheet.zh_tree) return;
  763. $(select).click(function () {
  764. const tag = $(this).attr('tag');
  765. const tree = sheet.zh_tree;
  766. switch (tag) {
  767. case "1":
  768. case "2":
  769. case "3":
  770. case "4":
  771. case "5":
  772. tree.expandByLevel(parseInt(tag));
  773. SpreadJsObj.refreshTreeRowVisible(sheet);
  774. break;
  775. case "last":
  776. tree.expandByCustom(() => { return true; });
  777. SpreadJsObj.refreshTreeRowVisible(sheet);
  778. break;
  779. case "leafXmj":
  780. tree.expandToLeafXmj();
  781. SpreadJsObj.refreshTreeRowVisible(sheet);
  782. break;
  783. }
  784. });
  785. })('a[name=showLevel]', billsSheet);
  786. });