ledger.js 69 KB

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