stage.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
  1. 'use strict';
  2. /**
  3. * 期计量 - 本期计量台账页面 js
  4. *
  5. * @author Mai
  6. * @date 2018/12/7
  7. * @version
  8. */
  9. function checkTzMeasureType () {
  10. return tender.measure_type === measureType.tz.value;
  11. }
  12. $(document).ready(() => {
  13. autoFlashHeight();
  14. // 初始化 台账 spread
  15. const slSpread = SpreadJsObj.createNewSpread($('#stage-ledger')[0]);
  16. SpreadJsObj.initSheet(slSpread.getActiveSheet(), ledgerSpreadSetting);
  17. const stageTreeSetting = {
  18. id: 'ledger_id',
  19. pid: 'ledger_pid',
  20. order: 'order',
  21. level: 'level',
  22. rootId: -1,
  23. keys: ['id', 'tender_id', 'ledger_id'],
  24. stageId: 'id',
  25. };
  26. // 台账树结构计算相关设置
  27. stageTreeSetting.updateFields = ['contract_qty', 'contract_tp', 'qc_qty', 'qc_tp'];
  28. stageTreeSetting.calcFields = ['deal_tp', 'total_price', 'contract_tp', 'qc_tp', 'gather_tp', 'end_contract_tp', 'end_qc_tp', 'end_gather_tp'];
  29. stageTreeSetting.calcFun = function (node) {
  30. if (node.children && node.children.length === 0) {
  31. node.end_contract_qty = _.toNumber(node.pre_contract_qty) + _.toNumber(node.contract_qty);
  32. node.end_qc_qty = _.toNumber(node.pre_qc_qty) + _.toNumber(node.qc_qty);
  33. node.end_gather_qty = _.toNumber(node.pre_gather_qty) + _.toNumber(node.gather_qty);
  34. }
  35. node.gather_tp = _.toNumber(node.contract_tp) + _.toNumber(node.qc_tp);
  36. node.end_contract_tp = _.toNumber(node.pre_contract_tp) + _.toNumber(node.contract_tp);
  37. node.end_qc_tp = _.toNumber(node.pre_qc_tp) + _.toNumber(node.qc_tp);
  38. node.end_gather_tp = _.toNumber(node.pre_gather_tp) + _.toNumber(node.gather_tp);
  39. if (checkZero(node.dgn_qty1)) {
  40. node.dgn_price = _.round(node.total_price/node.dgn_qty1, 2);
  41. } else {
  42. node.dgn_price = null;
  43. }
  44. };
  45. // 初始化 台账树结构
  46. const stageTree = createNewPathTree('stage', stageTreeSetting);
  47. stageTree.loadDatas(ledgerData);
  48. stageTree.loadCurStageData(curStageData);
  49. // 根据设置 计算 台账树结构
  50. treeCalc.calculateAll(stageTree);
  51. // 绘制界面
  52. SpreadJsObj.loadSheetData(slSpread.getActiveSheet(), 'tree', stageTree);
  53. // 初始化 部位明细
  54. const stagePosSetting = {
  55. id: 'id', masterId: 'lid',
  56. updateFields: ['contract_qty', 'qc_qty'],
  57. };
  58. stagePosSetting.calcFun = function (pos) {
  59. pos.gather_qty = _.toNumber(pos.contract_qty) + _.toNumber(pos.qc_qty);
  60. };
  61. const stagePos = new StagePosData(stagePosSetting);
  62. const spSpread = SpreadJsObj.createNewSpread($('#stage-pos')[0]);
  63. SpreadJsObj.initSheet(spSpread.getActiveSheet(), posSpreadSetting);
  64. const stageTreeSpreadObj = {
  65. refreshTreeNodes: function (sheet, nodes) {
  66. const tree = sheet.zh_tree;
  67. if (!tree) { return }
  68. const rows = [];
  69. for (const node of nodes) {
  70. rows.push(tree.nodes.indexOf(node));
  71. }
  72. SpreadJsObj.reLoadRowsData(sheet, rows);
  73. },
  74. editEnding: function (e, info) {
  75. if (info.sheet.zh_setting) {
  76. const col = info.sheet.zh_setting.cols[info.col];
  77. const sortData = info.sheet.zh_dataType === 'tree' ? info.sheet.zh_tree.nodes : info.sheet.zh_data;
  78. const node = sortData[info.row];
  79. if (node.children && node.children.length > 0) {
  80. toast('清单父项不可计量', 'error');
  81. info.cancel = true;
  82. return;
  83. } else {
  84. const nodePos = stagePos.getMasterRange(node.id);
  85. if (nodePos && nodePos.length > 0) {
  86. toast('该清单有部位明细,请在部位明细处计量', 'error');
  87. info.cancel = true;
  88. return;
  89. }
  90. }
  91. const billsData = {
  92. lid: node.id
  93. };
  94. billsData[col.field] = col.type === 'Number' ? parseFloat(info.editingText) : info.editingText;
  95. postData(window.location.href + '/update', { bills: billsData }, function (data) {
  96. const nodes = stageTree.loadPostStageData(data.bills);
  97. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes);
  98. });
  99. }
  100. },
  101. selectionChanged: function (e, info) {
  102. stagePosSpreadObj.loadCurPosData();
  103. },
  104. deletePress(sheet) {
  105. if (sheet.zh_setting && sheet.zh_dataType === 'tree') {
  106. const tree = sheet.zh_tree;
  107. if (!tree) { return; }
  108. const sel = sheet.getSelections()[0];
  109. const validCols = [];
  110. for (let iCol = sel.col; iCol < sel.col + sel.colCount; iCol++) {
  111. if (!sheet.zh_setting.cols[iCol].readOnly) {
  112. validCols.push(iCol);
  113. }
  114. }
  115. if (validCols.length === 0) { return; }
  116. const sortData = sheet.zh_tree.nodes;
  117. const datas = [];
  118. for (let iRow = sel.row; iRow < sel.row + sel.rowCount; iRow++) {
  119. const node = sortData[iRow];
  120. if (node) {
  121. if (node.children && node.children.length > 0) { continue; }
  122. const nodePos = stagePos.getMasterRange(node.id);
  123. if (nodePos && nodePos.length > 0) { continue; }
  124. const data = { lid: node.id };
  125. for (const iCol of validCols) {
  126. const colSetting = sheet.zh_setting.cols[iCol];
  127. data[colSetting.field] = null;
  128. }
  129. datas.push(data);
  130. }
  131. }
  132. if (datas.length > 0) {
  133. postData(window.location.href + '/update', {bills: datas}, function (result) {
  134. const nodes = stageTree.loadPostStageData(result.bills);
  135. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes);
  136. });
  137. }
  138. }
  139. },
  140. clipboardPasting(e, info) {
  141. if (info.sheet.zh_setting) {
  142. const sortData = info.sheet.zh_data;
  143. const range = info.cellRange;
  144. const validField = ['contract_qty', 'contract_tp', 'qc_qty', 'postil'];
  145. for (let iCol = range.col; iCol < range.col + range.colCount; iCol++) {
  146. const col = info.sheet.zh_setting.cols[iCol];
  147. if (validField.indexOf(col.field) === -1) {
  148. toast('不可修改此数据', 'error');
  149. info.cancel = true;
  150. return;
  151. }
  152. }
  153. }
  154. },
  155. clipboardPasted(e, info) {
  156. if (info.sheet.zh_setting && info.sheet.zh_tree) {
  157. const sheet = info.sheet;
  158. const filterNodes = [], datas = [];
  159. console.log(info.cellRange);
  160. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  161. const curRow = iRow + info.cellRange.row;
  162. const node = sheet.zh_tree.getItemsByIndex(curRow);
  163. if (node.children && node.children.length > 0) {
  164. filterNodes.push(node);
  165. continue;
  166. }
  167. const nodePos = stagePos.getMasterRange(node.id);
  168. if (nodePos && nodePos.length > 0) {
  169. filterNodes.push(node);
  170. continue;
  171. }
  172. const data = {lid: node.id};
  173. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  174. const curCol = info.cellRange.col + iCol;
  175. const col = info.sheet.zh_setting.cols[curCol];
  176. data[col.field] = col.type === 'Number' ? _.toNumber(info.sheet.getText(curRow, curCol)) : info.sheet.getText(curRow, curCol);
  177. }
  178. datas.push(data);
  179. }
  180. console.log(datas);
  181. if (datas.length > 0) {
  182. postData(window.location.href + '/update', { bills: datas }, function (data) {
  183. const nodes = stageTree.loadPostStageData(data.bills);
  184. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes.concat(filterNodes));
  185. });
  186. } else {
  187. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), filterNodes);
  188. }
  189. }
  190. }
  191. };
  192. slSpread.bind(spreadNS.Events.EditEnding, stageTreeSpreadObj.editEnding);
  193. slSpread.bind(spreadNS.Events.SelectionChanged, stageTreeSpreadObj.selectionChanged);
  194. slSpread.bind(spreadNS.Events.ClipboardPasting, stageTreeSpreadObj.clipboardPasting);
  195. slSpread.bind(spreadNS.Events.ClipboardPasted, stageTreeSpreadObj.clipboardPasted);
  196. SpreadJsObj.addDeleteBind(slSpread, stageTreeSpreadObj.deletePress);
  197. const stagePosSpreadObj = {
  198. /**
  199. * 加载部位明细 根据当前台账选择节点
  200. */
  201. loadCurPosData: function () {
  202. const node = SpreadJsObj.getSelectObject(slSpread.getActiveSheet());
  203. if (node) {
  204. const posData = stagePos.masterRange[itemsPre + node.id] || [];
  205. SpreadJsObj.loadSheetData(spSpread.getActiveSheet(), 'data', posData);
  206. } else {
  207. SpreadJsObj.loadSheetData(spSpread.getActiveSheet(), 'data', []);
  208. }
  209. },
  210. editEnding: function(e, info) {
  211. if (info.sheet.zh_setting) {
  212. // 未改变过,则直接跳过
  213. const orgText = info.sheet.getCell(info.row, info.row).value();
  214. if (orgText === info.editingText || ((!orgText || orgText === '') && (info.editingText === ''))) {
  215. info.cancel = true;
  216. return;
  217. }
  218. // 台账模式下,不可新增
  219. const pos = info.sheet.zh_data ? info.sheet.zh_data[info.row] : null;
  220. if (checkTzMeasureType() && !pos) {
  221. toast('台账模式不可新增部位明细数据', 'error');
  222. info.cancel = true;
  223. return ;
  224. }
  225. // 不同节点下,部位明细检查输入
  226. const node = SpreadJsObj.getSelectObject(slSpread.getActiveSheet());
  227. if (!node) {
  228. toast('数据错误, 请刷新页面后再试', 'warning');
  229. info.cancel = true;
  230. return;
  231. } else if (info.editingText !== '' && node.children && node.children > 0) {
  232. toast('父节点不可插入部位明细', 'error');
  233. info.cancel = true;
  234. return;
  235. } else if (info.editingText !== '' && node.code || node.code !== '') {
  236. toast('项目节不可插入部位明细', 'error');
  237. info.cancel = true;
  238. return;
  239. }
  240. const col = info.sheet.zh_setting.cols[info.col];
  241. const data = {};
  242. if (col.field === 'name') {
  243. if (info.editingText === '' && pos) {
  244. toast('部位名称不可为空', 'error', 'exclamation-circle');
  245. info.cancel = true;
  246. return;
  247. } else if (!pos) {
  248. if (info.editingText !== '') {
  249. data.updateType = 'add';
  250. data.updateData = {name: info.editingText, lid: node.id, tid: tender.id};
  251. } else {
  252. return;
  253. }
  254. } else {
  255. data.updateType = 'update';
  256. data.updateData = {id: pos.id, name: info.editingText};
  257. }
  258. } else if (!pos) {
  259. toast('新增部位请先输入名称', 'warning');
  260. } else {
  261. data.updateType = 'update';
  262. data.updateData = {pid: pos.id, lid: pos.lid};
  263. data.updateData[col.field] = col.type === 'Number' ? parseFloat(info.editingText) : info.editingText;
  264. }
  265. postData(window.location.pathname + '/update', {pos: data}, function (result) {
  266. if (result.pos) {
  267. stagePos.updateDatas(result.pos.pos);
  268. stagePos.loadCurStageData(result.pos.curStageData);
  269. }
  270. const nodes = stageTree.loadPostStageData(result.ledger.curStageData);
  271. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes);
  272. stagePosSpreadObj.loadCurPosData();
  273. }, function () {
  274. stagePosSpreadObj.loadCurPosData();
  275. });
  276. }
  277. },
  278. clipboardPasting: function (e, info) {
  279. if (info.sheet.zh_setting) {
  280. const sortData = info.sheet.zh_data;
  281. const range = info.cellRange;
  282. const validField = ['contract_qty', 'qc_qty', 'postil'];
  283. for (let iCol = range.col; iCol < range.col + range.colCount; iCol++) {
  284. const col = info.sheet.zh_setting.cols[iCol];
  285. if (validField.indexOf(col.field) === -1) {
  286. if (checkTzMeasureType()) {
  287. toast('不可修改此数据', 'error');
  288. info.cancel = true;
  289. return;
  290. } else {
  291. for (let iRow = range.row; iRow < range.row + range.rowCount; iRow) {
  292. const pos = sortData(iRow);
  293. if (pos.add_stage !== stage.id || pos.add_times !== stage.times) {
  294. toast('不可修改此数据', 'error');
  295. info.cancel = true;
  296. return;
  297. }
  298. }
  299. }
  300. }
  301. }
  302. }
  303. },
  304. clipboardPasted: function (e, info) {
  305. const self = this;
  306. if (info.sheet.zh_setting) {
  307. const data = { updateType: '', updateData: [], };
  308. const sortData = info.sheet.zh_data;
  309. const node = SpreadJsObj.getSelectObject(slSpread.getActiveSheet());
  310. if (sortData && (info.cellRange.row >= sortData.length)) {
  311. data.updateType = 'add';
  312. if (info.cellRange.col !== 0) {
  313. toast('新增部位请先输入名称', 'warning');
  314. self.loadCurPosData();
  315. return;
  316. }
  317. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  318. const curRow = info.cellRange.row + iRow;
  319. const newData = {lid: node.id};
  320. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  321. const curCol = info.cellRange.col + iCol;
  322. const colSetting = info.sheet.zh_setting.cols[curCol];
  323. newData[colSetting.field] = info.sheet.getText(curRow, curCol);
  324. if (colSetting.type === 'Number') {
  325. newData[colSetting.field] = _.toNumber(newData[colSetting.field]);
  326. }
  327. }
  328. data.updateData.push(newData);
  329. }
  330. } else {
  331. data.updateType = 'update';
  332. for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
  333. const curRow = info.cellRange.row + iRow;
  334. const curPos = sortData[curRow];
  335. if (curPos) {
  336. const newData = {pid: curPos.id, lid: curPos.lid};
  337. for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
  338. const curCol = info.cellRange.col + iCol;
  339. const colSetting = info.sheet.zh_setting.cols[curCol];
  340. newData[colSetting.field] = info.sheet.getText(curRow, curCol);
  341. if (colSetting.type === 'Number') {
  342. newData[colSetting.field] = _.toNumber(newData[colSetting.field]);
  343. }
  344. }
  345. data.updateData.push(newData);
  346. }
  347. }
  348. }
  349. console.log(data);
  350. postData(window.location.pathname + '/update', {pos: data}, function (result) {
  351. if (result.pos) {
  352. stagePos.updateDatas(result.pos.pos);
  353. stagePos.loadCurStageData(result.pos.curStageData);
  354. }
  355. const nodes = stageTree.loadPostStageData(result.ledger.curStageData);
  356. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes);
  357. stagePosSpreadObj.loadCurPosData();
  358. }, function () {
  359. stagePosSpreadObj.loadCurPosData();
  360. });
  361. }
  362. },
  363. deletePress: function (sheet) {
  364. if (sheet.zh_setting && sheet.zh_data) {
  365. const sortData = sheet.zh_data;
  366. if (!sortData || sortData.length === 0) { return; }
  367. const sel = sheet.getSelections()[0];
  368. const validCols = [];
  369. for (let iCol = sel.col; iCol < sel.col + sel.colCount; iCol++) {
  370. if (!sheet.zh_setting.cols[iCol].readOnly) {
  371. validCols.push(iCol);
  372. }
  373. }
  374. if (validCols.length === 0) { return; }
  375. const datas = [], posSelects = [];
  376. for (let iRow = sel.row; iRow < sel.row + sel.rowCount; iRow++) {
  377. const node = sortData[iRow];
  378. if (node) {
  379. const data = {pid: node.id, lid: node.lid};
  380. for (const iCol of validCols) {
  381. const colSetting = sheet.zh_setting.cols[iCol];
  382. if (colSetting.field === 'name') {
  383. toast('部位名称不能为空', 'error');
  384. return;
  385. }
  386. data[colSetting.field] = null;
  387. }
  388. datas.push(data);
  389. posSelects.push(node);
  390. }
  391. }
  392. if (datas.length > 0) {
  393. postData(window.location.pathname + '/update', {pos: {updateType: 'update', updateData: datas} }, function (result) {
  394. if (result.pos) {
  395. stagePos.updateDatas(result.pos.pos);
  396. stagePos.loadCurStageData(result.pos.curStageData);
  397. }
  398. const nodes = stageTree.loadPostStageData(result.ledger.curStageData);
  399. stageTreeSpreadObj.refreshTreeNodes(slSpread.getActiveSheet(), nodes);
  400. // todo 只加载改变项
  401. stagePosSpreadObj.loadCurPosData();
  402. });
  403. }
  404. }
  405. },
  406. };
  407. // 加载部位明细数据 - 暂时统一加载,如有需要,切换成动态加载并缓存
  408. postData(window.location.pathname + '/pos', null, function (result) {
  409. stagePos.loadDatas(result.pos);
  410. if (result.curStageData) {
  411. stagePos.loadCurStageData(result.curStageData);
  412. }
  413. if (result.preStageData) {
  414. stagePos.loadPreStageData(result.preStageData);
  415. }
  416. stagePosSpreadObj.loadCurPosData();
  417. });
  418. spSpread.bind(spreadNS.Events.EditEnding, stagePosSpreadObj.editEnding);
  419. spSpread.bind(spreadNS.Events.ClipboardPasting, stagePosSpreadObj.clipboardPasting);
  420. spSpread.bind(spreadNS.Events.ClipboardPasted, stagePosSpreadObj.clipboardPasted);
  421. SpreadJsObj.addDeleteBind(spSpread, stagePosSpreadObj.deletePress);
  422. });