ledger.js 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981
  1. /**
  2. * 台账相关js
  3. *
  4. * @author Mai
  5. * @date 2018/02/05
  6. * @version
  7. */
  8. function loadContent(data) {
  9. const html = [];
  10. html.push('<div name="auditContent" class="card my-3">');
  11. html.push('<div class="card-body">');
  12. html.push('<table class="table table-sm table-bordered mb-2">');
  13. console.log(data);
  14. console.log(data.rela_bills);
  15. const bills = JSON.parse(data.rela_bills);
  16. console.log(bills);
  17. for (const b of bills) {
  18. html.push('<tr bid=' + b.ledger_id + '>');
  19. const code = b.code ? b.code : b.b_code;
  20. html.push('<td>' + code + '</td>');
  21. html.push('<td>' + b.name + '</td>');
  22. html.push('</tr>');
  23. }
  24. html.push('</table>');
  25. html.push('<p>'+ data.content +'</p>');
  26. html.push('<span class="text-muted">' + data.in_time.toLocaleString() + '</span>');
  27. html.push('</div>');
  28. html.push('</div>');
  29. $('#opinion>div.sjs-height-2').append(html.join(''));
  30. }
  31. function loadContents(data) {
  32. $('div[name=auditContent]').remove();
  33. for (const d of data) {
  34. loadContent(d);
  35. }
  36. };
  37. $(document).ready(function() {
  38. autoFlashHeight();
  39. const ledgerSpread = SpreadJsObj.createNewSpread($('#ledger-spread')[0]);
  40. SpreadJsObj.addDeleteBind(ledgerSpread);
  41. const ledgerTree = createNewPathTree('ledger', {
  42. id: 'ledger_id',
  43. pid: 'ledger_pid',
  44. order: 'order',
  45. level: 'level',
  46. rootId: -1,
  47. keys: ['id', 'tender_id', 'ledger_id'],
  48. preUrl: '/ledger'
  49. });
  50. ledgerTree.loadDatas(ledger);
  51. SpreadJsObj.initSheet(ledgerSpread.getActiveSheet(), ledgerSpreadSetting);
  52. SpreadJsObj.loadSheetData(ledgerSpread.getActiveSheet(), 'tree', ledgerTree);
  53. const treeOperationObj = {
  54. getSelectNode: function (sheet) {
  55. if (!sheet || !sheet.zh_tree) {
  56. return null;
  57. } else {
  58. const sel = sheet.getSelections()[0];
  59. return sheet.zh_tree.nodes[sel.row];
  60. }
  61. },
  62. /**
  63. * 刷新顶部按钮是否可用
  64. * @param sheet
  65. * @param selections
  66. */
  67. refreshOperationValid: function (sheet, selections) {
  68. const setObjEnable = function (obj, enable) {
  69. if (enable) {
  70. obj.removeClass('disabled');
  71. } else {
  72. obj.addClass('disabled');
  73. }
  74. };
  75. const row = selections[0].row;
  76. const tree = sheet.zh_tree;
  77. if (!tree) { return; }
  78. const node = sheet.zh_tree.nodes[row];
  79. setObjEnable($('#delete'), !sheet.zh_setting.readOnly && node);
  80. setObjEnable($('#up-move'), !sheet.zh_setting.readOnly && node && node.order > 1);
  81. setObjEnable($('#down-move'), !sheet.zh_setting.readOnly && node && !tree.isLastSibling(node));
  82. setObjEnable($('#up-level'), !sheet.zh_setting.readOnly && node && tree.getParent(node));
  83. setObjEnable($('#down-level'), !sheet.zh_setting.readOnly && node && node.order > 1);
  84. },
  85. refreshTree: function (sheet, data) {
  86. SpreadJsObj.massOperationSheet(sheet, function () {
  87. const tree = sheet.zh_tree;
  88. // 处理删除
  89. if (data.delete) {
  90. for (const d of data.delete) {
  91. sheet.deleteRows(tree.nodes.indexOf(d), 1);
  92. }
  93. }
  94. // 处理新增
  95. if (data.create) {
  96. const newNodes = data.create;
  97. if (newNodes) {
  98. newNodes.sort(function (a, b) {
  99. const aIndex = tree.nodes.indexOf(a);
  100. const bIndex = tree.nodes.indexOf(b);
  101. return aIndex - bIndex;
  102. });
  103. for (const node of newNodes) {
  104. const index = tree.nodes.indexOf(node);
  105. sheet.addRows(index, 1);
  106. SpreadJsObj.reLoadRowData(sheet, index, 1);
  107. }
  108. }
  109. }
  110. // 处理更新
  111. if (data.update) {
  112. const rows = [];
  113. for (const u of data.update) {
  114. rows.push(tree.nodes.indexOf(u));
  115. }
  116. SpreadJsObj.reLoadRowsData(sheet, rows);
  117. }
  118. // 处理展开
  119. if (data.expand) {
  120. for (const e of data.expand) {
  121. const posterity = tree.getPosterity(e);
  122. for (const p of posterity) {
  123. sheet.setRowVisible(tree.nodes.indexOf(p), p.visible);
  124. }
  125. }
  126. }
  127. });
  128. },
  129. /**
  130. * 新增节点
  131. * @param spread
  132. */
  133. addNode: function (spread) {
  134. const self = this;
  135. const sheet = spread.getActiveSheet();
  136. const row = sheet.getSelections()[0].row;
  137. const tree = sheet.zh_tree;
  138. if (!tree) { return; }
  139. const node = sheet.zh_tree.nodes[row];
  140. if (!node) { return; }
  141. SpreadJsObj.massOperationSheet(sheet, function () {
  142. tree.baseOperation('base-operation', node, 'add', function (result) {
  143. self.refreshTree(sheet, result);
  144. self.refreshOperationValid(sheet, sheet.getSelections());
  145. });
  146. });
  147. },
  148. /**
  149. * 删除选中节点
  150. * @param spread
  151. */
  152. deleteNode: function (spread) {
  153. const self = this;
  154. const sheet = spread.getActiveSheet();
  155. const row = sheet.getSelections()[0].row;
  156. const tree = sheet.zh_tree;
  157. if (!tree) { return; }
  158. const node = sheet.zh_tree.nodes[row];
  159. if (!node) { return; }
  160. const count = ledgerTree.getPosterity(node).length;
  161. tree.baseOperation('base-operation', node, 'delete', function (result) {
  162. sheet.deleteRows(row, count + 1);
  163. for (const data of result.update) {
  164. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(data), tree.getPosterity(data).length + 1);
  165. }
  166. self.refreshOperationValid(sheet, sheet.getSelections());
  167. });
  168. },
  169. /**
  170. * 上移选中节点
  171. * @param spread
  172. */
  173. upMove: function (spread) {
  174. const self = this;
  175. const sheet = spread.getActiveSheet();
  176. const sel = sheet.getSelections()[0];
  177. const row = sel.row;
  178. const tree = sheet.zh_tree;
  179. if (!tree) { return; }
  180. const node = tree.nodes[row];
  181. if (!node) { return; }
  182. tree.baseOperation('base-operation', node, 'up-move', function (result) {
  183. for (const data of result.update) {
  184. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(data), tree.getPosterity(data).length + 1);
  185. }
  186. sheet.setSelection(tree.nodes.indexOf(node), sel.col, sel.rowCount, sel.colCount);
  187. self.refreshOperationValid(sheet, sheet.getSelections());
  188. //sheet.moveTo(row, -1, tree.nodes.indexOf(node), -1, tree.getPosterity(node).length + 1, -1, GC.Spread.Sheets.CopyToOptions.value);
  189. });
  190. },
  191. /**
  192. * 下移选中节点
  193. * @param spread
  194. */
  195. downMove: function (spread) {
  196. const self = this;
  197. const sheet = spread.getActiveSheet();
  198. const sel = sheet.getSelections()[0];
  199. const row = sel.row;
  200. const tree = sheet.zh_tree;
  201. if (!tree) { return; }
  202. const node = tree.nodes[row];
  203. if (!node) { return; }
  204. tree.baseOperation('base-operation', node, 'down-move', function (result) {
  205. for (const data of result.update) {
  206. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(data), tree.getPosterity(data).length + 1);
  207. }
  208. sheet.setSelection(tree.nodes.indexOf(node), sel.col, sel.rowCount, sel.colCount);
  209. self.refreshOperationValid(sheet, sheet.getSelections());
  210. });
  211. },
  212. /**
  213. * 升级选中节点
  214. * @param spread
  215. */
  216. upLevel: function (spread) {
  217. const self = this;
  218. const sheet = spread.getActiveSheet();
  219. const row = sheet.getSelections()[0].row;
  220. const tree = sheet.zh_tree;
  221. if (!tree) { return; }
  222. const node = tree.nodes[row];
  223. if (!node) { return; }
  224. tree.baseOperation('base-operation', node, 'up-level', function (result) {
  225. self.refreshTree(sheet, result);
  226. self.refreshOperationValid(sheet, sheet.getSelections());
  227. });
  228. },
  229. /**
  230. * 降级选中节点
  231. * @param spread
  232. */
  233. downLevel: function (spread) {
  234. const self = this;
  235. const sheet = spread.getActiveSheet();
  236. const row = sheet.getSelections()[0].row;
  237. const tree = sheet.zh_tree;
  238. if (!tree) { return; }
  239. const node = tree.nodes[row];
  240. if (!node) { return; }
  241. tree.baseOperation('base-operation', node, 'down-level', function (result) {
  242. self.refreshTree(sheet, result);
  243. self.refreshOperationValid(sheet, sheet.getSelections());
  244. });
  245. },
  246. /**
  247. * 编辑单元格响应事件
  248. * @param {Object} e
  249. * @param {Object} info
  250. */
  251. editEnded: function (e, info) {
  252. if (info.sheet.zh_setting) {
  253. const col = info.sheet.zh_setting.cols[info.col];
  254. const sortData = info.sheet.zh_dataType === 'tree' ? info.sheet.zh_tree.nodes : info.sheet.zh_data;
  255. const node = sortData[info.row];
  256. const data = {
  257. id: node.id,
  258. tender_id: node.tender_id,
  259. ledger_id: node.ledger_id
  260. };
  261. data[col.field] = col.type === 'Number' ? parseFloat(info.editingText) : info.editingText;
  262. info.sheet.zh_tree.update('update', data, function (result) {
  263. const rows = [];
  264. for (const r of result) {
  265. rows.push(sortData.indexOf(r));
  266. }
  267. SpreadJsObj.reLoadRowsData(info.sheet, rows);
  268. });
  269. }
  270. },
  271. /**
  272. * 粘贴单元格响应事件
  273. * @param e
  274. * @param info
  275. */
  276. clipboardPasted: function (e, info) {
  277. if (info.sheet.zh_setting && info.sheet.zh_dataType === 'tree') {
  278. const sortData = info.sheet.zh_tree.nodes;
  279. const datas = [], nodes = [];
  280. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow ++) {
  281. const curRow = info.cellRange.row + iRow;
  282. const node = sortData[curRow];
  283. if (node) {
  284. const data = info.sheet.zh_tree.getNodeKeyData(node);
  285. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  286. const curCol = info.cellRange.col + iCol;
  287. const colSetting = info.sheet.zh_setting.cols[curCol];
  288. data[colSetting.field] = info.sheet.getText(curRow, curCol);
  289. }
  290. datas.push(data);
  291. nodes.push(node);
  292. }
  293. }
  294. info.sheet.zh_tree.update('update', datas, function (result) {
  295. const rows = [];
  296. for (const data of result) {
  297. rows.push(sortData.indexOf(data));
  298. }
  299. SpreadJsObj.reLoadRowsData(info.sheet, rows);
  300. });
  301. }
  302. },
  303. /**
  304. * 删除按钮响应事件
  305. * @param sheet
  306. */
  307. deletePress: function (sheet) {
  308. if (sheet.zh_setting && sheet.zh_dataType === 'tree') {
  309. const sortData = sheet.zh_tree.nodes;
  310. const datas = [], nodes = [];
  311. const sel = sheet.getSelections()[0];
  312. for (let iRow = sel.row; iRow < sel.row + sel.rowCount; iRow++) {
  313. const node = sortData[iRow];
  314. if (node) {
  315. const data = sheet.zh_tree.getNodeKeyData(node);
  316. for (let iCol = sel.col; iCol < sel.col + sel.colCount; iCol++) {
  317. const colSetting = sheet.zh_setting.cols[iCol];
  318. data[colSetting.field] = null;
  319. }
  320. datas.push(data);
  321. nodes.push(node);
  322. }
  323. }
  324. sheet.zh_tree.update('update-info', datas, function (result) {
  325. const rows = [];
  326. for (const data of result) {
  327. rows.push(sortData.indexOf(data));
  328. }
  329. SpreadJsObj.reLoadRowsData(sheet, rows);
  330. });
  331. }
  332. },
  333. /**
  334. * 粘贴整块
  335. * @param spread
  336. * @param block
  337. */
  338. pasteBlock: function (spread, block) {
  339. const self = this;
  340. const sheet = spread.getActiveSheet();
  341. const row = sheet.getSelections()[0].row;
  342. const tree = sheet.zh_tree;
  343. if (!tree) { return; }
  344. const node = tree.nodes[row];
  345. if (!node) { return; }
  346. tree.pasteBlock('paste-block', node, block, function (result) {
  347. self.refreshTree(sheet, result);
  348. self.refreshOperationValid(sheet, sheet.getSelections());
  349. });
  350. },
  351. batchInsertData: function (spread, data, fun) {
  352. const self = this;
  353. const sheet = spread.getActiveSheet();
  354. const row = sheet.getSelections()[0].row;
  355. const tree = sheet.zh_tree;
  356. if (!tree) { return; }
  357. const node = tree.nodes[row];
  358. if (!node) { return; }
  359. tree.batchInsert('batch-insert', node, data, function (result) {
  360. self.refreshTree(sheet, result);
  361. self.refreshOperationValid(sheet, sheet.getSelections());
  362. fun();
  363. });
  364. }
  365. };
  366. if (!ledgerSpreadSetting.readOnly) {
  367. ledgerSpread.bind(GC.Spread.Sheets.Events.SelectionChanged, function (e, info) {
  368. treeOperationObj.refreshOperationValid(info.sheet, info.newSelections);
  369. });
  370. ledgerSpread.bind(GC.Spread.Sheets.Events.EditEnded, treeOperationObj.editEnded);
  371. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardPasted, treeOperationObj.clipboardPasted);
  372. SpreadJsObj.addDeleteBind(ledgerSpread, treeOperationObj.deletePress);
  373. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardChanging, function (e, info) {
  374. const copyText = SpreadJsObj.getFilterCopyText(info.sheet);
  375. });
  376. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardChanged, function (e, info) {
  377. console.log(info.copyData.text);
  378. });
  379. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardPasting, function (e, info) {
  380. });
  381. // 绑定 删除等 顶部按钮
  382. $('#delete').click(function () {
  383. treeOperationObj.deleteNode(ledgerSpread);
  384. });
  385. $('#up-move').click(function () {
  386. treeOperationObj.upMove(ledgerSpread);
  387. });
  388. $('#down-move').click(function () {
  389. treeOperationObj.downMove(ledgerSpread);
  390. });
  391. $('#up-level').click(function () {
  392. treeOperationObj.upLevel(ledgerSpread);
  393. });
  394. $('#down-level').click(function () {
  395. treeOperationObj.downLevel(ledgerSpread);
  396. });
  397. let batchInsertObj;
  398. // 右键菜单
  399. $.contextMenu({
  400. selector: '#ledger-spread',
  401. build: function ($trigger, e) {
  402. const target = SpreadJsObj.safeRightClickSelection($trigger, e, ledgerSpread);
  403. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  404. },
  405. items: {
  406. 'create': {
  407. name: '新增',
  408. icon: 'fa-sign-in',
  409. callback: function (key, opt) {
  410. treeOperationObj.addNode(ledgerSpread);
  411. },
  412. visible: function(key, opt){
  413. const sheet = ledgerSpread.getActiveSheet();
  414. const selection = sheet.getSelections();
  415. const row = selection[0].row;
  416. const select = ledgerTree.nodes[row];
  417. return select;
  418. }
  419. },
  420. 'delete': {
  421. name: '删除',
  422. icon: 'fa-remove',
  423. callback: function (key, opt) {
  424. treeOperationObj.deleteNode(ledgerSpread);
  425. },
  426. visible: function (key, opt) {
  427. const sheet = ledgerSpread.getActiveSheet();
  428. const selection = sheet.getSelections();
  429. const row = selection[0].row;
  430. const select = ledgerTree.nodes[row];
  431. return select;
  432. }
  433. },
  434. 'copyBlock': {
  435. name: '复制整块',
  436. icon: 'fa-files-o',
  437. callback: function (key, opt) {
  438. /*ledgerSpread.commandManager().execute({
  439. cmd:"copy",
  440. sheetName:ledgerSpread.getActiveSheet().name()
  441. });*/
  442. treeOperationObj.block = [];
  443. const copyBlockList = [];
  444. const sheet = ledgerSpread.getActiveSheet();
  445. const sel = sheet.getSelections()[0];
  446. let iRow = sel.row;
  447. const pid = sheet.zh_tree.nodes[iRow].ledger_pid;
  448. while (iRow < sel.row + sel.rowCount) {
  449. const node = sheet.zh_tree.nodes[iRow];
  450. if (node.ledger_pid !== pid) {
  451. toast('error: 仅可同时选中同层节点', 'error', 'exclamation-circle');
  452. return;
  453. }
  454. copyBlockList.push(node.ledger_id);
  455. iRow += sheet.zh_tree.getPosterity(node).length + 1;
  456. }
  457. treeOperationObj.block = copyBlockList;
  458. },
  459. visible: function (key, opt) {
  460. const sheet = ledgerSpread.getActiveSheet();
  461. const selection = sheet.getSelections();
  462. const row = selection[0].row;
  463. const select = ledgerTree.nodes[row];
  464. return select;
  465. }
  466. },
  467. 'pasteBlock': {
  468. name: '粘贴',
  469. icon: 'fa-clipboard',
  470. disabled: function (key, opt) {
  471. const block = treeOperationObj.block || [];
  472. return block.length <= 0 && false;
  473. },
  474. callback: function (key, opt) {
  475. const block = treeOperationObj.block || [];
  476. if (block.length > 0) {
  477. treeOperationObj.pasteBlock(ledgerSpread, block);
  478. } else {
  479. document.execCommand('paste');
  480. }
  481. }
  482. },
  483. 'batchInsertChild': {
  484. name: '批量插入子项',
  485. icon: 'fa-sign-in',
  486. disabled: function (key, opt) {
  487. return false;
  488. },
  489. callback: function(key, opt) {
  490. $('h5', $('#batch')).text('批量插入子项');
  491. if (!batchInsertObj) {
  492. batchInsertObj = new BatchInsertObj($('#batch'), key);
  493. } else {
  494. batchInsertObj.batchType = key;
  495. batchInsertObj.initView();
  496. }
  497. $('#batch').modal('show');
  498. },
  499. },
  500. 'batchInsertNext': {
  501. name: '批量插入后项',
  502. icon: 'fa-sign-in',
  503. disabled: function (key, opt) {
  504. return false;
  505. },
  506. callback: function (key, opt) {
  507. $('h5', $('#batch')).text('批量插入后项');
  508. if (!batchInsertObj) {
  509. batchInsertObj = new BatchInsertObj($('#batch'), key);
  510. } else {
  511. batchInsertObj.batchType = key;
  512. batchInsertObj.initView();
  513. }
  514. $('#batch').modal('show');
  515. },
  516. },
  517. 'loadAll': {
  518. name: '加载全部叶子节点',
  519. callback: function (key, opt) {
  520. const sheet = ledgerSpread.getActiveSheet();
  521. const selection = sheet.getSelections();
  522. const row = selection[0].row;
  523. const select = ledgerTree.nodes[row];
  524. ledgerTree.postData('posterity', null, {id: ledgerTree.getNodeKey(select)}, function (result) {
  525. select.expanded = true;
  526. treeOperationObj.refreshTree(sheet, result);
  527. treeOperationObj.refreshOperationValid(sheet, sheet.getSelections());
  528. });
  529. }
  530. }
  531. }
  532. });
  533. }
  534. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet(), ledgerSpread.getActiveSheet().getSelections());
  535. let stdChapter, stdBills, dealBills, searchLedger;
  536. // 展开收起标准清单
  537. $('a', '#side-menu').bind('click', function () {
  538. const tab = $(this), tabPanel = $(tab.attr('content'));
  539. const showSideTools = function (show) {
  540. if (show) {
  541. $('.c-body.col-12').removeClass('col-12').addClass('col-8');
  542. $('.c-body.col-0').removeClass('col-0').addClass('col-4').show();
  543. } else {
  544. $('.c-body.col-8').removeClass('col-8').addClass('col-12');
  545. $('.c-body.col-4').removeClass('col-4').addClass('col-0').hide();
  546. }
  547. }
  548. if (!tab.hasClass('active')) {
  549. $('a', '#side-menu').removeClass('active');
  550. tab.addClass('active');
  551. showSideTools(tab.hasClass('active'));
  552. $('.tab-content .tab-pane').hide();
  553. tabPanel.show();
  554. if (tab.attr('content') === '#std-chapter' && !stdChapter) {
  555. stdChapter = new stdLib($('#std-chapter-spread')[0], 'chapter', {
  556. id: 'chapter_id',
  557. pid: 'pid',
  558. order: 'order',
  559. level: 'level',
  560. rootId: -1,
  561. keys: ['id', 'list_id', 'chapter_id'],
  562. }, {
  563. cols: [
  564. {title: '项目节编号', field: 'code', width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  565. {title: '名称', field: 'name', width: 230, formatter: '@', readOnly: true},
  566. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true}
  567. ],
  568. treeCol: 0,
  569. emptyRows: 0,
  570. headRows: 1,
  571. headRowHeight: [40],
  572. defaultRowHeight: 21,
  573. });
  574. stdChapter.loadLib(1);
  575. } else if (tab.attr('content') === '#std-bills' && !stdBills) {
  576. stdBills = new stdLib($('#std-bills-spread')[0], 'bills', {
  577. id: 'bill_id',
  578. pid: 'pid',
  579. order: 'order',
  580. level: 'level',
  581. rootId: -1,
  582. keys: ['id', 'list_id', 'bill_id']
  583. }, {
  584. cols: [
  585. {title: '清单编号', field: 'code', width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  586. {title: '名称', field: 'name', width: 230, formatter: '@', readOnly: true},
  587. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true}
  588. ],
  589. treeCol: 0,
  590. emptyRows: 0,
  591. headRows: 1,
  592. headRowHeight: [40],
  593. defaultRowHeight: 21,
  594. });
  595. stdBills.loadLib(1);
  596. } else if (tab.attr('content') === '#deal-bills' && !dealBills) {
  597. dealBills = new DealBills($('#deal-bills-spread')[0], {
  598. cols: [
  599. {title: '清单编号', field: 'code', width: 120, formatter: '@', readOnly: true},
  600. {title: '名称', field: 'name', width: 230, formatter: '@', readOnly: true},
  601. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true},
  602. {title: '单价', field: 'unit_price', width: 50, readOnly: true},
  603. {title: '数量', field: 'quantity', width: 50, readOnly: true},
  604. ],
  605. emptyRows: 0,
  606. headRows: 1,
  607. headRowHeight: [40],
  608. defaultRowHeight: 21,
  609. });
  610. dealBills.loadData();
  611. } else if (tab.attr('content') === '#search' && !searchLedger) {
  612. searchLedger = new SearchLedger($('#search'), {
  613. cols: [
  614. {title: '项目节编号', field: 'code', width: 120, formatter: '@', readOnly: true},
  615. {title: '清单编号', field: 'b_code', width: 120, formatter: '@', readOnly: true},
  616. {title: '名称', field: 'name', width: 230, formatter: '@', readOnly: true},
  617. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true},
  618. {title: '单价', field: 'unit_price', width: 50, readOnly: true},
  619. {title: '数量', field: 'quantity', width: 50, readOnly: true},
  620. ],
  621. emptyRows: 3,
  622. headRows: 1,
  623. headRowHeight: [40],
  624. defaultRowHeight: 21,
  625. })
  626. }
  627. } else {
  628. tab.removeClass('active');
  629. showSideTools(tab.hasClass('active'));
  630. tabPanel.hide();
  631. }
  632. ledgerSpread.refresh();
  633. });
  634. class stdLib {
  635. constructor(obj, stdType, treeSetting, spreadSetting) {
  636. this.obj = obj;
  637. this.url = '/std/' + stdType;
  638. this.treeSetting = treeSetting;
  639. treeSetting.preUrl = this.url;
  640. this.spreadSetting = spreadSetting;
  641. this.spread = SpreadJsObj.createNewSpread(this.obj);
  642. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  643. this.spread.getActiveSheet().bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  644. const stdSheet = info.sheet;
  645. const mainSheet = ledgerSpread.getActiveSheet();
  646. if (!stdSheet.zh_setting || !stdSheet.zh_tree || !mainSheet.zh_tree) { return; }
  647. const stdTree = stdSheet.zh_tree;
  648. const stdNode = stdTree.nodes[info.row];
  649. const mainTree = mainSheet.zh_tree;
  650. const sel = mainSheet.getSelections()[0];
  651. const mainNode = mainTree.nodes[sel.row];
  652. if (!stdNode) { return; }
  653. mainTree.postData('add-by-std', mainNode, {
  654. tender_id: mainNode.tender_id,
  655. stdType: stdType,
  656. stdLibId: stdNode.list_id,
  657. stdNode: stdTree.getNodeKey(stdNode)
  658. }, function (result) {
  659. treeOperationObj.refreshTree(mainSheet, result);
  660. treeOperationObj.refreshOperationValid(mainSheet, mainSheet.getSelections());
  661. });
  662. });
  663. this.pathTree = createNewPathTree('active', this.treeSetting);
  664. }
  665. loadLib (listId) {
  666. const self = this;
  667. postData(this.url+'/get-data', {list_id: listId}, function (data) {
  668. self.pathTree.loadDatas(data);
  669. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'tree', self.pathTree);
  670. });
  671. }
  672. }
  673. class DealBills {
  674. constructor (obj, spreadSetting) {
  675. const self = this;
  676. this.obj = obj;
  677. this.url = '/deal';
  678. this.spreadSetting = spreadSetting;
  679. this.spread = SpreadJsObj.createNewSpread(this.obj);
  680. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  681. $('#upload-deal-bills').click(function () {
  682. const file = $('#deal-bills-file')[0];
  683. const formData = new FormData();
  684. formData.append('file', file.files[0]);
  685. postDataWithFile(self.url+'/upload-excel', formData, function (data) {
  686. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', data);
  687. $('#upload-deal').modal('hide');
  688. }, function () {
  689. $('#upload-deal').modal('hide');
  690. });
  691. })
  692. }
  693. loadData () {
  694. const self = this;
  695. postData(this.url+'/get-data', {}, function (data) {
  696. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', data);
  697. });
  698. }
  699. }
  700. class BatchInsertObj {
  701. constructor (obj, batchType) {
  702. const self = this;
  703. this.obj = obj;
  704. this.batchType = batchType;
  705. this.billsCount = 6;
  706. this.xmSpreadSetting = {
  707. cols: [
  708. {title: '部位', field: 'bw', width: 80, formatter: '@'},
  709. {title: '图册号', field: 'drawingCode', formatter: '@', width: 60},
  710. ],
  711. emptyRows: 1000,
  712. headRows: 1,
  713. headRowHeight: [40],
  714. };
  715. for (let iNum = 1; iNum <= this.billsCount; iNum++) {
  716. this.xmSpreadSetting.cols.push(
  717. {title: '清单' + iNum, field: 'bills' + iNum, width: 50}
  718. )
  719. }
  720. this.xmSpread = SpreadJsObj.createNewSpread($('.batch-l-t')[0]);
  721. this.gclSpreadSetting = {
  722. cols: [
  723. {title: '编号', field: 'code', width: 80, formatter: '@'},
  724. {title: '名称', field: 'name', width: 120, formatter: '@'},
  725. {title: '单位', field: 'unit', width: 50, formatter: '@'},
  726. {title: '单价', field: 'unit_price', width: 50},
  727. {title: '图册号', field: 'name', width: 60, formatter: '@'},
  728. ],
  729. emptyRows: this.billsCount,
  730. headRows: 1,
  731. headRowHeight: [40],
  732. };
  733. this.gclSpread = SpreadJsObj.createNewSpread($('.batch-l-b')[0]);
  734. this.initView();
  735. this.dealSpreadSetting = {
  736. cols: [
  737. {title: '清单编号', field: 'code', width: 80, formatter: '@', readOnly: true},
  738. {title: '名称', field: 'name', width: 120, formatter: '@', readOnly: true},
  739. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true},
  740. {title: '单价', field: 'unit_price', width: 50, readOnly: true},
  741. ],
  742. emptyRows: 0,
  743. headRows: 1,
  744. headRowHeight: [40],
  745. };
  746. this.dealSpread = SpreadJsObj.createNewSpread($('.batch-r')[0]);
  747. SpreadJsObj.initSheet(this.dealSpread.getActiveSheet(), this.dealSpreadSetting);
  748. postData('/deal/get-data', {}, function (data) {
  749. SpreadJsObj.loadSheetData(self.dealSpread.getActiveSheet(), 'data', data);
  750. self.dealSpread.bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  751. const deal = info.sheet.zh_data[info.row];
  752. const sel = self.gclSpread.getActiveSheet().getSelections()[0];
  753. self.gclSpread.getActiveSheet().getCell(sel.row, 0).value(deal.code);
  754. self.gclSpread.getActiveSheet().getCell(sel.row, 1).value(deal.name);
  755. self.gclSpread.getActiveSheet().getCell(sel.row, 2).value(deal.unit);
  756. self.gclSpread.getActiveSheet().getCell(sel.row, 3).value(deal.unit_price);
  757. if (sel.row + 1 === self.gclSpread.getActiveSheet().getRowCount()) {
  758. const count = sel.row + 2;
  759. self.gclSpread.getActiveSheet().setRowCount(count);
  760. self.gclSpread.getActiveSheet().getCell(sel.row + 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + count);
  761. const colCount = self.xmSpread.getActiveSheet().getColumnCount() + 1
  762. self.xmSpread.getActiveSheet().setColumnCount(colCount);
  763. self.xmSpread.getActiveSheet().getCell(0, colCount - 1, GC.Spread.Sheets.SheetArea.colHeader).text('数量' + count);
  764. }
  765. self.gclSpread.getActiveSheet().setSelection(sel.row + 1, sel.col, 1, 1);
  766. })
  767. });
  768. this.obj.bind('shown.bs.modal', function () {
  769. self.xmSpread.refresh();
  770. self.gclSpread.refresh();
  771. self.dealSpread.refresh();
  772. });
  773. $('#batch-ok').click(function () {
  774. treeOperationObj.batchInsertData(ledgerSpread, {
  775. batchData: self.getBatchData(),
  776. batchType: self.batchType,
  777. }, function () {
  778. self.obj.modal('hide');
  779. });
  780. });
  781. }
  782. initView() {
  783. let time = new Date();
  784. const xmSheet = this.xmSpread.getActiveSheet();
  785. SpreadJsObj.initSheet(xmSheet, this.xmSpreadSetting);
  786. console.log(new Date() - time);
  787. time = new Date();
  788. SpreadJsObj.beginMassOperation(xmSheet);
  789. xmSheet.clear(0, 0, xmSheet.getRowCount(), xmSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  790. SpreadJsObj.endMassOperation(xmSheet);
  791. console.log(new Date() - time);
  792. time = new Date();
  793. const gclSheet = this.gclSpread.getActiveSheet();
  794. SpreadJsObj.initSheet(gclSheet, this.gclSpreadSetting);
  795. SpreadJsObj.beginMassOperation(gclSheet);
  796. gclSheet.setColumnWidth(0, 45, GC.Spread.Sheets.SheetArea.rowHeader);
  797. for (let iRow = 1; iRow <= this.billsCount; iRow ++) {
  798. gclSheet.getCell(iRow - 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + iRow);
  799. }
  800. gclSheet.clear(0, 0, gclSheet.getRowCount(), gclSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  801. SpreadJsObj.endMassOperation(gclSheet);
  802. console.log(new Date() - time);
  803. time = new Date();
  804. }
  805. getBatchData () {
  806. const result = [];
  807. const xmSheet = this.xmSpread.getActiveSheet(), gclSheet = this.gclSpread.getActiveSheet();
  808. for (let iRow = 0; iRow < xmSheet.getRowCount(); iRow++) {
  809. if (xmSheet.getText(iRow, 0) === '') { continue; }
  810. const xmj = {
  811. name: xmSheet.getText(iRow, 0),
  812. children: [],
  813. };
  814. result.push(xmj);
  815. for (let iCol = 2; iCol < xmSheet.getColumnCount(); iCol++) {
  816. let value;
  817. try {
  818. value = parseFloat(xmSheet.getText(iRow, iCol));
  819. if (value !== 0 && !isNaN(value)) {
  820. const gcl = {
  821. b_code: gclSheet.getText(iCol - 2, 0),
  822. name: gclSheet.getText(iCol - 2, 1),
  823. unit: gclSheet.getText(iCol - 2, 2),
  824. quantity: value,
  825. }
  826. try {
  827. gcl.unit_price = parseFloat(gclSheet.getText(iCol - 2, 3));
  828. } catch (err) {
  829. }
  830. if (gcl.b_code !== '' || gcl.name !== '') {
  831. xmj.children.push(gcl);
  832. }
  833. }
  834. } catch (err) {
  835. }
  836. }
  837. }
  838. return result;
  839. }
  840. }
  841. class SearchLedger {
  842. constructor(obj, spreadSetting) {
  843. const self = this;
  844. this.obj = obj;
  845. this.url = '/ledger/search';
  846. this.spreadSetting = spreadSetting;
  847. this.spread = SpreadJsObj.createNewSpread($('#search-result', this.obj)[0]);
  848. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  849. $('#searchLedger', this.obj).bind('click', function () {
  850. const data = { keyword: $('input', self.obj).val() };
  851. postData('/ledger/search', data, function (result) {
  852. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', result);
  853. });
  854. });
  855. this.spread.getActiveSheet().bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  856. const sheet = info.sheet;
  857. const data = sheet.zh_data;
  858. if (!data) { return }
  859. const curBills = data[info.row];
  860. if (!curBills) { return }
  861. const mainSheet = ledgerSpread.getActiveSheet();
  862. const mainTree = mainSheet.zh_tree;
  863. mainTree.postData('locate', null, {id: curBills.ledger_id}, function (result) {
  864. treeOperationObj.refreshTree(mainSheet, result);
  865. treeOperationObj.refreshOperationValid(mainSheet, mainSheet.getSelections());
  866. SpreadJsObj.locateTreeNode(mainSheet, curBills.ledger_id);
  867. });
  868. });
  869. }
  870. }
  871. $('#searchAccount').click(() => {
  872. const data = {
  873. keyword: $('#searchName').val(),
  874. }
  875. postData('/search/user', data, (data) => {
  876. const resultDiv = $('#searchResult');
  877. $('h5>span', resultDiv).text(data.name);
  878. $('#addAuditor').attr('auditorId', data.id);
  879. $('h6', resultDiv).text(data.role);
  880. $('p', resultDiv).text(data.company);
  881. resultDiv.show();
  882. }, () => {
  883. $('#searchResult').hide();
  884. });
  885. });
  886. $('#addAuditor').click(() => {
  887. const data = {
  888. auditorId: $('#addAuditor').attr('auditorId'),
  889. };
  890. console.log(data);
  891. postData('/ledger/audit/add', data, (data) => {
  892. const html = [];
  893. html.push('<li class="list-group-item" auditorId="'+ data.audit_id +'"><a href="javascript: void(0)" class="text-danger pull-right">移除</a>');
  894. html.push('<span>');
  895. html.push(data.audit_order + ' ');
  896. html.push(data.name + ' ');
  897. html.push('</span>');
  898. html.push('<small class="text-muted">');
  899. html.push(data.role);
  900. html.push('</small></li>');
  901. $('#auditors').append(html.join(''));
  902. });
  903. });
  904. $('li>a', '#auditors').bind('click', function () {
  905. const li = $(this).parent();
  906. const data = {
  907. auditorId: parseInt(li.attr('auditorId')),
  908. };
  909. postData('/ledger/audit/delete', data, (data) => {
  910. li.remove();
  911. for (const a of data) {
  912. const aLi = $('li[auditorId=' + a.audit_id + ']');
  913. $('span', aLi).text(a.audit_order + ' ' + a.name + ' ');
  914. }
  915. });
  916. });
  917. $('select', '#opinion').change(function () {
  918. postData('/ledger/audit/getContent', {audit_id: parseInt($(this).val())}, (data) => {
  919. $('legend', '#opinion').text($(this).find('option:selected').text() + ' 清单意见');
  920. loadContents(data);
  921. });
  922. });
  923. });