revise.js 31 KB

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