ledger.js 71 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570
  1. /**
  2. * 台账相关js
  3. *
  4. * @author Mai
  5. * @date 2018/02/05
  6. * @version
  7. */
  8. function checkTzMeasureType () {
  9. return tender.measure_type === measureType.tz.value;
  10. }
  11. function getTenderId() {
  12. return window.location.pathname.split('/')[2];
  13. }
  14. $(document).ready(function() {
  15. autoFlashHeight();
  16. // 初始化台账
  17. const ledgerSpread = SpreadJsObj.createNewSpread($('#ledger-spread')[0]);
  18. SpreadJsObj.addDeleteBind(ledgerSpread);
  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. preUrl: '/tender/' + getTenderId() + '/ledger',
  27. };
  28. if (checkTzMeasureType()) {
  29. treeSetting.calcFields = ['sgfh_tp', 'sjcl_tp', 'qtcl_tp', 'total_price'];
  30. } else {
  31. treeSetting.calcFields = ['deal_tp', 'sgfh_tp', 'sjcl_tp', 'qtcl_tp', 'total_price'];
  32. }
  33. treeSetting.calcFun = function (node) {
  34. node.dgn_price = ZhCalc.round(ZhCalc.divide(node.total_price, node.dgn_qty1), 2);
  35. };
  36. const ledgerTree = createNewPathTree('ledger', treeSetting);
  37. ledgerTree.loadDatas(ledger);
  38. treeCalc.calculateAll(ledgerTree);
  39. ledgerTreeCol.initSpreadSetting(ledgerSpreadSetting);
  40. SpreadJsObj.initSheet(ledgerSpread.getActiveSheet(), ledgerSpreadSetting);
  41. // 加载台账数据到界面
  42. SpreadJsObj.loadSheetData(ledgerSpread.getActiveSheet(), 'tree', ledgerTree);
  43. // 初始化 部位明细
  44. const pos = new PosData({
  45. id: 'id', ledgerId: 'lid',
  46. });
  47. const posSpread = SpreadJsObj.createNewSpread($('#pos-spread')[0]);
  48. // 定义事件
  49. const treeOperationObj = {
  50. getSelectNode: function (sheet) {
  51. if (!sheet || !sheet.zh_tree) {
  52. return null;
  53. } else {
  54. const sel = sheet.getSelections()[0];
  55. return sheet.zh_tree.nodes[sel.row];
  56. }
  57. },
  58. /**
  59. * 刷新顶部按钮是否可用
  60. * @param sheet
  61. * @param selections
  62. */
  63. refreshOperationValid: function (sheet, selection) {
  64. const setObjEnable = function (obj, enable) {
  65. if (enable) {
  66. obj.removeClass('disabled');
  67. } else {
  68. obj.addClass('disabled');
  69. }
  70. };
  71. const sel = selection ? selection[0] : sheet.getSelections()[0];
  72. const row = sel ? sel.row : -1;
  73. const tree = sheet.zh_tree;
  74. if (!tree) { return; }
  75. const node = sheet.zh_tree.nodes[row];
  76. const preNode = tree.getPreSiblingNode(node);
  77. const valid = !sheet.zh_setting.readOnly;
  78. setObjEnable($('#delete'), valid && node);
  79. setObjEnable($('#up-move'), valid && node && preNode);
  80. setObjEnable($('#down-move'), valid && node && !tree.isLastSibling(node));
  81. if (checkTzMeasureType()) {
  82. const posRange = node ? pos.getLedgerPos(node.id) : [];
  83. setObjEnable($('#up-level'), valid && node && tree.getParent(node) && node.level > 2 && (!posRange || posRange.length === 0));
  84. const preNodePosRange = preNode ? pos.getLedgerPos(preNode.id) : [];
  85. setObjEnable($('#down-level'), valid && node && preNode && (!preNodePosRange || preNodePosRange.length === 0));
  86. } else {
  87. setObjEnable($('#up-level'), valid && node && tree.getParent(node));
  88. setObjEnable($('#down-level'), valid && node && preNode);
  89. }
  90. },
  91. refreshTree: function (sheet, data) {
  92. SpreadJsObj.massOperationSheet(sheet, function () {
  93. const tree = sheet.zh_tree;
  94. // 处理删除
  95. if (data.delete) {
  96. for (const d of data.delete) {
  97. sheet.deleteRows(tree.nodes.indexOf(d), 1);
  98. }
  99. }
  100. // 处理新增
  101. let cTime = new Date();
  102. if (data.create) {
  103. const newNodes = data.create;
  104. if (newNodes) {
  105. let sTime = new Date();
  106. newNodes.sort(function (a, b) {
  107. return a.index - b.index;
  108. });
  109. sTime = new Date() - sTime;
  110. console.log('sort: ' + sTime);
  111. let lTime = new Date();
  112. for (const node of newNodes) {
  113. sheet.addRows(node.index, 1);
  114. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(node), 1);
  115. }
  116. lTime = new Date() - lTime;
  117. console.log('load: '+ lTime);
  118. }
  119. }
  120. cTime = new Date() - cTime;
  121. console.log('refreshNewNode: ' + cTime);
  122. // 处理更新
  123. if (data.update) {
  124. const rows = [];
  125. for (const u of data.update) {
  126. rows.push(tree.nodes.indexOf(u));
  127. }
  128. SpreadJsObj.reLoadRowsData(sheet, rows);
  129. }
  130. // 处理展开
  131. if (data.expand) {
  132. const expanded = [];
  133. for (const e of data.expand) {
  134. if (expanded.indexOf(e) === -1) {
  135. const posterity = tree.getPosterity(e);
  136. for (const p of posterity) {
  137. sheet.setRowVisible(tree.nodes.indexOf(p), p.visible);
  138. expanded.push(p);
  139. }
  140. }
  141. }
  142. }
  143. });
  144. },
  145. /**
  146. * 新增节点
  147. * @param spread
  148. */
  149. addNode: function (spread) {
  150. const self = this;
  151. const sheet = spread.getActiveSheet();
  152. const row = sheet.getSelections()[0].row;
  153. const tree = sheet.zh_tree;
  154. if (!tree) { return; }
  155. const node = sheet.zh_tree.nodes[row];
  156. if (!node) { return; }
  157. SpreadJsObj.massOperationSheet(sheet, function () {
  158. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'add', function (result) {
  159. self.refreshTree(sheet, result);
  160. self.refreshOperationValid(sheet);
  161. });
  162. });
  163. },
  164. /**
  165. * 删除选中节点
  166. * @param spread
  167. */
  168. deleteNode: function (spread) {
  169. const self = this;
  170. const sheet = spread.getActiveSheet();
  171. const row = sheet.getSelections()[0].row;
  172. const tree = sheet.zh_tree;
  173. if (!tree) { return; }
  174. const node = sheet.zh_tree.nodes[row];
  175. if (!node) { return; }
  176. const count = ledgerTree.getPosterity(node).length;
  177. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'delete', function (result) {
  178. sheet.deleteRows(row, count + 1);
  179. for (const data of result.update) {
  180. SpreadJsObj.reLoadRowData(sheet, tree.nodes.indexOf(data), tree.getPosterity(data).length + 1);
  181. }
  182. self.refreshOperationValid(sheet);
  183. for (const data of result.delete) {
  184. pos.removeDatasByMasterId(data.id);
  185. }
  186. posOperationObj.loadCurPosData();
  187. });
  188. },
  189. /**
  190. * 上移选中节点
  191. * @param spread
  192. */
  193. upMove: function (spread) {
  194. const self = this;
  195. const sheet = spread.getActiveSheet();
  196. const sel = sheet.getSelections()[0];
  197. const row = sel.row;
  198. const tree = sheet.zh_tree;
  199. if (!tree) { return; }
  200. const node = tree.nodes[row];
  201. if (!node) { return; }
  202. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'up-move', function (result) {
  203. self.refreshTree(sheet, result);
  204. sheet.setSelection(tree.nodes.indexOf(node), sel.col, sel.rowCount, sel.colCount);
  205. self.refreshOperationValid(sheet);
  206. });
  207. },
  208. /**
  209. * 下移选中节点
  210. * @param spread
  211. */
  212. downMove: function (spread) {
  213. const self = this;
  214. const sheet = spread.getActiveSheet();
  215. const sel = sheet.getSelections()[0];
  216. const row = sel.row;
  217. const tree = sheet.zh_tree;
  218. if (!tree) { return; }
  219. const node = tree.nodes[row];
  220. if (!node) { return; }
  221. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'down-move', function (result) {
  222. self.refreshTree(sheet, result);
  223. sheet.setSelection(tree.nodes.indexOf(node), sel.col, sel.rowCount, sel.colCount);
  224. self.refreshOperationValid(sheet);
  225. });
  226. },
  227. /**
  228. * 升级选中节点
  229. * @param spread
  230. */
  231. upLevel: function (spread) {
  232. const self = this;
  233. const sheet = spread.getActiveSheet();
  234. const row = sheet.getSelections()[0].row;
  235. const tree = sheet.zh_tree;
  236. if (!tree) { return; }
  237. const node = tree.nodes[row];
  238. if (!node) { return; }
  239. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'up-level', function (result) {
  240. self.refreshTree(sheet, result);
  241. self.refreshOperationValid(sheet);
  242. });
  243. },
  244. /**
  245. * 降级选中节点
  246. * @param spread
  247. */
  248. downLevel: function (spread) {
  249. const self = this;
  250. const sheet = spread.getActiveSheet();
  251. const row = sheet.getSelections()[0].row;
  252. const tree = sheet.zh_tree;
  253. if (!tree) { return; }
  254. const node = tree.nodes[row];
  255. if (!node) { return; }
  256. tree.baseOperation('/tender/' + getTenderId() + '/ledger/base-operation', node, 'down-level', function (result) {
  257. self.refreshTree(sheet, result);
  258. self.refreshOperationValid(sheet);
  259. });
  260. },
  261. /**
  262. * 编辑单元格响应事件
  263. * @param {Object} e
  264. * @param {Object} info
  265. */
  266. editEnded: function (e, info) {
  267. if (info.sheet.zh_setting) {
  268. const col = info.sheet.zh_setting.cols[info.col];
  269. const sortData = info.sheet.zh_dataType === 'tree' ? info.sheet.zh_tree.nodes : info.sheet.zh_data;
  270. const node = sortData[info.row];
  271. const data = {
  272. id: node.id,
  273. tender_id: node.tender_id,
  274. ledger_id: node.ledger_id
  275. };
  276. // 未改变值则不提交
  277. const orgValue = node[col.field];
  278. if (orgValue == info.editingText || ((!orgValue || orgValue === '') && (info.editingText === ''))) {
  279. return;
  280. }
  281. // 台账模式,检查部位明细相关
  282. if (checkTzMeasureType()) {
  283. if (col.field === 'sgfh_qty' || col.field === 'sgfh_tp' ||
  284. col.field === 'sjcl_qty' || col.field === 'sjcl_tp' ||
  285. col.field === 'qtcl_qty' || col.field === 'qtcl_tp') {
  286. if (!node.children || node.children.length ===0) {
  287. const lPos = pos.getLedgerPos(node.id);
  288. if (lPos && lPos.length > 0) {
  289. toast('清单含有部位明细,不可修改施工图复核数量', 'error');
  290. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  291. return;
  292. }
  293. }
  294. }
  295. if (col.field === 'b_code' && (info.editingText === '' || !info.editingText)) {
  296. const lPos = pos.getLedgerPos(node.id);
  297. if (lPos && lPos.length > 0) {
  298. toast('清单含有部位明细,请先删除部位明细,再删除清单编号', 'error');
  299. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  300. return;
  301. }
  302. }
  303. }
  304. // 获取更新数据
  305. if (info.editingText) {
  306. data[col.field] = col.type === 'Number' ? parseFloat(info.editingText) : info.editingText.replace('\n', '');
  307. } else {
  308. data[col.field] = null;
  309. }
  310. // 更新至服务器
  311. info.sheet.zh_tree.update('/tender/' + getTenderId() + '/ledger/update', data, function (result) {
  312. treeOperationObj.refreshTree(info.sheet, result);
  313. });
  314. }
  315. },
  316. /**
  317. * 粘贴单元格响应事件
  318. * @param e
  319. * @param info
  320. */
  321. clipboardPasted: function (e, info) {
  322. if (info.sheet.zh_setting && info.sheet.zh_dataType === 'tree') {
  323. const tree = info.sheet.zh_tree;
  324. if (!tree) { return; }
  325. const sortData = info.sheet.zh_tree.nodes;
  326. const datas = [], filterNodes = [];
  327. let bHint = false, bPaste;
  328. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow ++) {
  329. bPaste = false;
  330. const curRow = info.cellRange.row + iRow;
  331. const node = sortData[curRow];
  332. if (node) {
  333. const data = info.sheet.zh_tree.getNodeKeyData(node);
  334. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  335. const curCol = info.cellRange.col + iCol;
  336. const colSetting = info.sheet.zh_setting.cols[curCol];
  337. const value = info.sheet.getText(curRow, curCol).replace('\n', '');
  338. const lPos = pos.getLedgerPos(node.id);
  339. if (lPos && lPos.length > 0) {
  340. if (value === '' && colSetting.field === 'b_code') {
  341. if (!bHint) {
  342. toast('清单含有部位明细,请先删除部位明细,再删除清单编号', 'warning');
  343. bHint = true;
  344. }
  345. continue;
  346. }
  347. if (colSetting.field === 'sgfh_qty' || colSetting.field === 'sgfh_tp' ||
  348. colSetting.field === 'sjcl_qty' || colSetting.field === 'sjcl_tp' ||
  349. colSetting.field === 'qtcl_qty' || colSetting.field === 'qtcl_tp') {
  350. if (!bHint) {
  351. toast('清单含有部位明细,数量金额根据部位明细汇总计算所得,不可编辑', 'warning');
  352. bHint = true;
  353. }
  354. continue;
  355. }
  356. }
  357. data[colSetting.field] = value;
  358. bPaste = true;
  359. }
  360. if (bPaste) {
  361. datas.push(data);
  362. } else {
  363. filterNodes.push(node);
  364. }
  365. }
  366. }
  367. if (datas.length > 0) {
  368. info.sheet.zh_tree.update('/tender/' + getTenderId() + '/ledger/update', datas, function (result) {
  369. if (result.update) {
  370. result.update = result.update.concat(filterNodes);
  371. }
  372. treeOperationObj.refreshTree(info.sheet, result);
  373. }, function () {
  374. SpreadJsObj.reLoadRowData(info.sheet, info.cellRange.row, info.cellRange.rowCount);
  375. });
  376. } else {
  377. SpreadJsObj.reLoadRowData(info.sheet, info.cellRange.row, info.cellRange.rowCount);
  378. }
  379. }
  380. },
  381. /**
  382. * 删除按钮响应事件
  383. * @param sheet
  384. */
  385. deletePress: function (sheet) {
  386. if (sheet.zh_setting && sheet.zh_dataType === 'tree') {
  387. const tree = sheet.zh_tree;
  388. if (!tree) { return; }
  389. const sortData = sheet.zh_tree.nodes;
  390. const datas = [], nodes = [];
  391. const sel = sheet.getSelections()[0];
  392. let bHint = false;
  393. for (let iRow = sel.row; iRow < sel.row + sel.rowCount; iRow++) {
  394. const node = sortData[iRow];
  395. if (node) {
  396. let bDel = false;
  397. const data = sheet.zh_tree.getNodeKeyData(node);
  398. for (let iCol = sel.col; iCol < sel.col + sel.colCount; iCol++) {
  399. const col = sheet.zh_setting.cols[iCol];
  400. if (col.field === 'b_code' || col.field === 'sgfh_qty' || col.field === 'sgfh_tp' ||
  401. col.field === 'sjcl_qty' || col.field === 'sjcl_tp' ||
  402. col.field === 'qtcl_qty' || col.field === 'qtcl_tp') {
  403. const lPos = pos.getLedgerPos(node.id);
  404. if (lPos && lPos.length > 0) {
  405. if (!bHint) {
  406. if (col.field === 'code') {
  407. toast('清单含有部位明细,请先删除部位明细,再删除清单编号', 'warning');
  408. } else {
  409. toast('清单含有部位明细,数量金额根据部位明细汇总计算所得,不可删除', 'warning');
  410. }
  411. bHint = true;
  412. }
  413. continue;
  414. }
  415. }
  416. const style = sheet.getStyle(iRow, iCol);
  417. if (!style.locked) {
  418. const colSetting = sheet.zh_setting.cols[iCol];
  419. data[colSetting.field] = null;
  420. bDel = true;
  421. }
  422. }
  423. if (bDel) {
  424. datas.push(data);
  425. nodes.push(node);
  426. }
  427. }
  428. }
  429. if (datas.length > 0) {
  430. sheet.zh_tree.update('/tender/' + getTenderId() + '/ledger/update', datas, function (result) {
  431. treeOperationObj.refreshTree(sheet, result);
  432. });
  433. }
  434. }
  435. },
  436. /**
  437. * 粘贴整块
  438. * @param spread
  439. * @param block
  440. */
  441. pasteBlock: function (spread, block) {
  442. const self = this;
  443. const sheet = spread.getActiveSheet();
  444. const row = sheet.getSelections()[0].row;
  445. const tree = sheet.zh_tree;
  446. if (!tree) { return; }
  447. const node = tree.nodes[row];
  448. if (!node) { return; }
  449. postData('/tender/' + getTenderId() + '/ledger/paste-block', {
  450. id: node[tree.setting.id],
  451. block: block,
  452. }, function (data) {
  453. pos.updateDatas(data.pos);
  454. const result = tree.loadPostData(data.ledger);
  455. self.refreshTree(sheet, result);
  456. self.refreshOperationValid(sheet);
  457. });
  458. },
  459. selectionChanged: function (e, info) {
  460. if (info.newSelections[0].row !== info.oldSelections[0].row) {
  461. posOperationObj.loadCurPosData();
  462. }
  463. },
  464. };
  465. // 绑定事件
  466. ledgerSpread.bind(GC.Spread.Sheets.Events.SelectionChanged, treeOperationObj.selectionChanged);
  467. if (!ledgerSpreadSetting.readOnly) {
  468. ledgerSpread.bind(GC.Spread.Sheets.Events.SelectionChanged, function (e, info) {
  469. treeOperationObj.refreshOperationValid(info.sheet, info.newSelections);
  470. });
  471. ledgerSpread.bind(GC.Spread.Sheets.Events.EditEnded, treeOperationObj.editEnded);
  472. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardPasted, treeOperationObj.clipboardPasted);
  473. SpreadJsObj.addDeleteBind(ledgerSpread, treeOperationObj.deletePress);
  474. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardChanging, function (e, info) {
  475. const copyText = SpreadJsObj.getFilterCopyText(info.sheet);
  476. });
  477. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardChanged, function (e, info) {
  478. console.log(info.copyData.text);
  479. });
  480. ledgerSpread.bind(GC.Spread.Sheets.Events.ClipboardPasting, function (e, info) {
  481. });
  482. // 绑定 删除等 顶部按钮
  483. $('#delete').click(function () {
  484. treeOperationObj.deleteNode(ledgerSpread);
  485. });
  486. $('#up-move').click(function () {
  487. treeOperationObj.upMove(ledgerSpread);
  488. });
  489. $('#down-move').click(function () {
  490. treeOperationObj.downMove(ledgerSpread);
  491. });
  492. $('#up-level').click(function () {
  493. treeOperationObj.upLevel(ledgerSpread);
  494. });
  495. $('#down-level').click(function () {
  496. treeOperationObj.downLevel(ledgerSpread);
  497. });
  498. let batchInsertObj;
  499. // 右键菜单
  500. $.contextMenu({
  501. selector: '#ledger-spread',
  502. build: function ($trigger, e) {
  503. const target = SpreadJsObj.safeRightClickSelection($trigger, e, ledgerSpread);
  504. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  505. },
  506. items: {
  507. 'create': {
  508. name: '新增',
  509. icon: 'fa-sign-in',
  510. callback: function (key, opt) {
  511. treeOperationObj.addNode(ledgerSpread);
  512. },
  513. visible: function(key, opt){
  514. const sheet = ledgerSpread.getActiveSheet();
  515. const selection = sheet.getSelections();
  516. const row = selection[0].row;
  517. const select = ledgerTree.nodes[row];
  518. return select;
  519. }
  520. },
  521. 'delete': {
  522. name: '删除',
  523. icon: 'fa-remove',
  524. callback: function (key, opt) {
  525. treeOperationObj.deleteNode(ledgerSpread);
  526. },
  527. visible: function (key, opt) {
  528. const sheet = ledgerSpread.getActiveSheet();
  529. const selection = sheet.getSelections();
  530. const row = selection[0].row;
  531. const select = ledgerTree.nodes[row];
  532. return select;
  533. }
  534. },
  535. 'copyBlock': {
  536. name: '复制整块',
  537. icon: 'fa-files-o',
  538. callback: function (key, opt) {
  539. /*ledgerSpread.commandManager().execute({
  540. cmd:"copy",
  541. sheetName:ledgerSpread.getActiveSheet().name()
  542. });*/
  543. treeOperationObj.block = [];
  544. const copyBlockList = [];
  545. const sheet = ledgerSpread.getActiveSheet();
  546. const sel = sheet.getSelections()[0];
  547. let iRow = sel.row;
  548. const pid = sheet.zh_tree.nodes[iRow].ledger_pid;
  549. while (iRow < sel.row + sel.rowCount) {
  550. const node = sheet.zh_tree.nodes[iRow];
  551. if (node.ledger_pid !== pid) {
  552. toast('error: 仅可同时选中同层节点', 'error', 'exclamation-circle');
  553. return;
  554. }
  555. copyBlockList.push(node.ledger_id);
  556. iRow += sheet.zh_tree.getPosterity(node).length + 1;
  557. }
  558. treeOperationObj.block = copyBlockList;
  559. },
  560. visible: function (key, opt) {
  561. const sheet = ledgerSpread.getActiveSheet();
  562. const selection = sheet.getSelections();
  563. const row = selection[0].row;
  564. const select = ledgerTree.nodes[row];
  565. return select;
  566. }
  567. },
  568. 'pasteBlock': {
  569. name: '粘贴整块',
  570. icon: 'fa-clipboard',
  571. disabled: function (key, opt) {
  572. const block = treeOperationObj.block || [];
  573. return block.length <= 0 && false;
  574. },
  575. callback: function (key, opt) {
  576. const block = treeOperationObj.block || [];
  577. if (block.length > 0) {
  578. treeOperationObj.pasteBlock(ledgerSpread, block);
  579. } else {
  580. document.execCommand('paste');
  581. }
  582. }
  583. },
  584. 'batchInsertBillsPos': {
  585. name: '批量插入清单-部位',
  586. icon: 'fa-sign-in',
  587. disabled: function (key, opt) {
  588. const sheet = ledgerSpread.getActiveSheet();
  589. const selection = sheet.getSelections();
  590. const row = selection[0].row;
  591. const select = ledgerTree.nodes[row];
  592. if (select) {
  593. if (select.code && select.code !== '') {
  594. return !ledgerTree.isLeafXmj(select);
  595. } else {
  596. const parent = ledgerTree.getParent(select);
  597. return !(parent && ledgerTree.isLeafXmj(parent));
  598. }
  599. } else {
  600. return false;
  601. }
  602. },
  603. callback: function (key, opt) {
  604. if (!batchInsertObj) {
  605. batchInsertObj = new BatchInsertBillsPosObj($('#batch'));
  606. } else {
  607. batchInsertObj.initView();
  608. }
  609. $('#batch').modal('show');
  610. }
  611. },
  612. 'importExcel': {
  613. name: '导入分项清单Excel',
  614. icon: 'file-excel-o',
  615. disabled: function (key, opt) {
  616. return tender.ledger_status !== 1;
  617. },
  618. callback: function (key, opt) {
  619. $('#upload-ledger').modal('show');
  620. }
  621. }
  622. }
  623. });
  624. }
  625. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet());
  626. // 台账模式加载部位明细数据
  627. if (checkTzMeasureType()) {
  628. $.divResizer({
  629. select: '#main-resize',
  630. callback: function () {
  631. ledgerSpread.refresh();
  632. let bcontent = $(".bcontent-wrap") ? $(".bcontent-wrap").height() : 0;
  633. $(".sp-wrap").height(bcontent-40);
  634. posSpread.refresh();
  635. }
  636. });
  637. SpreadJsObj.initSheet(posSpread.getActiveSheet(), posSpreadSetting);
  638. postData('/tender/' + getTenderId() + '/pos', null, function (data) {
  639. pos.loadDatas(data);
  640. });
  641. }
  642. // 绑定部位明细编辑事件
  643. const posOperationObj = {
  644. /**
  645. * 加载部位明细 根据当前台账选择节点
  646. */
  647. loadCurPosData: function () {
  648. const node = treeOperationObj.getSelectNode(ledgerSpread.getActiveSheet());
  649. if (node) {
  650. const posData = pos.ledgerPos[itemsPre + node.id] || [];
  651. SpreadJsObj.loadSheetData(posSpread.getActiveSheet(), 'data', posData);
  652. } else {
  653. SpreadJsObj.loadSheetData(posSpread.getActiveSheet(), 'data', []);
  654. }
  655. },
  656. /**
  657. * 编辑单元格响应事件
  658. * @param {Object} e
  659. * @param {Object} info
  660. */
  661. editEnded: function (e, info) {
  662. if (info.sheet.zh_setting) {
  663. const posData = info.sheet.zh_data ? info.sheet.zh_data[info.row] : null;
  664. const col = info.sheet.zh_setting.cols[info.col];
  665. const orgText = posData ? posData[col.field] : null;
  666. const newText = info.sheet.getCell(info.row, info.col).text();
  667. if (orgText === newText || ((!orgText || orgText === '') && (newText === ''))) {
  668. return;
  669. }
  670. const node = treeOperationObj.getSelectNode(ledgerSpread.getActiveSheet());
  671. if (!node) {
  672. toast('数据错误,请选择台账节点后再试', 'error');
  673. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  674. return;
  675. } else if (newText && newText !== '' && node.children && node.children.length > 0) {
  676. toast('父节点不可插入部位明细', 'error');
  677. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  678. return;
  679. } else if (newText && newText !== '' && (!node.b_code || node.b_code === '')) {
  680. toast('项目节不可插入部位明细', 'error');
  681. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  682. return;
  683. }
  684. const data = {};
  685. if (col.field === 'name') {
  686. if (newText === '' && posData) {
  687. toast('部位名称不可为空', 'error', 'exclamation-circle');
  688. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  689. return;
  690. } else if (!posData) {
  691. if (newText && newText !== '') {
  692. data.updateType = 'add';
  693. data.updateData = { name: newText, lid: node.id, tid: tender.id};
  694. } else {
  695. return;
  696. }
  697. } else {
  698. data.updateType = 'update';
  699. data.updateData = {id: posData.id, name: newText};
  700. }
  701. } else if (!posData) {
  702. toast('新增部位请先输入名称', 'warning');
  703. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  704. return;
  705. } else {
  706. data.updateType = 'update';
  707. data.updateData = {id: posData.id};
  708. data.updateData[col.field] = col.type === 'Number' ? parseFloat(newText) : newText;
  709. }
  710. postData('/tender/' + getTenderId() + '/pos/update', data, function (result) {
  711. const updateRst = pos.updateDatas(result.pos);
  712. // 刷新当前行, 不适用于新增(在非下一空白行新增)
  713. if (updateRst.create.length > 0) {
  714. // info.sheet.addRows(info.row, 1);
  715. // if (info.sheet.zh_data.length === 0) {
  716. // info.sheet.zh_data = pos.ledgerPos[itemsPre + node.id] || [];
  717. // }
  718. // SpreadJsObj.reLoadRowData(info.sheet, info.sheet.zh_data.length - 1);
  719. posOperationObj.loadCurPosData();
  720. } else {
  721. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  722. }
  723. const loadResult = ledgerTree.loadPostData(result.ledger);
  724. treeOperationObj.refreshTree(ledgerSpread.getActiveSheet(), loadResult);
  725. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet());
  726. }, function () {
  727. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  728. });
  729. }
  730. },
  731. /**
  732. * 删除按钮响应事件
  733. * @param sheet
  734. */
  735. deletePress: function (sheet) {
  736. const self = this;
  737. if (sheet.zh_setting) {
  738. const sortData = sheet.zh_data;
  739. const datas = [], posSelects = [];
  740. const sel = sheet.getSelections()[0];
  741. for (let iRow = sel.row; iRow < sel.row + sel.rowCount; iRow++) {
  742. const node = sortData[iRow];
  743. if (node) {
  744. const data = {id: node.id};
  745. for (let iCol = sel.col; iCol < sel.col + sel.colCount; iCol++) {
  746. const colSetting = sheet.zh_setting.cols[iCol];
  747. if (colSetting.field === 'name') {
  748. toast('部位名称不能为空', 'error');
  749. return;
  750. }
  751. data[colSetting.field] = null;
  752. }
  753. datas.push(data);
  754. posSelects.push(node);
  755. }
  756. }
  757. postData('/tender/' + getTenderId() + '/pos/update', {updateType: 'update', updateData: datas}, function (result) {
  758. pos.updateDatas(result.pos);
  759. posOperationObj.loadCurPosData();
  760. const loadResult = ledgerTree.loadPostData(result.ledger);
  761. treeOperationObj.refreshTree(ledgerSpread.getActiveSheet(), loadResult);
  762. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet());
  763. }, function () {
  764. posOperationObj.loadCurPosData();
  765. });
  766. }
  767. },
  768. /**
  769. * 删除 部位明细
  770. * @param sheet
  771. */
  772. deletePos: function (sheet) {
  773. const selection = sheet.getSelections();
  774. const data = {
  775. updateType: 'delete',
  776. updateData: [],
  777. };
  778. const row = selection[0].row, count = selection[0].rowCount;
  779. const sortData = sheet.zh_data;
  780. for (let iRow = 0; iRow < count; iRow++) {
  781. data.updateData.push(sortData[iRow + row].id);
  782. }
  783. postData('/tender/' + getTenderId() + '/pos/update', data, function (result) {
  784. pos.removeDatas(result.pos);
  785. sheet.deleteRows(row, count);
  786. const loadResult = ledgerTree.loadPostData(result.ledger);
  787. treeOperationObj.refreshTree(ledgerSpread.getActiveSheet(), loadResult);
  788. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet());
  789. });
  790. },
  791. /**
  792. * 粘贴单元格响应事件
  793. * @param e
  794. * @param info
  795. */
  796. clipboardPasted: function (e, info) {
  797. const node = treeOperationObj.getSelectNode(ledgerSpread.getActiveSheet());
  798. if (node.code && (node.code !== '')) {
  799. toast('项目节不可含有清单明细', 'error');
  800. posOperationObj.loadCurPosData();
  801. return;
  802. }
  803. if (node.children && (node.children.length > 0)) {
  804. toast('仅清单子项可以含有部位明细', 'error');
  805. posOperationObj.loadCurPosData();
  806. return;
  807. }
  808. if (info.sheet.zh_setting) {
  809. const data = [];
  810. const sortData = info.sheet.zh_data || [];
  811. if (sortData.length === 0 || info.cellRange.row + info.cellRange.rowCount > sortData.length) {
  812. if (info.cellRange.col !== 0) {
  813. toast('新增部位请先输入名称', 'warning');
  814. posOperationObj.loadCurPosData();
  815. return;
  816. }
  817. }
  818. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  819. const curRow = info.cellRange.row + iRow;
  820. const posData = curRow >= sortData.length ? {lid: node.id} : {id: sortData[curRow].id, lid: node.id};
  821. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  822. const curCol = info.cellRange.col + iCol;
  823. const colSetting = info.sheet.zh_setting.cols[curCol];
  824. posData[colSetting.field] = info.sheet.getText(curRow, curCol);
  825. if (colSetting.type === 'Number') {
  826. posData[colSetting.field] = _.toNumber(posData[colSetting.field]);
  827. }
  828. }
  829. data.push(posData);
  830. }
  831. postData('/tender/' + getTenderId() + '/pos/paste', data, function (result) {
  832. pos.updateDatas(result.pos);
  833. posOperationObj.loadCurPosData();
  834. const loadResult = ledgerTree.loadPostData(result.ledger);
  835. treeOperationObj.refreshTree(ledgerSpread.getActiveSheet(), loadResult);
  836. posOperationObj.loadCurPosData();
  837. treeOperationObj.refreshOperationValid(ledgerSpread.getActiveSheet());
  838. }, function () {
  839. SpreadJsObj.reLoadRowData(info.sheet, info.cellRange.row, info.cellRange.rowCount);
  840. });
  841. }
  842. },
  843. };
  844. posOperationObj.loadCurPosData();
  845. if (!posSpreadSetting.readOnly) {
  846. SpreadJsObj.addDeleteBind(posSpread, posOperationObj.deletePress);
  847. posSpread.bind(GC.Spread.Sheets.Events.EditEnded, posOperationObj.editEnded);
  848. posSpread.bind(GC.Spread.Sheets.Events.ClipboardPasted, posOperationObj.clipboardPasted);
  849. // 右键菜单
  850. $.contextMenu({
  851. selector: '#pos-spread',
  852. build: function ($trigger, e) {
  853. const target = SpreadJsObj.safeRightClickSelection($trigger, e, posSpread);
  854. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  855. },
  856. items: {
  857. 'delete': {
  858. name: '删除',
  859. icon: 'fa-remove',
  860. disabled: function (key, opt) {
  861. const sheet = posSpread.getActiveSheet();
  862. if (sheet.zh_data) {
  863. const selection = sheet.getSelections();
  864. return sheet.zh_data.length < selection[0].row + selection[0].rowCount;
  865. } else {
  866. return true;
  867. }
  868. },
  869. callback: function (key, opt) {
  870. posOperationObj.deletePos(posSpread.getActiveSheet());
  871. }
  872. },
  873. }
  874. });
  875. }
  876. let stdChapter, stdBills, dealBills, searchLedger;
  877. $.divResizer({
  878. select: '#right-spr',
  879. callback: function () {
  880. ledgerSpread.refresh();
  881. if (posSpread) {
  882. posSpread.refresh();
  883. }
  884. if (stdChapter) {
  885. stdChapter.spread.refresh();
  886. }
  887. if (stdBills) {
  888. stdBills.spread.refresh();
  889. }
  890. if (dealBills) {
  891. dealBills.spread.refresh();
  892. }
  893. if (searchLedger) {
  894. searchLedger.spread.refresh();
  895. }
  896. }
  897. });
  898. // 展开收起标准清单
  899. $('a', '#side-menu').bind('click', function (e) {
  900. e.preventDefault();
  901. const tab = $(this), tabPanel = $(tab.attr('content'));
  902. const showSideTools = function (show) {
  903. const left = $('#left-view'), right = $('#right-view'), parent = left.parent();
  904. if (show) {
  905. right.show();
  906. autoFlashHeight();
  907. /**
  908. * right.show()后, parent被撑开成2倍left.height, 导致parent.width减少了10px
  909. * 第一次left.width调整后,parent的缩回left.height, 此时parent.width又增加了10px
  910. * 故需要通过最终的parent.width再计算一次left.width
  911. *
  912. * Q: 为什么不通过先计算left.width的宽度,以避免计算两次left.width?
  913. * A: 右侧工具栏不一定显示,当右侧工具栏显示过一次后,就必须使用parent和right来计算left.width
  914. *
  915. */
  916. //left.css('width', parent.width() - right.outerWidth());
  917. //left.css('width', parent.width() - right.outerWidth());
  918. const percent = 100 - right.outerWidth() /parent.width() * 100;
  919. left.css('width', percent + '%');
  920. } else {
  921. left.width(parent.width());
  922. right.hide();
  923. }
  924. };
  925. // 展开工具栏、切换标签
  926. if (!tab.hasClass('active')) {
  927. const close = $('.active', '#side-menu').length === 0;
  928. $('a', '#side-menu').removeClass('active');
  929. tab.addClass('active');
  930. $('.tab-content .tab-pane').removeClass('active');
  931. tabPanel.addClass('active');
  932. showSideTools(tab.hasClass('active'));
  933. if (tab.attr('content') === '#std-chapter') {
  934. if (!stdChapter) {
  935. stdChapter = new stdLib($('#std-chapter-spread')[0], 'chapter', {
  936. id: 'chapter_id',
  937. pid: 'pid',
  938. order: 'order',
  939. level: 'level',
  940. rootId: -1,
  941. keys: ['id', 'list_id', 'chapter_id'],
  942. }, {
  943. cols: [
  944. {title: '项目节编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  945. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  946. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true}
  947. ],
  948. treeCol: 0,
  949. emptyRows: 0,
  950. headRows: 1,
  951. headRowHeight: [40],
  952. defaultRowHeight: 21,
  953. });
  954. stdChapter.loadLib(1);
  955. }
  956. stdChapter.spread.refresh();
  957. } else if (tab.attr('content') === '#std-bills') {
  958. if (!stdBills) {
  959. stdBills = new stdLib($('#std-bills-spread')[0], 'bills', {
  960. id: 'bill_id',
  961. pid: 'pid',
  962. order: 'order',
  963. level: 'level',
  964. rootId: -1,
  965. keys: ['id', 'list_id', 'bill_id']
  966. }, {
  967. cols: [
  968. {title: '清单编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true, cellType: 'tree'},
  969. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  970. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true}
  971. ],
  972. treeCol: 0,
  973. emptyRows: 0,
  974. headRows: 1,
  975. headRowHeight: [40],
  976. defaultRowHeight: 21,
  977. });
  978. stdBills.loadLib(1);
  979. }
  980. stdBills.spread.refresh();
  981. } else if (tab.attr('content') === '#deal-bills') {
  982. if (!dealBills) {
  983. dealBills = new DealBills($('#deal-bills-spread')[0], {
  984. cols: [
  985. {title: '清单编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  986. {title: '名称', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
  987. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@', readOnly: true},
  988. {title: '单价', field: 'unit_price', hAlign: 2, width: 50, readOnly: true},
  989. {title: '数量', field: 'quantity', hAlign: 2, width: 50, readOnly: true},
  990. {title: '金额', field: 'total_price', hAlign: 2, width: 50, readOnly: true},
  991. ],
  992. emptyRows: 0,
  993. headRows: 1,
  994. headRowHeight: [40],
  995. defaultRowHeight: 21,
  996. });
  997. dealBills.loadData();
  998. }
  999. dealBills.spread.refresh();
  1000. } else if (tab.attr('content') === '#search' && !searchLedger) {
  1001. if (!searchLedger) {
  1002. searchLedger = new SearchLedger($('#search'), {
  1003. cols: [
  1004. {title: '项目节编号', field: 'code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  1005. {title: '清单编号', field: 'b_code', hAlign: 0, width: 120, formatter: '@', readOnly: true},
  1006. {title: '名称', field: 'name', width: 230, hAlign: 0, formatter: '@', readOnly: true},
  1007. {title: '单位', field: 'unit', width: 50, hAlign: 1, formatter: '@', readOnly: true},
  1008. {title: '单价', field: 'unit_price', hAlign: 2, width: 50, readOnly: true},
  1009. {title: '数量', field: 'quantity', hAlign: 2, width: 50, readOnly: true},
  1010. ],
  1011. emptyRows: 3,
  1012. headRows: 1,
  1013. headRowHeight: [40],
  1014. defaultRowHeight: 21,
  1015. });
  1016. }
  1017. searchLedger.spread.refresh();
  1018. }
  1019. } else { // 收起工具栏
  1020. tab.removeClass('active');
  1021. tabPanel.removeClass('active');
  1022. showSideTools(tab.hasClass('active'));
  1023. }
  1024. ledgerSpread.refresh();
  1025. if (posSpread) {
  1026. posSpread.refresh();
  1027. }
  1028. });
  1029. class stdLib {
  1030. constructor(obj, stdType, treeSetting, spreadSetting) {
  1031. this.obj = obj;
  1032. this.url = '/std/' + stdType;
  1033. this.treeSetting = treeSetting;
  1034. treeSetting.preUrl = this.url;
  1035. this.spreadSetting = spreadSetting;
  1036. this.spread = SpreadJsObj.createNewSpread(this.obj);
  1037. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  1038. this.spread.getActiveSheet().bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  1039. const stdSheet = info.sheet;
  1040. const mainSheet = ledgerSpread.getActiveSheet();
  1041. if (!stdSheet.zh_setting || !stdSheet.zh_tree || !mainSheet.zh_tree) { return; }
  1042. const stdTree = stdSheet.zh_tree;
  1043. const stdNode = stdTree.nodes[info.row];
  1044. const mainTree = mainSheet.zh_tree;
  1045. const sel = mainSheet.getSelections()[0];
  1046. const mainNode = mainTree.nodes[sel.row];
  1047. if (!stdNode) { return; }
  1048. mainTree.postData('/tender/' + getTenderId() + '/ledger/add-by-std', mainNode, {
  1049. tender_id: mainNode.tender_id,
  1050. stdType: stdType,
  1051. stdLibId: stdNode.list_id,
  1052. stdNode: stdTree.getNodeKey(stdNode)
  1053. }, function (result) {
  1054. treeOperationObj.refreshTree(mainSheet, result);
  1055. treeOperationObj.refreshOperationValid(mainSheet);
  1056. });
  1057. });
  1058. this.pathTree = createNewPathTree('base', this.treeSetting);
  1059. }
  1060. loadLib (listId) {
  1061. const self = this;
  1062. postData(this.url+'/get-data', {list_id: listId}, function (data) {
  1063. self.pathTree.loadDatas(data);
  1064. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'tree', self.pathTree);
  1065. });
  1066. }
  1067. }
  1068. class DealBills {
  1069. constructor (obj, spreadSetting) {
  1070. const self = this;
  1071. this.obj = obj;
  1072. this.url = '/tender/' + getTenderId() + '/deal';
  1073. this.spreadSetting = spreadSetting;
  1074. this.spread = SpreadJsObj.createNewSpread(this.obj);
  1075. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  1076. this.spread.bind(spreadNS.Events.CellDoubleClick, function (e, info) {
  1077. const dealSheet = info.sheet;
  1078. const mainSheet = ledgerSpread.getActiveSheet();
  1079. const dealBills = SpreadJsObj.getSelectObject(dealSheet);
  1080. if (!dealBills) { return; }
  1081. const mainTree = mainSheet.zh_tree;
  1082. const mainNode = SpreadJsObj.getSelectObject(mainSheet);
  1083. if (!mainNode || !mainTree) { return; }
  1084. if (mainNode.code && mainNode.code !== '' && !mainTree.isLeafXmj(mainNode)) {
  1085. toast('非最底层项目下,不应添加清单', 'error');
  1086. return;
  1087. }
  1088. postData('/tender/' + getTenderId() + '/ledger/add-by-deal', {
  1089. id: mainNode.ledger_id,
  1090. type: mainNode.code ? 'child' : 'next',
  1091. dealBills: {
  1092. b_code: dealBills.code, name: dealBills.name, unit: dealBills.unit,
  1093. unit_price: dealBills.unit_price,
  1094. },
  1095. }, function (result) {
  1096. const refreshData = mainTree.loadPostData(result);
  1097. treeOperationObj.refreshTree(mainSheet, refreshData);
  1098. treeOperationObj.refreshOperationValid(mainSheet);
  1099. });
  1100. });
  1101. $('#upload-deal-bills').click(function () {
  1102. const file = $('#deal-bills-file')[0];
  1103. const formData = new FormData();
  1104. formData.append('file', file.files[0]);
  1105. postDataWithFile(self.url+'/upload-excel', formData, function (data) {
  1106. self.data = data;
  1107. //self.calculateData();
  1108. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', data);
  1109. $('#upload-deal').modal('hide');
  1110. }, function () {
  1111. $('#upload-deal').modal('hide');
  1112. });
  1113. });
  1114. }
  1115. loadData () {
  1116. const self = this;
  1117. postData(this.url+'/get-data', {}, function (data) {
  1118. self.data = data;
  1119. //self.calculateData();
  1120. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', data);
  1121. });
  1122. }
  1123. calculateData () {
  1124. if (this.data) {
  1125. for (const d of this.data) {
  1126. d.total_price = _.multiply(d.quantity, d.unit_price);
  1127. }
  1128. }
  1129. }
  1130. }
  1131. class BatchInsertBillsPosObj {
  1132. constructor (obj) {
  1133. const self = this;
  1134. this.obj = obj;
  1135. this.billsCount = 6;
  1136. this.posCount = 1000;
  1137. // 初始化 清单编号窗口 参数
  1138. this.qdSpreadSetting = {
  1139. cols: [
  1140. {title: '编号', field: 'code', hAlign: 0, width: 80, formatter: '@'},
  1141. {title: '名称', field: 'name', hAlign: 0, width: 120, formatter: '@'},
  1142. {title: '单位', field: 'unit', hAlign: 1, width: 50, formatter: '@'},
  1143. {title: '单价', field: 'unit_price', hAlign: 2, width: 50},
  1144. {title: '图册号', field: 'name', hAlign: 0, width: 60, formatter: '@'},
  1145. ],
  1146. emptyRows: this.billsCount,
  1147. headRows: 1,
  1148. headRowHeight: [40],
  1149. };
  1150. this.qdSpread = SpreadJsObj.createNewSpread($('.batch-l-t', this.obj)[0]);
  1151. // 初始化 部位数量复核表 参数
  1152. this.posSpreadSetting = {
  1153. cols: [
  1154. {title: '部位', field: 'bw', hAlign: 0, width: 80, formatter: '@'},
  1155. {title: '图册号', field: 'drawingCode', hAlign: 0, formatter: '@', width: 60},
  1156. ],
  1157. emptyRows: this.posCount,
  1158. headRows: 1,
  1159. headRowHeight: [40],
  1160. };
  1161. for (let iNum = 1; iNum <= this.billsCount; iNum++) {
  1162. this.posSpreadSetting.cols.push(
  1163. {title: '清单' + iNum, field: 'bills' + iNum, hAlign: 2, width: 50}
  1164. )
  1165. }
  1166. this.posSpread = SpreadJsObj.createNewSpread($('.batch-l-b', this.obj)[0]);
  1167. // 初始化 签约清单 参数
  1168. this.dealSpreadSetting = {
  1169. cols: [
  1170. {title: '清单编号', field: 'code', width: 80, formatter: '@', readOnly: true},
  1171. {title: '名称', field: 'name', width: 120, formatter: '@', readOnly: true},
  1172. {title: '单位', field: 'unit', width: 50, formatter: '@', readOnly: true},
  1173. {title: '单价', field: 'unit_price', width: 50, readOnly: true},
  1174. ],
  1175. emptyRows: 0,
  1176. headRows: 1,
  1177. headRowHeight: [40],
  1178. };
  1179. this.dealSpread = SpreadJsObj.createNewSpread($('.batch-r', this.obj)[0]);
  1180. // 初始化 清单编号、部位数量复核表 表格
  1181. this.initView();
  1182. SpreadJsObj.initSheet(this.dealSpread.getActiveSheet(), this.dealSpreadSetting);
  1183. SpreadJsObj.refreshColumnAlign(this.dealSpread.getActiveSheet());
  1184. // 拉取签约清单数据
  1185. if (dealBills) {
  1186. SpreadJsObj.loadSheetData(this.dealSpread.getActiveSheet(), 'data', dealBills.data);
  1187. } else {
  1188. postData('/tender/' + getTenderId() + '/deal/get-data', {}, function (data) {
  1189. SpreadJsObj.loadSheetData(self.dealSpread.getActiveSheet(), 'data', data);
  1190. });
  1191. }
  1192. // 双击签约清单,自动添加到清单编号窗口
  1193. this.dealSpread.bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  1194. const deal = info.sheet.zh_data[info.row];
  1195. const qdSheet = self.qdSpread.getActiveSheet(), posSheet = self.posSpread.getActiveSheet();
  1196. const sel = qdSheet.getSelections()[0];
  1197. qdSheet.getCell(sel.row, 0).value(deal.code);
  1198. qdSheet.getCell(sel.row, 1).value(deal.name);
  1199. qdSheet.getCell(sel.row, 2).value(deal.unit);
  1200. qdSheet.getCell(sel.row, 3).value(deal.unit_price);
  1201. if (sel.row + 1 === qdSheet.getRowCount()) {
  1202. const count = sel.row + 2;
  1203. qdSheet.setRowCount(count);
  1204. qdSheet.getCell(sel.row + 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + count);
  1205. const colCount = posSheet.getColumnCount() + 1
  1206. posSheet.setColumnCount(colCount);
  1207. posSheet.getCell(0, colCount - 1, GC.Spread.Sheets.SheetArea.colHeader).text('数量' + count);
  1208. }
  1209. qdSheet.setSelection(sel.row + 1, sel.col, 1, 1);
  1210. });
  1211. this.obj.bind('shown.bs.modal', function () {
  1212. self.qdSpread.refresh();
  1213. self.posSpread.refresh();
  1214. self.dealSpread.refresh();
  1215. });
  1216. $('#batch-ok').click(function () {
  1217. const sheet = ledgerSpread.getActiveSheet();
  1218. const selection = sheet.getSelections();
  1219. const row = selection[0].row;
  1220. const select = ledgerTree.nodes[row];
  1221. if (select) {
  1222. const insertData = {};
  1223. insertData.batchType = (select.code && select.code !== '') ? 'child' : 'next';
  1224. insertData.id = select[ledgerTree.setting.id];
  1225. insertData.batchData = self.getBatchData();
  1226. console.log(insertData.batchData);
  1227. postData('/tender/' + getTenderId() + '/ledger/batch-insert', insertData, function (data) {
  1228. pos.updateDatas(data.pos);
  1229. const result = ledgerTree.loadPostData(data.ledger);
  1230. treeOperationObj.refreshTree(sheet, result);
  1231. treeOperationObj.refreshOperationValid(sheet, selection);
  1232. self.obj.modal('hide');
  1233. });
  1234. }
  1235. });
  1236. }
  1237. // 初始化左侧表格
  1238. initView () {
  1239. // 初始化 清单编号
  1240. const qdSheet = this.qdSpread.getActiveSheet();
  1241. SpreadJsObj.initSheet(qdSheet, this.qdSpreadSetting);
  1242. SpreadJsObj.refreshColumnAlign(qdSheet);
  1243. // 清理原有数据
  1244. SpreadJsObj.beginMassOperation(qdSheet);
  1245. qdSheet.clear(0, 0, qdSheet.getRowCount(), qdSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  1246. for (let iRow = 1; iRow <= this.billsCount; iRow++) {
  1247. qdSheet.getCell(iRow - 1, 0, GC.Spread.Sheets.SheetArea.rowHeader).text('清单' + iRow);
  1248. }
  1249. qdSheet.setSelection(0, 0, 1 ,1);
  1250. SpreadJsObj.endMassOperation(qdSheet);
  1251. // 初始化 部位数量复核表
  1252. const posSheet = this.posSpread.getActiveSheet();
  1253. SpreadJsObj.initSheet(posSheet, this.posSpreadSetting);
  1254. SpreadJsObj.refreshColumnAlign(posSheet);
  1255. // 清理原有数据
  1256. SpreadJsObj.beginMassOperation(posSheet);
  1257. posSheet.setColumnWidth(0, 45, GC.Spread.Sheets.SheetArea.rowHeader);
  1258. posSheet.clear(0, 0, posSheet.getRowCount(), posSheet.getColumnCount(), GC.Spread.Sheets.SheetArea.viewport, GC.Spread.Sheets.StorageType.data);
  1259. posSheet.setSelection(0, 0, 1 ,1);
  1260. SpreadJsObj.endMassOperation(posSheet);
  1261. // 检查签约清单数据,以工具栏数据为准
  1262. if (dealBills) {
  1263. SpreadJsObj.loadSheetData(this.dealSpread.getActiveSheet(), 'data', dealBills.data);
  1264. }
  1265. this.dealSpread.getActiveSheet().setSelection(0, 0, 1, 1);
  1266. }
  1267. // 获取界面数据
  1268. getBatchData () {
  1269. const result = [];
  1270. const qdSheet = this.qdSpread.getActiveSheet(), posSheet = this.posSpread.getActiveSheet();
  1271. for (let iRow = 0; iRow < qdSheet.getRowCount(); iRow++) {
  1272. if (qdSheet.getText(iRow, 0) === '') { continue; }
  1273. const qd = {
  1274. b_code: qdSheet.getText(iRow, 0),
  1275. name: qdSheet.getText(iRow, 1),
  1276. unit: qdSheet.getText(iRow, 2),
  1277. price: _.toNumber(qdSheet.getText(iRow, 3)),
  1278. pos: [],
  1279. };
  1280. result.push(qd);
  1281. for (let iPosRow = 0; iPosRow < posSheet.getRowCount(); iPosRow++) {
  1282. const value = _.toNumber(posSheet.getText(iPosRow, iRow + 2));
  1283. if (value !== 0 && !isNaN(value)) {
  1284. qd.pos.push({
  1285. name: posSheet.getText(iPosRow, 0),
  1286. drawing_code: posSheet.getText(iPosRow, 1),
  1287. quantity: value,
  1288. });
  1289. }
  1290. }
  1291. }
  1292. return result;
  1293. }
  1294. }
  1295. class SearchLedger {
  1296. constructor(obj, spreadSetting) {
  1297. const self = this;
  1298. this.obj = obj;
  1299. this.url = '/ledger/search';
  1300. this.spreadSetting = spreadSetting;
  1301. this.spread = SpreadJsObj.createNewSpread($('#search-result', this.obj)[0]);
  1302. SpreadJsObj.initSheet(this.spread.getActiveSheet(), this.spreadSetting);
  1303. $('#searchLedger', this.obj).bind('click', function () {
  1304. const data = { keyword: $('input', self.obj).val() };
  1305. postData(preUrl + '/ledger/search', data, function (result) {
  1306. SpreadJsObj.loadSheetData(self.spread.getActiveSheet(), 'data', result);
  1307. });
  1308. });
  1309. this.spread.getActiveSheet().bind(GC.Spread.Sheets.Events.CellDoubleClick, function (e, info) {
  1310. const sheet = info.sheet;
  1311. const data = sheet.zh_data;
  1312. if (!data) { return }
  1313. const curBills = data[info.row];
  1314. if (!curBills) { return }
  1315. const mainSheet = ledgerSpread.getActiveSheet();
  1316. const mainTree = mainSheet.zh_tree;
  1317. mainTree.postData('locate', null, {id: curBills.ledger_id}, function (result) {
  1318. treeOperationObj.refreshTree(mainSheet, result);
  1319. treeOperationObj.refreshOperationValid(mainSheet);
  1320. SpreadJsObj.locateTreeNode(mainSheet, curBills.ledger_id);
  1321. });
  1322. });
  1323. }
  1324. }
  1325. $('#searchAccount').click(() => {
  1326. const data = {
  1327. keyword: $('#searchName').val(),
  1328. };
  1329. postData('/search/user', data, (data) => {
  1330. const resultDiv = $('#searchResult');
  1331. if (data) {
  1332. $('h5>span', resultDiv).text(data.name);
  1333. $('#addAuditor').attr('auditorId', data.id);
  1334. $('h6', resultDiv).text(data.role);
  1335. $('p', resultDiv).text(data.company);
  1336. resultDiv.show();
  1337. } else {
  1338. toast('未查询到该审核人', 'info');
  1339. resultDiv.hide();
  1340. }
  1341. }, () => {
  1342. $('#searchResult').hide();
  1343. });
  1344. });
  1345. // 审批人分组选择
  1346. $('#account_group').change(function () {
  1347. let account_html = '<option value="0">选择审批人</option>';
  1348. for (const account of accountList) {
  1349. if (parseInt($(this).val()) === 0 || parseInt($(this).val()) === account.account_group) {
  1350. const role = account.role !== '' ? '(' + account.role + ')' : '';
  1351. const company = account.company !== '' ? ' -' + account.company : '';
  1352. account_html += '<option value="' + account.id + '">' + account.name + role + company + '</option>';
  1353. }
  1354. }
  1355. $('#account_list').html(account_html);
  1356. });
  1357. // 添加到审批流程中
  1358. $('body').on('change', '#account_list', function () {
  1359. let id = $(this).val();
  1360. id = parseInt(id);
  1361. if (id !== 0) {
  1362. const data = {
  1363. auditorId: $(this).val(),
  1364. };
  1365. postData('/tender/' + getTenderId() + '/ledger/audit/add', data, (data) => {
  1366. const html = [];
  1367. html.push('<li class="list-group-item" auditorId="' + data.audit_id + '"><a href="javascript: void(0)" class="text-danger pull-right">移除</a>');
  1368. html.push('<span>');
  1369. html.push(data.audit_order + ' ');
  1370. html.push(data.name + ' ');
  1371. html.push('</span>');
  1372. html.push('<small class="text-muted">');
  1373. html.push(data.role);
  1374. html.push('</small></li>');
  1375. $('#auditors').append(html.join(''));
  1376. // 如果是重新上报,添加到重新上报列表中
  1377. const auditorshtml = [];
  1378. // 重新上报时。令其它的审批人流程图标转换
  1379. $('#auditors-list li i').removeClass('fa-stop-circle').addClass('fa-chevron-circle-down');
  1380. // 添加新审批人
  1381. auditorshtml.push('<li class="list-group-item" data-auditid="' + data.audit_id + '">');
  1382. auditorshtml.push('<i class="fa fa-stop-circle"></i> ');
  1383. auditorshtml.push(data.name + ' <small class="text-muted">' + data.role + '</small>');
  1384. auditorshtml.push('</li>');
  1385. $('#auditors-list').append(auditorshtml.join(''));
  1386. const auditorshtml2 = [];
  1387. // 重新上报时。令其它的审批人流程图标转换
  1388. $('#auditors-list2 li i').removeClass('fa-stop-circle').addClass('fa-chevron-circle-down');
  1389. // 添加新审批人
  1390. auditorshtml2.push('<li class="list-group-item" data-auditid="' + data.audit_id + '">');
  1391. auditorshtml2.push('<h5 class="card-title"><i class="fa fa-stop-circle"></i> ');
  1392. auditorshtml2.push(data.name + ' <small class="text-muted">' + data.role + '</small></h5>');
  1393. auditorshtml2.push('</li>');
  1394. $('#auditors-list2').append(auditorshtml2.join(''));
  1395. });
  1396. }
  1397. });
  1398. // $('#addAuditor').click(() => {
  1399. // const data = {
  1400. // auditorId: $('#addAuditor').attr('auditorId'),
  1401. // };
  1402. // postData('/tender/' + getTenderId() + '/ledger/audit/add', data, (data) => {
  1403. // const html = [];
  1404. // html.push('<li class="list-group-item" auditorId="'+ data.audit_id +'"><a href="javascript: void(0)" class="text-danger pull-right">移除</a>');
  1405. // html.push('<span>');
  1406. // html.push(data.audit_order + ' ');
  1407. // html.push(data.name + ' ');
  1408. // html.push('</span>');
  1409. // html.push('<small class="text-muted">');
  1410. // html.push(data.role);
  1411. // html.push('</small></li>');
  1412. // $('#auditors').append(html.join(''));
  1413. // });
  1414. // });
  1415. $('body').on('click', '#auditors li>a', function () {
  1416. const li = $(this).parent();
  1417. const data = {
  1418. auditorId: parseInt(li.attr('auditorId')),
  1419. };
  1420. postData('/tender/' + getTenderId() + '/ledger/audit/delete', data, (data2) => {
  1421. li.remove();
  1422. for (const a of data2) {
  1423. const aLi = $('li[auditorId=' + a.audit_id + ']');
  1424. $('span', aLi).text(a.audit_order + ' ' + a.name + ' ');
  1425. }
  1426. // 如果是重新上报
  1427. // 令最后一个图标转换
  1428. $('#auditors-list li[data-auditid="' + data.auditorId + '"]').remove();
  1429. if ($('#auditors-list li').length !== 0 && !$('#auditors-list li i').hasClass('fa-stop-circle')) {
  1430. $('#auditors-list li').eq($('#auditors-list li').length-1).children('i')
  1431. .removeClass('fa-chevron-circle-down').addClass('fa-stop-circle');
  1432. }
  1433. $('#auditors-list2 li[data-auditid="' + data.auditorId + '"]').remove();
  1434. if ($('#auditors-list2 li').length !== 0 && !$('#auditors-list2 li i').hasClass('fa-stop-circle')) {
  1435. $('#auditors-list2 li').eq($('#auditors-list2 li').length-1).children('i')
  1436. .removeClass('fa-chevron-circle-down').addClass('fa-stop-circle');
  1437. }
  1438. });
  1439. });
  1440. // 选择excel文件后,加载全部sheet
  1441. $('#upload-ledger-file').change(function () {
  1442. if (this.files.length === 0) {
  1443. $('#upload-ledger-sheets').html('').hide();
  1444. return;
  1445. }$('#upload-ledger-sheets').hide();
  1446. try {
  1447. xlsxUtils.import(this.files[0], (excelData) => {
  1448. if (excelData.SheetNames.length > 0) {
  1449. const html = [];
  1450. html.push('<hr></hr>');
  1451. html.push('<h6>选择导入的工作表</h6>');
  1452. for (const iName in excelData.SheetNames) {
  1453. const name = excelData.SheetNames[iName];
  1454. html.push('<div class="card p-2 mb-2">');
  1455. html.push('<div class="form-check">');
  1456. html.push('<input class="form-check-input" type="radio" name="sheetName" id="excel-sheet' + iName + '"', (iName == 0 ? ' checked=""' : ''), ' value="' + name + '"', '>');
  1457. html.push('<label class="form-check-label" for="excel-sheet' + iName + '">', name, '</label>');
  1458. html.push('</div>');
  1459. html.push('</div>');
  1460. }
  1461. $('#upload-ledger-sheets').html(html.join('')).show();
  1462. $('.mb-2.p-2').mouseenter(function () {
  1463. $(this).addClass('border-primary');
  1464. });
  1465. $('.mb-2.p-2').mouseleave(function () {
  1466. $(this).removeClass('border-primary');
  1467. })
  1468. } else {
  1469. toast('选择的Excel无有效数据,请重新选择', 'hint');
  1470. $('#upload-ledger-sheets').hide();
  1471. }
  1472. });
  1473. } catch(err) {
  1474. toast('加载excel异常,请刷新当前页面', 'error');
  1475. $('#upload-ledger-sheets').hide();
  1476. }
  1477. });
  1478. // 上传excel内容,并导入
  1479. $('#upload-ledger-ok').click(function () {
  1480. const sheetName = $('input[name=sheetName]:checked').val();
  1481. if (sheetName) {
  1482. const sheet = {
  1483. rows: xlsxUtils.getSheetByName(sheetName, {header: 1}),
  1484. merge: xlsxUtils._wb.Sheets[sheetName]["!merges"]
  1485. };
  1486. postDataCompress(window.location.pathname + '/upload-excel', sheet, function (result) {
  1487. ledgerTree.loadDatas(result.bills);
  1488. treeCalc.calculateAll(ledgerTree);
  1489. SpreadJsObj.loadSheetData(ledgerSpread.getActiveSheet(), 'tree', ledgerTree);
  1490. pos.loadDatas(result.pos);
  1491. posOperationObj.loadCurPosData();
  1492. $('#upload-ledger').modal('hide');
  1493. });
  1494. }
  1495. });
  1496. $('#upload-ledger').bind('hidden.bs.modal', function () {
  1497. $('#upload-ledger-file').val('');
  1498. $('#upload-ledger-sheets').html('');
  1499. });
  1500. $('#hideSp').click(function () {
  1501. $('#sp-list2').modal('hide');
  1502. });
  1503. });
  1504. // 检查上报情况
  1505. function checkAuditorFrom () {
  1506. if ($('#auditors li').length === 0) {
  1507. toast('请先选择审批人,再上报数据', 'error', 'exclamation-circle');
  1508. return false;
  1509. }
  1510. }