material.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  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. }
  59. const materialCol = {
  60. getValue: {
  61. msg_spread: function (data) {
  62. return ZhCalc.round(ZhCalc.sub(data.msg_tp, data.basic_price), 2);
  63. },
  64. m_spread : function (data) {
  65. const msg_spread = materialCol.getValue.msg_spread(data);
  66. 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));
  67. 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;
  68. },
  69. m_tp: function (data) {
  70. return ZhCalc.round(ZhCalc.mul(materialCol.getValue.m_spread(data), data.quantity), 2);
  71. }
  72. },
  73. readOnly: {
  74. isEdit: function (data) {
  75. return !(readOnly || materialBase.isEdit(data) === undefined);
  76. },
  77. remark: function () {
  78. return readOnly;
  79. },
  80. },
  81. };
  82. SpreadJsObj.initSpreadSettingEvents(materialSpreadSetting, materialCol);
  83. SpreadJsObj.initSheet(materialSpread.getActiveSheet(), materialSpreadSetting);
  84. SpreadJsObj.loadSheetData(materialSpread.getActiveSheet(), SpreadJsObj.DataType.Data, materialBillsData);
  85. const materialSpreadObj = {
  86. refreshActn: function () {
  87. const setObjEnable = function (obj, enable) {
  88. if (enable) {
  89. obj.removeClass('disabled');
  90. } else {
  91. obj.addClass('disabled');
  92. }
  93. };
  94. const sheet = materialSpread.getActiveSheet();
  95. const select = SpreadJsObj.getSelectObject(sheet);
  96. // 还需判断是否已被调差清单调用
  97. setObjEnable($('#del'), !readOnly && select && materialBase.isEdit(select) === undefined);
  98. },
  99. add: function () {
  100. const sheet = materialSpread.getActiveSheet();
  101. postData(window.location.pathname + '/save', {type: 'add'}, function (result) {
  102. if (result) {
  103. materialBillsData.push(result);
  104. sheet.addRows(materialBillsData.length - 1, 1);
  105. SpreadJsObj.reLoadRowData(sheet, materialBillsData.length - 1);
  106. sheet.setSelection(materialBillsData.length - 1, 0, 1, 1);
  107. materialSpreadObj.refreshActn();
  108. }
  109. });
  110. },
  111. del: function () {
  112. const sheet = materialSpread.getActiveSheet();
  113. const select = SpreadJsObj.getSelectObject(sheet);
  114. console.log(select);
  115. postData(window.location.pathname + '/save', {type: 'del', id: select.id}, function (result) {
  116. const index = materialBillsData.indexOf(select);
  117. materialBillsData.splice(index, 1);
  118. sheet.deleteRows(index, 1);
  119. SpreadJsObj.reLoadSheetData(materialSpread.getActiveSheet());
  120. const sel = sheet.getSelections();
  121. sheet.setSelection(index > 0 ? index - 1 : 0, sel.length > 0 ? sel[0].col : 0, 1, 1);
  122. materialSpreadObj.refreshActn();
  123. });
  124. },
  125. selectionChanged: function (e, info) {
  126. materialSpreadObj.refreshActn();
  127. const sel = info.sheet.getSelections()[0];
  128. const col = info.sheet.zh_setting.cols[sel.col];
  129. const data = SpreadJsObj.getSelectObject(info.sheet);
  130. materialSpreadObj.setReadOnly(true);
  131. },
  132. editEnded: function (e, info) {
  133. if (info.sheet.zh_setting) {
  134. const select = SpreadJsObj.getSelectObject(info.sheet);
  135. const col = info.sheet.zh_setting.cols[info.col];
  136. // 未改变值则不提交
  137. const validText = info.editingText ? (typeof(info.editingText) === 'String' ? info.editingText.replace('\n', '') : info.editingText) : null;
  138. const orgValue = select[col.field];
  139. if (orgValue == validText || ((!orgValue || orgValue === '') && (validText === ''))) {
  140. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  141. return;
  142. }
  143. // 判断部分值是否输入的是数字判断和数据计算
  144. if (col.field === 'basic_price') {
  145. if (isNaN(validText)) {
  146. toastr.error('不能输入其它非数字类型字符');
  147. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  148. return;
  149. }
  150. const num = parseFloat(validText);
  151. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  152. toastr.error('请输入大于0并且小于3位小数的浮点数');
  153. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  154. return;
  155. }
  156. }
  157. if (col.field === 'msg_tp') {
  158. if (isNaN(validText)) {
  159. toastr.error('不能输入其它非数字类型字符');
  160. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  161. return;
  162. }
  163. const num = parseFloat(validText);
  164. if (num < 0 || !/^\d+(\.\d{1,3})?$/.test(num)) {
  165. toastr.error('请输入大于0并且小于3位小数的浮点数');
  166. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  167. return;
  168. }
  169. }
  170. if (col.field === 'm_up_risk') {
  171. // 只能输入正整数
  172. if (isNaN(validText)) {
  173. toastr.error('不能输入其它非数字类型字符');
  174. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  175. return;
  176. }
  177. const num = parseFloat(validText);
  178. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  179. toastr.error('只能输入0-100的正整数');
  180. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  181. return;
  182. }
  183. }
  184. if (col.field === 'm_down_risk') {
  185. // 只能输入正整数
  186. if (isNaN(validText)) {
  187. toastr.error('不能输入其它非数字类型字符');
  188. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  189. return;
  190. }
  191. const num = parseFloat(validText);
  192. if (num < 0 || num > 100 || !/^\d+$/.test(num)) {
  193. toastr.error('只能输入0-100的正整数');
  194. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  195. return;
  196. }
  197. }
  198. select[col.field] = validText;
  199. // 更新至服务器
  200. postData(window.location.pathname + '/save', { type:'update', updateData: select }, function (result) {
  201. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  202. }, function () {
  203. select[col.field] = orgValue;
  204. SpreadJsObj.reLoadRowData(info.sheet, info.row);
  205. });
  206. }
  207. },
  208. setReadOnly: function(readOnly) {
  209. SpreadJsObj.resetFieldReadOnly(materialSpread.getActiveSheet(), 'msg_spread', 'm_spread', 'm_tp', 'pre_tp', readOnly);
  210. }
  211. };
  212. materialSpreadObj.refreshActn();
  213. materialSpread.bind(spreadNS.Events.SelectionChanged, materialSpreadObj.selectionChanged);
  214. if (!readOnly) {
  215. $('#add').click(materialSpreadObj.add);
  216. $('#del').click(materialSpreadObj.del);
  217. materialSpread.bind(spreadNS.Events.EditEnded, materialSpreadObj.editEnded);
  218. // 右键菜单
  219. $.contextMenu({
  220. selector: '#material-spread',
  221. build: function ($trigger, e) {
  222. const target = SpreadJsObj.safeRightClickSelection($trigger, e, materialSpread);
  223. return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
  224. },
  225. items: {
  226. 'create': {
  227. name: '新增材料',
  228. icon: 'fa-sign-in',
  229. callback: function (key, opt) {
  230. materialSpreadObj.add(materialSpread.getActiveSheet());
  231. },
  232. },
  233. 'delete': {
  234. name: '删除材料',
  235. icon: 'fa-remove',
  236. callback: function (key, opt) {
  237. materialSpreadObj.del(materialSpread.getActiveSheet());
  238. },
  239. disabled: function (key, opt) {
  240. const sheet = materialSpread.getActiveSheet();
  241. const select = SpreadJsObj.getSelectObject(sheet);
  242. materialSpreadObj.refreshActn();
  243. if (!readOnly && select && materialBase.isEdit(select) === undefined) {
  244. return false;
  245. } else {
  246. return true;
  247. }
  248. }
  249. },
  250. }
  251. });
  252. } else {
  253. SpreadJsObj.forbiddenSpreadContextMenu('#material-spread', materialSpread);
  254. }
  255. $.subMenu({
  256. menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
  257. toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
  258. //key: 'stage.compare.memu.1.0.0',
  259. callback: function (info) {
  260. if (info.mini) {
  261. $('.panel-title').addClass('fluid');
  262. $('#sub-menu').removeClass('panel-sidebar');
  263. } else {
  264. $('.panel-title').removeClass('fluid');
  265. $('#sub-menu').addClass('panel-sidebar');
  266. }
  267. autoFlashHeight();
  268. materialSpread.refresh();
  269. }
  270. });
  271. });