ledger.js 67 KB

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