ledger.js 67 KB

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