material.js 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489
  1. 'use strict';
  2. /**
  3. * 材料调差 - 调差工料
  4. *
  5. * @author Mai
  6. * @date 2019/1/16
  7. * @version
  8. */
  9. function loadUpdateMaterials(newMaterial, fields) {
  10. const newMaterials = newMaterial instanceof Array ? newMaterial : [newMaterial];
  11. for (const nm of newMaterials) {
  12. const om = _.find(materialBillsData, {id: nm.id});
  13. for (const prop in nm) {
  14. if (!fields || fields.indexOf(prop) >= 0) {
  15. om[prop] = nm[prop];
  16. }
  17. }
  18. }
  19. }
  20. function resetTpTable() {
  21. const rate = $('#changeRate').val();
  22. const bqhs = ZhCalc.round(ZhCalc.mul(m_tp, 1+rate/100), 2);
  23. const jzbqhs = ZhCalc.round(ZhCalc.mul(ZhCalc.add(pre_tp, m_tp), 1+rate/100), 2);
  24. $('#tp_set').find('td').eq(1).text(ZhCalc.round(m_tp, 2));
  25. $('#tp_set').find('td').eq(2).text(ZhCalc.round(ZhCalc.add(pre_tp, m_tp), 2));
  26. $('#rate_set').find('td').eq(1).text(bqhs !== 0 ? bqhs : '');
  27. $('#rate_set').find('td').eq(2).text(jzbqhs !== 0 ? jzbqhs : '');
  28. }
  29. $(document).ready(() => {
  30. autoFlashHeight();
  31. const materialSpread = SpreadJsObj.createNewSpread($('#material-spread')[0]);
  32. const materialSpreadSetting = {
  33. cols: [
  34. {title: '调差类型', colSpan: '1', rowSpan: '2', field: 't_type', hAlign: 0, width: 80, formatter: '@', readOnly: 'readOnly.isEdit', cellType: 'customizeCombo', comboItems: materialType.t_type, cellTypeKey: 1},
  35. {title: '编号', colSpan: '1', rowSpan: '2', field: 'code', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  36. {title: '名称', colSpan: '1', rowSpan: '2', field: 'name', hAlign: 0, width: 180, formatter: '@', readOnly: 'readOnly.isEdit'},
  37. {title: '单位', colSpan: '1', rowSpan: '2', field: 'unit', hAlign: 1, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  38. {title: '规格', colSpan: '1', rowSpan: '2', field: 'spec', hAlign: 0, width: 180, formatter: '@', readOnly: 'readOnly.isEdit'},
  39. {title: '工料分类', colSpan: '1', rowSpan: '2', field: 'm_type', hAlign: 0, width: 60, readOnly: 'readOnly.isEdit', cellType: 'customizeCombo', comboItems: materialType.m_type, cellTypeKey: 2},
  40. {title: '本期应耗数量', colSpan: '1', rowSpan: '2', field: 'quantity', hAlign: 2, width: 100, type: 'Number', readOnly: true},
  41. {title: '基准价', colSpan: '1', rowSpan: '2', field: 'basic_price', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit'},
  42. {title: '基准时间', colSpan: '1', rowSpan: '2', field: 'basic_times', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  43. {title: '本期信息价|单价', colSpan: '3|1', rowSpan: '1|1', field: 'msg_tp', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit'},
  44. {title: '|时间', colSpan: '|1', rowSpan: '|1', field: 'msg_times', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  45. {title: '|价差', colSpan: '1', rowSpan: '1|1', field: 'msg_spread', hAlign: 2, width: 60, type: 'Number', readOnly: true, getValue: 'getValue.msg_spread'},
  46. {title: '本期材料调差|上涨幅度(%)', colSpan: '4|1', rowSpan: '1|1', field: 'm_up_risk', hAlign: 2, width: 100, type: 'Number', readOnly: 'readOnly.isEdit'},
  47. {title: '|下跌幅度(%)', colSpan: '|1', rowSpan: '|1', field: 'm_down_risk', hAlign: 2, width: 100, type: 'Number', readOnly: 'readOnly.isEdit'},
  48. {title: '|有效价差', colSpan: '|1', rowSpan: '|1', field: 'm_spread', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_spread'},
  49. {title: '|调整金额', colSpan: '|1', rowSpan: '1|1', field: 'm_tp', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_tp'},
  50. {title: '截止上期调差金额', colSpan: '1', rowSpan: '2', field: 'pre_tp', hAlign: 2, width: 120, type: 'Number', readOnly: true},
  51. {title: '备注', colSpan: '1', rowSpan: '2', field: 'remark', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.remark'},
  52. ],
  53. emptyRows: 0,
  54. headRows: 2,
  55. headRowHeight: [25, 25],
  56. defaultRowHeight: 21,
  57. headerFont: '12px 微软雅黑',
  58. font: '12px 微软雅黑',
  59. readOnly: readOnly,
  60. };
  61. const spCol = _.find(materialSpreadSetting.cols, {field: 'quantity'});
  62. spCol.readOnly = true;
  63. spCol.cellType = 'activeImageBtn';
  64. spCol.normalImg = '#ellipsis-icon';
  65. spCol.indent = 5;
  66. spCol.showImage = function (data) {
  67. // return !readOnly && data.t_type === 2 && data.mid === materialID;
  68. return data.t_type === 2;
  69. };
  70. materialSpreadSetting.imageClick = function (data) {
  71. if (data.t_type === 2) {
  72. $('#bcyy').modal('show');
  73. $('#materialbillsId').val(data.id);
  74. $('#expr').val(data.expr);
  75. if (!readOnly && data.mid === materialID) {
  76. $('#expr').attr('readOnly', false);
  77. $('#expr_btn').show();
  78. $('#expr_select').show();
  79. } else {
  80. $('#expr').attr('readOnly', true);
  81. $('#expr_btn').hide();
  82. $('#expr_select').hide();
  83. }
  84. }
  85. };
  86. const materialBase = {
  87. isEdit: function (data) {
  88. if (data.t_type === 2) {
  89. return data.mid === materialID;
  90. } else {
  91. const mlInfo = materialListData.find(function (item) {
  92. return item.mb_id === data.id;
  93. });
  94. return data.mid === materialID && mlInfo === undefined;
  95. }
  96. },
  97. // isStage: function (data) {
  98. // return data.mid === materialID;
  99. // }
  100. }
  101. const materialCol = {
  102. getValue: {
  103. msg_spread: function (data) {
  104. return ZhCalc.round(ZhCalc.sub(data.msg_tp, data.basic_price), 2);
  105. },
  106. m_spread : function (data) {
  107. const msg_spread = materialCol.getValue.msg_spread(data);
  108. const cor = msg_spread >= 0 ? ZhCalc.mul(data.basic_price, ZhCalc.div(data.m_up_risk, 100)) : ZhCalc.mul(data.basic_price, ZhCalc.div(data.m_down_risk, 100));
  109. return Math.abs(msg_spread) > Math.abs(cor) ? (msg_spread > 0 ? ZhCalc.round(ZhCalc.sub(msg_spread, cor), 2) : ZhCalc.round(ZhCalc.add(msg_spread, cor), 2)) : 0;
  110. },
  111. m_tp: function (data) {
  112. return ZhCalc.round(ZhCalc.mul(materialCol.getValue.m_spread(data), data.quantity), 2);
  113. }
  114. },
  115. readOnly: {
  116. isEdit: function (data) {
  117. return !(!readOnly && materialBase.isEdit(data));
  118. },
  119. remark: function () {
  120. return readOnly;
  121. },
  122. },
  123. };
  124. SpreadJsObj.initSpreadSettingEvents(materialSpreadSetting, materialCol);
  125. SpreadJsObj.initSheet(materialSpread.getActiveSheet(), materialSpreadSetting);
  126. SpreadJsObj.loadSheetData(materialSpread.getActiveSheet(), SpreadJsObj.DataType.Data, materialBillsData);
  127. const materialSpreadObj = {
  128. refreshActn: function () {
  129. const setObjEnable = function (obj, enable) {
  130. if (enable) {
  131. obj.removeClass('disabled');
  132. } else {
  133. obj.addClass('disabled');
  134. }
  135. };
  136. const sheet = materialSpread.getActiveSheet();
  137. const select = SpreadJsObj.getSelectObject(sheet);
  138. // 还需判断是否已被调差清单调用
  139. setObjEnable($('#del'), !readOnly && select && materialBase.isEdit(select));
  140. },
  141. add: function () {
  142. const sheet = materialSpread.getActiveSheet();
  143. postData(window.location.pathname + '/save', {type: 'add'}, function (result) {
  144. if (result) {
  145. materialBillsData.push(result);
  146. sheet.addRows(materialBillsData.length - 1, 1);
  147. SpreadJsObj.reLoadRowData(sheet, materialBillsData.length - 1);
  148. sheet.setSelection(materialBillsData.length - 1, 0, 1, 1);
  149. materialSpreadObj.refreshActn();
  150. }
  151. });
  152. },
  153. del: function () {
  154. const sheet = materialSpread.getActiveSheet();
  155. const select = SpreadJsObj.getSelectObject(sheet);
  156. postData(window.location.pathname + '/save', {type: 'del', id: select.id}, function (result) {
  157. m_tp = result.m_tp;
  158. resetTpTable();
  159. const index = materialBillsData.indexOf(select);
  160. materialBillsData.splice(index, 1);
  161. sheet.deleteRows(index, 1);
  162. SpreadJsObj.reLoadSheetData(materialSpread.getActiveSheet());
  163. const sel = sheet.getSelections();
  164. sheet.setSelection(index > 0 ? index - 1 : 0, sel.length > 0 ? sel[0].col : 0, 1, 1);
  165. materialSpreadObj.refreshActn();
  166. });
  167. },
  168. selectionChanged: function (e, info) {
  169. materialSpreadObj.refreshActn();
  170. const sel = info.sheet.getSelections()[0];
  171. const col = info.sheet.zh_setting.cols[sel.col];
  172. const data = SpreadJsObj.getSelectObject(info.sheet);
  173. materialSpreadObj.setReadOnly(true);
  174. },
  175. editEnded: function (e, info) {
  176. if (info.sheet.zh_setting) {
  177. const select = SpreadJsObj.getSelectObject(info.sheet);
  178. const col = info.sheet.zh_setting.cols[info.col];
  179. // 未改变值则不提交
  180. const validText = info.editingText ? (typeof(info.editingText) === 'String' ? info.editingText.replace('\n', '') : info.editingText) : null;
  181. const orgValue = select[col.field];
  182. if (orgValue == validText || ((!orgValue || orgValue === '') && (validText === ''))) {
  183. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  184. return;
  185. }
  186. // 判断部分值是否输入的是数字判断和数据计算
  187. if (col.field === 'basic_price') {
  188. if (isNaN(validText)) {
  189. toastr.error('不能输入其它非数字类型字符');
  190. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  191. return;
  192. }
  193. const num = parseFloat(validText);
  194. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  195. toastr.error('请输入大于0并且小于3位小数的浮点数');
  196. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  197. return;
  198. }
  199. }
  200. if (col.field === 'msg_tp') {
  201. if (isNaN(validText)) {
  202. toastr.error('不能输入其它非数字类型字符');
  203. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  204. return;
  205. }
  206. const num = parseFloat(validText);
  207. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  208. toastr.error('请输入大于0并且小于3位小数的浮点数');
  209. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  210. return;
  211. }
  212. }
  213. if (col.field === 'm_up_risk') {
  214. // 只能输入正整数
  215. if (isNaN(validText)) {
  216. toastr.error('不能输入其它非数字类型字符');
  217. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  218. return;
  219. }
  220. const num = parseFloat(validText);
  221. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  222. toastr.error('只能输入0-100的正整数');
  223. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  224. return;
  225. }
  226. }
  227. if (col.field === 'm_down_risk') {
  228. // 只能输入正整数
  229. if (isNaN(validText)) {
  230. toastr.error('不能输入其它非数字类型字符');
  231. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  232. return;
  233. }
  234. const num = parseFloat(validText);
  235. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  236. toastr.error('只能输入0-100的正整数');
  237. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  238. return;
  239. }
  240. }
  241. select[col.field] = validText;
  242. select.msg_spread = materialCol.getValue.msg_spread(select);
  243. select.m_spread = materialCol.getValue.m_spread(select);
  244. select.m_tp = materialCol.getValue.m_tp(select);
  245. // 更新至服务器
  246. postData(window.location.pathname + '/save', { type:'update', updateData: select }, function (result) {
  247. m_tp = result.m_tp;
  248. resetTpTable();
  249. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  250. }, function () {
  251. select[col.field] = orgValue;
  252. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  253. });
  254. }
  255. },
  256. setReadOnly: function(readOnly) {
  257. SpreadJsObj.resetFieldReadOnly(materialSpread.getActiveSheet(), 'msg_spread', 'm_spread', 'm_tp', 'pre_tp', readOnly);
  258. }
  259. };
  260. materialSpreadObj.refreshActn();
  261. materialSpread.bind(spreadNS.Events.SelectionChanged, materialSpreadObj.selectionChanged);
  262. if (!readOnly) {
  263. $('#add').click(materialSpreadObj.add);
  264. $('#del').click(materialSpreadObj.del);
  265. materialSpread.bind(spreadNS.Events.EditEnded, materialSpreadObj.editEnded);
  266. // 右键菜单
  267. $.contextMenu({
  268. selector: '#material-spread',
  269. build: function ($trigger, e) {
  270. const target = SpreadJsObj.safeRightClickSelection($trigger, e, materialSpread);
  271. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  272. },
  273. items: {
  274. 'create': {
  275. name: '新增材料',
  276. icon: 'fa-sign-in',
  277. callback: function (key, opt) {
  278. materialSpreadObj.add(materialSpread.getActiveSheet());
  279. },
  280. },
  281. 'delete': {
  282. name: '删除材料',
  283. icon: 'fa-remove',
  284. callback: function (key, opt) {
  285. materialSpreadObj.del(materialSpread.getActiveSheet());
  286. },
  287. disabled: function (key, opt) {
  288. const sheet = materialSpread.getActiveSheet();
  289. const select = SpreadJsObj.getSelectObject(sheet);
  290. materialSpreadObj.refreshActn();
  291. if (!readOnly && select && materialBase.isEdit(select)) {
  292. return false;
  293. } else {
  294. return true;
  295. }
  296. }
  297. },
  298. }
  299. });
  300. $('#changeRate').change(function () {
  301. const rate = parseInt($(this).val());
  302. postData(window.location.pathname + '/save', { type:'rate', rate: rate }, function (result) {
  303. const bqhs = ZhCalc.round(ZhCalc.mul(m_tp, 1+rate/100), 2);
  304. const jzbqhs = ZhCalc.round(ZhCalc.mul(ZhCalc.add(pre_tp, m_tp), 1+rate/100), 2);
  305. $('#rate_set').find('td').eq(1).text(bqhs !== 0 ? bqhs : '');
  306. $('#rate_set').find('td').eq(2).text(jzbqhs !== 0 ? jzbqhs : '');
  307. });
  308. });
  309. $('#expr_select button').on('click', function () {
  310. const code = $(this).text();
  311. $('#expr').val($('#expr').val() + code);
  312. });
  313. const ExprObj = {
  314. _checkExprValid(expr, invalidParam) {
  315. if (!expr) return [true, null];
  316. const param = [];
  317. let num = '', base = '';
  318. for (let i = 0, iLen = expr.length; i < iLen; i++) {
  319. if (/^[\d\.%]+/.test(expr[i])) {
  320. if (base !== '') {
  321. param.push({type: 'base', value: base});
  322. base = '';
  323. }
  324. num = num + expr[i];
  325. } else if (/^[a-z]/.test(expr[i])) {
  326. if (num !== '') {
  327. param.push({type: 'num', value: num});
  328. base = '';
  329. }
  330. base = base + expr[i];
  331. } else if (expr[i] === '(') {
  332. if (num !== '') {
  333. param.push({type: 'num', value: num});
  334. base = '';
  335. }
  336. if (base !== '') {
  337. param.push({type: 'base', value: base});
  338. base = '';
  339. }
  340. param.push({type: 'left', value: '('});
  341. } else if (expr[i] === ')') {
  342. if (num !== '') {
  343. param.push({type: 'num', value: num});
  344. base = '';
  345. }
  346. if (base !== '') {
  347. param.push({type: 'base', value: base});
  348. base = '';
  349. }
  350. param.push({type: 'right', value: ')'});
  351. } else if (/^[\+\-*\/]/.test(expr[i])) {
  352. if (num !== '') {
  353. param.push({type: 'num', value: num});
  354. base = '';
  355. }
  356. if (base !== '') {
  357. param.push({type: 'base', value: base});
  358. base = '';
  359. }
  360. param.push({type: 'calc', value: expr[i]});
  361. } else {
  362. return [false, '输入的表达式含有非法字符: ' + expr[i]];
  363. }
  364. }
  365. if (num !== '') {
  366. param.push({type: 'num', value: num});
  367. base = '';
  368. }
  369. if (base !== '') {
  370. param.push({type: 'base', value: base});
  371. base = '';
  372. }
  373. if (param.length === 0) return true;
  374. if (param.length > 1) {
  375. if (param[0].value === '-') {
  376. param[1].value = '-' + param[1];
  377. }
  378. param.unshift();
  379. }
  380. const iLen = param.length;
  381. let iLeftCount = 0, iRightCount = 0;
  382. for (const [i, p] of param.entries()) {
  383. if (p.type === 'calc') {
  384. if (i === 0 || i === iLen - 1)
  385. return [false, '输入的表达式非法:计算符号' + p.value + '前后应有数字或计算基数'];
  386. }
  387. if (p.type === 'num') {
  388. num = p.value.replace('%', '');
  389. if (p.value.length - num.length > 1)
  390. return [false, '输入的表达式非法:' + p.value + '不是一个有效的数字'];
  391. num = _.toNumber(num);
  392. if (num === undefined || num === null || _.isNaN(num))
  393. return [false, '输入的表达式非法:' + p.value + '不是一个有效的数字'];
  394. if (i > 0) {
  395. if (param[i - 1].type !== 'calc') {
  396. return [false, '输入的表达式非法:' + p.value + '前应有运算符'];
  397. } else if (param[i - 1].value === '/' && num === 0) {
  398. return [false, '输入的表达式非法:请勿除0'];
  399. }
  400. }
  401. }
  402. if (p.type === 'base') {
  403. const baseParam = _.find(calcBase, {code: p.value});
  404. if (!baseParam)
  405. return [false, '输入的表达式非法:不存在计算基数' + p.value];
  406. if (invalidParam && invalidParam.indexOf(p.value) >= 0)
  407. return [false, '不可使用计算基数' + p.value];
  408. if (i > 0 && param[i - 1].type === 'calc')
  409. return [false, '输入的表达式非法:' + p.value + '前应有运算符'];
  410. }
  411. if (p.type === 'left') {
  412. iLeftCount += 1;
  413. if (i !== 0 && param[i-1].type !== 'calc')
  414. return [false, '输入的表达式非法:(前应有运算符'];
  415. }
  416. if (p.type === 'right') {
  417. iRightCount += 1;
  418. if (i !== iLen - 1 && param[i+1].type !== 'calc')
  419. return [false, '输入的表达式非法:)后应有运算符'];
  420. if (iRightCount > iLeftCount)
  421. return [false, '输入的表达式非法:")"前无对应的"("'];
  422. }
  423. }
  424. if (iLeftCount > iRightCount)
  425. return [false, '输入的表达式非法:"("后无对应的")"'];
  426. return [true, ''];
  427. },
  428. _checkExpr: function (text) {
  429. if (text) {
  430. const num = _.toNumber(text);
  431. if (num) {
  432. console.log(num);
  433. } else {
  434. const expr = text.replace('=', '').toLowerCase();
  435. const [valid, msg] = this._checkExprValid(expr);
  436. if (!valid) return [valid, msg];
  437. }
  438. }
  439. return [true, ''];
  440. },
  441. };
  442. $('#expr_btn').click(function () {
  443. const expr = $('#expr').val();
  444. // 判断表达式格式
  445. const [valid, msg] = ExprObj._checkExpr(expr);
  446. if (!valid) {
  447. toastr.error(msg);
  448. }
  449. postData(window.location.pathname + '/save', { type:'expr', id: $('#materialbillsId').val(), expr: expr }, function (result) {
  450. m_tp = result.m_tp;
  451. resetTpTable();
  452. const sheet = materialSpread.getActiveSheet();
  453. const select = SpreadJsObj.getSelectObject(sheet);
  454. const index = materialBillsData.indexOf(select);
  455. materialBillsData.splice(index, 1, result.info);
  456. SpreadJsObj.reLoadRowData(sheet, index);
  457. $('#bcyy').modal('hide');
  458. });
  459. })
  460. } else {
  461. // SpreadJsObj.forbiddenSpreadContextMenu('#material-spread', materialSpread);
  462. }
  463. $.subMenu({
  464. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  465. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  466. key: 'menu.1.0.0',
  467. callback: function (info) {
  468. if (info.mini) {
  469. $('.panel-title').addClass('fluid');
  470. $('#sub-menu').removeClass('panel-sidebar');
  471. } else {
  472. $('.panel-title').removeClass('fluid');
  473. $('#sub-menu').addClass('panel-sidebar');
  474. }
  475. autoFlashHeight();
  476. materialSpread.refresh();
  477. }
  478. });
  479. });