material.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  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. $(document).ready(() => {
  21. autoFlashHeight();
  22. const materialSpread = SpreadJsObj.createNewSpread($('#material-spread')[0]);
  23. const materialSpreadSetting = {
  24. cols: [
  25. {title: '调差类型', colSpan: '1', rowSpan: '2', field: 't_type', hAlign: 0, width: 80, formatter: '@', readOnly: 'readOnly.isEdit', cellType: 'customizeCombo', comboItems: materialType.t_type, cellTypeKey: 1},
  26. {title: '编号', colSpan: '1', rowSpan: '2', field: 'code', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  27. {title: '名称', colSpan: '1', rowSpan: '2', field: 'name', hAlign: 0, width: 180, formatter: '@', readOnly: 'readOnly.isEdit'},
  28. {title: '单位', colSpan: '1', rowSpan: '2', field: 'unit', hAlign: 1, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  29. {title: '规格', colSpan: '1', rowSpan: '2', field: 'spec', hAlign: 0, width: 180, formatter: '@', readOnly: 'readOnly.isEdit'},
  30. {title: '工料分类', colSpan: '1', rowSpan: '2', field: 'm_type', hAlign: 0, width: 60, readOnly: 'readOnly.isEdit', cellType: 'customizeCombo', comboItems: materialType.m_type, cellTypeKey: 2},
  31. {title: '本期应耗数量', colSpan: '1', rowSpan: '2', field: 'quantity', hAlign: 2, width: 100, type: 'Number', readOnly: true},
  32. {title: '基准价', colSpan: '1', rowSpan: '2', field: 'basic_price', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit'},
  33. {title: '基准时间', colSpan: '1', rowSpan: '2', field: 'basic_times', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  34. {title: '本期信息价|单价', colSpan: '3|1', rowSpan: '1|1', field: 'msg_tp', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit'},
  35. {title: '|时间', colSpan: '|1', rowSpan: '|1', field: 'msg_times', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.isEdit'},
  36. {title: '|价差', colSpan: '1', rowSpan: '1|1', field: 'msg_spread', hAlign: 2, width: 60, type: 'Number', readOnly: true, getValue: 'getValue.msg_spread'},
  37. {title: '本期材料调差|上涨幅度(%)', colSpan: '4|1', rowSpan: '1|1', field: 'm_up_risk', hAlign: 2, width: 100, type: 'Number', readOnly: 'readOnly.isEdit'},
  38. {title: '|下跌幅度(%)', colSpan: '|1', rowSpan: '|1', field: 'm_down_risk', hAlign: 2, width: 100, type: 'Number', readOnly: 'readOnly.isEdit'},
  39. {title: '|有效价差', colSpan: '|1', rowSpan: '|1', field: 'm_spread', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_spread'},
  40. {title: '|调整金额', colSpan: '|1', rowSpan: '1|1', field: 'm_tp', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_tp'},
  41. {title: '截止上期调差金额', colSpan: '1', rowSpan: '2', field: 'pre_tp', hAlign: 2, width: 120, type: 'Number', readOnly: true},
  42. {title: '备注', colSpan: '1', rowSpan: '2', field: 'remark', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.remark'},
  43. ],
  44. emptyRows: 0,
  45. headRows: 2,
  46. headRowHeight: [32, 32],
  47. defaultRowHeight: 30,
  48. headerFont: '10pt 微软雅黑',
  49. readOnly: readOnly,
  50. font: '10pt 微软雅黑',
  51. };
  52. const materialBase = {
  53. isEdit: function (data) {
  54. return materialListData.find(function (item) {
  55. return item.mb_id === data.id;
  56. });
  57. },
  58. isStage: function (data) {
  59. return data.mid === materialID;
  60. }
  61. }
  62. const materialCol = {
  63. getValue: {
  64. msg_spread: function (data) {
  65. return ZhCalc.round(ZhCalc.sub(data.msg_tp, data.basic_price), 2);
  66. },
  67. m_spread : function (data) {
  68. const msg_spread = materialCol.getValue.msg_spread(data);
  69. 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));
  70. 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;
  71. },
  72. m_tp: function (data) {
  73. return ZhCalc.round(ZhCalc.mul(materialCol.getValue.m_spread(data), data.quantity), 2);
  74. }
  75. },
  76. readOnly: {
  77. isEdit: function (data) {
  78. return !(!readOnly && materialBase.isEdit(data) === undefined && materialBase.isStage(data));
  79. },
  80. remark: function () {
  81. return readOnly;
  82. },
  83. },
  84. };
  85. SpreadJsObj.initSpreadSettingEvents(materialSpreadSetting, materialCol);
  86. SpreadJsObj.initSheet(materialSpread.getActiveSheet(), materialSpreadSetting);
  87. SpreadJsObj.loadSheetData(materialSpread.getActiveSheet(), SpreadJsObj.DataType.Data, materialBillsData);
  88. const materialSpreadObj = {
  89. refreshActn: function () {
  90. const setObjEnable = function (obj, enable) {
  91. if (enable) {
  92. obj.removeClass('disabled');
  93. } else {
  94. obj.addClass('disabled');
  95. }
  96. };
  97. const sheet = materialSpread.getActiveSheet();
  98. const select = SpreadJsObj.getSelectObject(sheet);
  99. // 还需判断是否已被调差清单调用
  100. setObjEnable($('#del'), !readOnly && select && materialBase.isEdit(select) === undefined);
  101. },
  102. add: function () {
  103. const sheet = materialSpread.getActiveSheet();
  104. postData(window.location.pathname + '/save', {type: 'add'}, function (result) {
  105. if (result) {
  106. materialBillsData.push(result);
  107. sheet.addRows(materialBillsData.length - 1, 1);
  108. SpreadJsObj.reLoadRowData(sheet, materialBillsData.length - 1);
  109. sheet.setSelection(materialBillsData.length - 1, 0, 1, 1);
  110. materialSpreadObj.refreshActn();
  111. }
  112. });
  113. },
  114. del: function () {
  115. const sheet = materialSpread.getActiveSheet();
  116. const select = SpreadJsObj.getSelectObject(sheet);
  117. console.log(select);
  118. postData(window.location.pathname + '/save', {type: 'del', id: select.id}, function (result) {
  119. const index = materialBillsData.indexOf(select);
  120. materialBillsData.splice(index, 1);
  121. sheet.deleteRows(index, 1);
  122. SpreadJsObj.reLoadSheetData(materialSpread.getActiveSheet());
  123. const sel = sheet.getSelections();
  124. sheet.setSelection(index > 0 ? index - 1 : 0, sel.length > 0 ? sel[0].col : 0, 1, 1);
  125. materialSpreadObj.refreshActn();
  126. });
  127. },
  128. selectionChanged: function (e, info) {
  129. materialSpreadObj.refreshActn();
  130. const sel = info.sheet.getSelections()[0];
  131. const col = info.sheet.zh_setting.cols[sel.col];
  132. const data = SpreadJsObj.getSelectObject(info.sheet);
  133. materialSpreadObj.setReadOnly(true);
  134. },
  135. editEnded: function (e, info) {
  136. if (info.sheet.zh_setting) {
  137. const select = SpreadJsObj.getSelectObject(info.sheet);
  138. const col = info.sheet.zh_setting.cols[info.col];
  139. // 未改变值则不提交
  140. const validText = info.editingText ? (typeof(info.editingText) === 'String' ? info.editingText.replace('\n', '') : info.editingText) : null;
  141. const orgValue = select[col.field];
  142. if (orgValue == validText || ((!orgValue || orgValue === '') && (validText === ''))) {
  143. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  144. return;
  145. }
  146. // 判断部分值是否输入的是数字判断和数据计算
  147. if (col.field === 'basic_price') {
  148. if (isNaN(validText)) {
  149. toastr.error('不能输入其它非数字类型字符');
  150. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  151. return;
  152. }
  153. const num = parseFloat(validText);
  154. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  155. toastr.error('请输入大于0并且小于3位小数的浮点数');
  156. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  157. return;
  158. }
  159. }
  160. if (col.field === 'msg_tp') {
  161. if (isNaN(validText)) {
  162. toastr.error('不能输入其它非数字类型字符');
  163. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  164. return;
  165. }
  166. const num = parseFloat(validText);
  167. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  168. toastr.error('请输入大于0并且小于3位小数的浮点数');
  169. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  170. return;
  171. }
  172. }
  173. if (col.field === 'm_up_risk') {
  174. // 只能输入正整数
  175. if (isNaN(validText)) {
  176. toastr.error('不能输入其它非数字类型字符');
  177. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  178. return;
  179. }
  180. const num = parseFloat(validText);
  181. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  182. toastr.error('只能输入0-100的正整数');
  183. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  184. return;
  185. }
  186. }
  187. if (col.field === 'm_down_risk') {
  188. // 只能输入正整数
  189. if (isNaN(validText)) {
  190. toastr.error('不能输入其它非数字类型字符');
  191. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  192. return;
  193. }
  194. const num = parseFloat(validText);
  195. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  196. toastr.error('只能输入0-100的正整数');
  197. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  198. return;
  199. }
  200. }
  201. select[col.field] = validText;
  202. select.msg_spread = materialCol.getValue.msg_spread(select);
  203. select.m_spread = materialCol.getValue.m_spread(select);
  204. select.m_tp = materialCol.getValue.m_tp(select);
  205. console.log(select);
  206. // 更新至服务器
  207. postData(window.location.pathname + '/save', { type:'update', updateData: select }, function (result) {
  208. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  209. }, function () {
  210. select[col.field] = orgValue;
  211. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  212. });
  213. }
  214. },
  215. setReadOnly: function(readOnly) {
  216. SpreadJsObj.resetFieldReadOnly(materialSpread.getActiveSheet(), 'msg_spread', 'm_spread', 'm_tp', 'pre_tp', readOnly);
  217. }
  218. };
  219. materialSpreadObj.refreshActn();
  220. materialSpread.bind(spreadNS.Events.SelectionChanged, materialSpreadObj.selectionChanged);
  221. if (!readOnly) {
  222. $('#add').click(materialSpreadObj.add);
  223. $('#del').click(materialSpreadObj.del);
  224. materialSpread.bind(spreadNS.Events.EditEnded, materialSpreadObj.editEnded);
  225. // 右键菜单
  226. $.contextMenu({
  227. selector: '#material-spread',
  228. build: function ($trigger, e) {
  229. const target = SpreadJsObj.safeRightClickSelection($trigger, e, materialSpread);
  230. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  231. },
  232. items: {
  233. 'create': {
  234. name: '新增材料',
  235. icon: 'fa-sign-in',
  236. callback: function (key, opt) {
  237. materialSpreadObj.add(materialSpread.getActiveSheet());
  238. },
  239. },
  240. 'delete': {
  241. name: '删除材料',
  242. icon: 'fa-remove',
  243. callback: function (key, opt) {
  244. materialSpreadObj.del(materialSpread.getActiveSheet());
  245. },
  246. disabled: function (key, opt) {
  247. const sheet = materialSpread.getActiveSheet();
  248. const select = SpreadJsObj.getSelectObject(sheet);
  249. materialSpreadObj.refreshActn();
  250. if (!readOnly && select && materialBase.isEdit(select) === undefined) {
  251. return false;
  252. } else {
  253. return true;
  254. }
  255. }
  256. },
  257. }
  258. });
  259. } else {
  260. // SpreadJsObj.forbiddenSpreadContextMenu('#material-spread', materialSpread);
  261. }
  262. $.subMenu({
  263. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  264. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  265. //key: 'stage.compare.memu.1.0.0',
  266. callback: function (info) {
  267. if (info.mini) {
  268. $('.panel-title').addClass('fluid');
  269. $('#sub-menu').removeClass('panel-sidebar');
  270. } else {
  271. $('.panel-title').removeClass('fluid');
  272. $('#sub-menu').addClass('panel-sidebar');
  273. }
  274. autoFlashHeight();
  275. materialSpread.refresh();
  276. }
  277. });
  278. });