material.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  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: 230, 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: 'readOnly.isEdit'},
  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: '3|1', rowSpan: '1|1', field: 'm_risk', hAlign: 2, width: 100, type: 'Number', readOnly: 'readOnly.isEdit'},
  38. {title: '|有效价差', colSpan: '|1', rowSpan: '|1', field: 'm_spread', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_spread'},
  39. {title: '|调整金额', colSpan: '|1', rowSpan: '1|1', field: 'm_tp', hAlign: 2, width: 80, type: 'Number', readOnly: true, getValue: 'getValue.m_tp'},
  40. {title: '截止上期调差金额', colSpan: '1', rowSpan: '2', field: 'pre_tp', hAlign: 2, width: 120, type: 'Number', readOnly: true},
  41. {title: '备注', colSpan: '1', rowSpan: '2', field: 'remark', hAlign: 0, width: 60, formatter: '@', readOnly: 'readOnly.remark'},
  42. ],
  43. emptyRows: 0,
  44. headRows: 2,
  45. headRowHeight: [32, 32],
  46. defaultRowHeight: 30,
  47. headerFont: '10pt 微软雅黑',
  48. readOnly: readOnly,
  49. font: '10pt 微软雅黑',
  50. };
  51. const materialBase = {
  52. isEdit: function (data) {
  53. return materialListData.find(function (item) {
  54. return item.mb_id === data.id;
  55. });
  56. }
  57. }
  58. const materialCol = {
  59. getValue: {
  60. msg_spread: function (data) {
  61. return ZhCalc.sub(data.msg_tp, data.basic_price);
  62. },
  63. m_spread : function (data) {
  64. const cor = ZhCalc.mul(data.basic_price, ZhCalc.div(data.m_risk, 100));
  65. const msg_spread = materialCol.getValue.msg_spread(data);
  66. return Math.abs(msg_spread) > Math.abs(cor) ? (msg_spread > 0 ? ZhCalc.sub(msg_spread, cor) : ZhCalc.add(msg_spread, cor)) : 0;
  67. },
  68. m_tp: function (data) {
  69. return ZhCalc.mul(materialCol.getValue.m_spread(data), data.quantity);
  70. }
  71. },
  72. readOnly: {
  73. isEdit: function (data) {
  74. return !(readOnly || materialBase.isEdit(data) === undefined);
  75. },
  76. remark: function () {
  77. return readOnly;
  78. },
  79. },
  80. };
  81. SpreadJsObj.initSpreadSettingEvents(materialSpreadSetting, materialCol);
  82. SpreadJsObj.initSheet(materialSpread.getActiveSheet(), materialSpreadSetting);
  83. SpreadJsObj.loadSheetData(materialSpread.getActiveSheet(), SpreadJsObj.DataType.Data, materialBillsData);
  84. const materialSpreadObj = {
  85. refreshActn: function () {
  86. const setObjEnable = function (obj, enable) {
  87. if (enable) {
  88. obj.removeClass('disabled');
  89. } else {
  90. obj.addClass('disabled');
  91. }
  92. };
  93. const sheet = materialSpread.getActiveSheet();
  94. const select = SpreadJsObj.getSelectObject(sheet);
  95. // 还需判断是否已被调差清单调用
  96. setObjEnable($('#del'), !readOnly && select && materialBase.isEdit(select) === undefined);
  97. },
  98. add: function () {
  99. const sheet = materialSpread.getActiveSheet();
  100. postData(window.location.pathname + '/save', {type: 'add'}, function (result) {
  101. if (result) {
  102. materialBillsData.push(result);
  103. sheet.addRows(materialBillsData.length - 1, 1);
  104. SpreadJsObj.reLoadRowData(sheet, materialBillsData.length - 1);
  105. sheet.setSelection(materialBillsData.length - 1, 0, 1, 1);
  106. materialSpreadObj.refreshActn();
  107. }
  108. });
  109. },
  110. del: function () {
  111. const sheet = materialSpread.getActiveSheet();
  112. const select = SpreadJsObj.getSelectObject(sheet);
  113. console.log(select);
  114. postData(window.location.pathname + '/save', {type: 'del', id: select.id}, function (result) {
  115. const index = materialBillsData.indexOf(select);
  116. materialBillsData.splice(index, 1);
  117. sheet.deleteRows(index, 1);
  118. SpreadJsObj.reLoadSheetData(materialSpread.getActiveSheet());
  119. const sel = sheet.getSelections();
  120. sheet.setSelection(index > 0 ? index - 1 : 0, sel.length > 0 ? sel[0].col : 0, 1, 1);
  121. materialSpreadObj.refreshActn();
  122. });
  123. },
  124. selectionChanged: function (e, info) {
  125. materialSpreadObj.refreshActn();
  126. const sel = info.sheet.getSelections()[0];
  127. const col = info.sheet.zh_setting.cols[sel.col];
  128. const data = SpreadJsObj.getSelectObject(info.sheet);
  129. materialSpreadObj.setReadOnly(true);
  130. },
  131. editEnded: function (e, info) {
  132. if (info.sheet.zh_setting) {
  133. const select = SpreadJsObj.getSelectObject(info.sheet);
  134. const col = info.sheet.zh_setting.cols[info.col];
  135. // 未改变值则不提交
  136. const validText = info.editingText ? (typeof(info.editingText) === 'String' ? info.editingText.replace('\n', '') : info.editingText) : null;
  137. const orgValue = select[col.field];
  138. if (orgValue == validText || ((!orgValue || orgValue === '') && (validText === ''))) {
  139. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  140. return;
  141. }
  142. // 判断部分值是否输入的是数字判断和数据计算
  143. if (col.field === 'basic_price') {
  144. if (isNaN(validText)) {
  145. toastr.error('不能输入其它非数字类型字符');
  146. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  147. return;
  148. }
  149. }
  150. if (col.field === 'msg_tp') {
  151. if (isNaN(validText)) {
  152. toastr.error('不能输入其它非数字类型字符');
  153. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  154. return;
  155. }
  156. }
  157. if (col.field === 'm_risk') {
  158. // 只能输入正整数
  159. if (isNaN(validText)) {
  160. toastr.error('不能输入其它非数字类型字符');
  161. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  162. return;
  163. }
  164. }
  165. select[col.field] = validText;
  166. // 更新至服务器
  167. postData(window.location.pathname + '/save', { type:'update', updateData: select }, function (result) {
  168. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  169. }, function () {
  170. select[col.field] = orgValue;
  171. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  172. });
  173. }
  174. },
  175. setReadOnly: function(readOnly) {
  176. SpreadJsObj.resetFieldReadOnly(materialSpread.getActiveSheet(), 'msg_spread', 'm_spread', 'm_tp', 'pre_tp', readOnly);
  177. }
  178. };
  179. materialSpreadObj.refreshActn();
  180. materialSpread.bind(spreadNS.Events.SelectionChanged, materialSpreadObj.selectionChanged);
  181. if (!readOnly) {
  182. $('#add').click(materialSpreadObj.add);
  183. $('#del').click(materialSpreadObj.del);
  184. materialSpread.bind(spreadNS.Events.EditEnded, materialSpreadObj.editEnded);
  185. // 右键菜单
  186. $.contextMenu({
  187. selector: '#material-spread',
  188. build: function ($trigger, e) {
  189. const target = SpreadJsObj.safeRightClickSelection($trigger, e, materialSpread);
  190. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  191. },
  192. items: {
  193. 'create': {
  194. name: '新增材料',
  195. icon: 'fa-sign-in',
  196. callback: function (key, opt) {
  197. materialSpreadObj.add(materialSpread.getActiveSheet());
  198. },
  199. },
  200. 'delete': {
  201. name: '删除材料',
  202. icon: 'fa-remove',
  203. callback: function (key, opt) {
  204. materialSpreadObj.del(materialSpread.getActiveSheet());
  205. },
  206. disabled: function (key, opt) {
  207. const sheet = materialSpread.getActiveSheet();
  208. const select = SpreadJsObj.getSelectObject(sheet);
  209. materialSpreadObj.refreshActn();
  210. if (!readOnly && select && materialBase.isEdit(select) === undefined) {
  211. return false;
  212. } else {
  213. return true;
  214. }
  215. }
  216. },
  217. }
  218. });
  219. } else {
  220. SpreadJsObj.forbiddenSpreadContextMenu('#material-spread', materialSpread);
  221. }
  222. $.subMenu({
  223. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  224. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  225. //key: 'stage.compare.memu.1.0.0',
  226. callback: function (info) {
  227. if (info.mini) {
  228. $('.panel-title').addClass('fluid');
  229. $('#sub-menu').removeClass('panel-sidebar');
  230. } else {
  231. $('.panel-title').removeClass('fluid');
  232. $('#sub-menu').addClass('panel-sidebar');
  233. }
  234. autoFlashHeight();
  235. materialSpread.refresh();
  236. }
  237. });
  238. });