ledger.js 42 KB

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