ShortForecastGrid.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553
  1. Ext.define('erp.view.scm.sale.ShortForecastGrid',{
  2. extend: 'Ext.grid.Panel',
  3. alias: 'widget.erpShortForecastGrid',
  4. emptyText : $I18N.common.grid.emptyText,
  5. columnLines : true,
  6. autoScroll : true,
  7. id:'grid',
  8. store: [],
  9. region: 'south',
  10. layout : 'fit',
  11. columns: new Array(),
  12. height:height,
  13. GridUtil: Ext.create('erp.util.GridUtil'),
  14. bodyStyle:'background-color:#f1f1f1;',
  15. selModel: Ext.create('Ext.selection.CheckboxModel',{
  16. headerWidth: 0
  17. }),
  18. /*enableLocking:true,*/
  19. /*lockable: true,*/
  20. GridUtil: Ext.create('erp.util.GridUtil'),
  21. BaseUtil: Ext.create('erp.util.BaseUtil'),
  22. plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
  23. clicksToEdit: 1,
  24. listeners:{
  25. 'edit':function(editor,e,Opts){
  26. var record=e.record,data=null,qty=0;
  27. if(record){
  28. data=record.data;
  29. for(var property in data){
  30. if(!/^[a-zA-Z]/.test(property)){
  31. qty+=data[property];
  32. }
  33. }
  34. if(qty>(data.ma_qty-data.ma_madeqty)){
  35. showError('排产数不能超过未交数!请重新输入');
  36. e.record.reject();
  37. }
  38. }
  39. }
  40. }
  41. })],
  42. /* plugins: [Ext.create('Ext.ux.grid.GridHeaderFilters')],*/
  43. initComponent : function(){
  44. var condition = this.condition;
  45. if(!condition){
  46. var urlCondition = this.BaseUtil.getUrlParam('gridCondition');
  47. urlCondition = urlCondition == null || urlCondition == "null" ? "" : urlCondition;
  48. gridCondition = (gridCondition == null || gridCondition == "null") ? "" : gridCondition;
  49. gridCondition = gridCondition + urlCondition;
  50. gridCondition = gridCondition.replace(/IS/g, "=");
  51. if(gridCondition.search(/!/) != -1){
  52. gridCondition = gridCondition.substring(0, gridCondition.length - 4);
  53. }
  54. condition = gridCondition;
  55. }
  56. var gridParam = {caller: this.caller || caller, condition: condition};
  57. this.getGridColumnsAndStore(this, 'scm/sale/getGridConfig.action', gridParam, "");//从后台拿到gridpanel的配置及数据
  58. this.callParent(arguments);
  59. },
  60. loadNewStore:function(grid, url, param, no){
  61. Ext.Ajax.request({//拿到grid的columns
  62. url : basePath + url,
  63. params: param,
  64. method : 'post',
  65. callback : function(options,success,response){
  66. var res = new Ext.decode(response.responseText);
  67. if(res.exceptionInfo){
  68. showError(res.exceptionInfo);return;
  69. }
  70. /*var data = Ext.decode(res.data.replace(/,}/g, '}').replace(/,]/g, ']'));*/
  71. //对data 进行处理 必须要先取到主记录的开始时间和结束时间
  72. var data=res.data;
  73. var Map={},arr=new Array();
  74. var len = data.length;
  75. startdate=new Date(data[0].sf_fromdate);
  76. enddate=new Date(data[0].sf_todate);
  77. for(var i=0;i<len;i++){
  78. if(Map[data[i].sd_id] == undefined){
  79. var smalldata=data[i];
  80. smalldata[smalldata.wd_date.substring(0,10)]=smalldata.wd_planqty;
  81. Map[data[i].wd_makecode] =smalldata;
  82. }else{
  83. var smalldata=Map[data[i].wd_code];
  84. smalldata[data[i].wd_date.substring(0,10)]=data[i].wd_planqty;
  85. Map[data[i].wd_makecode]=smalldata;
  86. }
  87. }
  88. for(var property in Map){
  89. arr.push(Map[property]);
  90. }
  91. data=arr;
  92. grid.store.loadData(data);
  93. }
  94. });
  95. },
  96. getGridColumnsAndStore: function(grid, url, param, no){
  97. var me = this;
  98. grid.setLoading(true);
  99. Ext.Ajax.request({//拿到grid的columns
  100. url : basePath + url,
  101. params: param,
  102. async:false,
  103. method : 'post',
  104. callback : function(options,success,response){
  105. grid.setLoading(false);
  106. var res = new Ext.decode(response.responseText);
  107. if(res.exceptionInfo){
  108. showError(res.exceptionInfo);return;
  109. }
  110. if(res.columns){
  111. var limits = res.limits, limitArr = new Array(),startdate=null,enddate=null;
  112. if(limits != null && limits.length > 0) {//权限外字段
  113. limitArr = Ext.Array.pluck(limits, 'lf_field');
  114. }
  115. Ext.each(res.columns, function(column, y){
  116. //power
  117. if(limitArr.length > 0 && Ext.Array.contains(limitArr, column.dataIndex)) {
  118. column.hidden = true;
  119. }
  120. //renderer
  121. me.setRenderer(grid, column);
  122. //logictype
  123. me.setLogicType(grid, column);
  124. });
  125. //data
  126. var data = [];
  127. var gridfields=res.fields;
  128. var newdetno=0;
  129. if(!res.data || res.data.length == 2){
  130. me.add10EmptyData(grid.detno, data);
  131. me.add10EmptyData(grid.detno, data);//添加20条空白数据
  132. } else {
  133. data = Ext.decode(res.data.replace(/,}/g, '}').replace(/,]/g, ']'));
  134. //对data 进行处理 必须要先取到主记录的开始时间和结束时间
  135. var Map={},arr=new Array();
  136. var len = data.length;
  137. for(var i=0;i<len;i++){
  138. if(Map[data[i].sd_prodcode] == undefined){
  139. var smalldata=data[i];
  140. smalldata[smalldata.sd_startdate.substring(0,10)+"#"+smalldata.sd_enddate.substring(0,10)]=smalldata.sd_qty;
  141. newdetno++;
  142. smalldata.sd_detno=newdetno;
  143. Map[data[i].sd_prodcode] =smalldata;
  144. }else{
  145. var smalldata=Map[data[i].sd_prodcode];
  146. smalldata[data[i].sd_startdate.substring(0,10)+"#"+data[i].sd_enddate.substring(0,10)]=data[i].sd_qty;
  147. smalldata.sd_qty+=data[i].sd_qty;
  148. Map[data[i].sd_prodcode] =smalldata;
  149. }
  150. }
  151. for(var property in Map){
  152. arr.push(Map[property]);
  153. }
  154. data=arr;
  155. }
  156. //store
  157. //view
  158. if(grid.selModel.views == null){
  159. grid.selModel.views = [];
  160. }
  161. //dbfind
  162. if(res.dbfinds&&res.dbfinds.length > 0){
  163. grid.dbfinds = res.dbfinds;
  164. }
  165. //toolbar
  166. //me.setToolbar(grid, res.columns, res.necessaryField, limitArr);
  167. gridcolumns=res.columns;
  168. startdate=new Date(res.date.startdate);
  169. enddate=new Date(res.date.enddate);
  170. if(startdate!=null){
  171. var lastcolumns=[];
  172. var startfield="";
  173. var endfield="";
  174. Ext.Array.each(gridcolumns,function(item,m){
  175. if(item.dataIndex=='sd_enddate'){
  176. var columns=new Array();
  177. var count=(enddate-startdate)/(86400000*7);
  178. for(var i=0;i<count+1;i++){
  179. endfield=Ext.Date.format(Ext.Date.add(startdate,Ext.Date.DAY,7*(i+1)),'Y-m-d');
  180. startfield=Ext.Date.format(Ext.Date.add(startdate,Ext.Date.DAY,7*i),'Y-m-d');
  181. gridfields.push({
  182. name:startfield+"#"+endfield,
  183. type:'int'
  184. });
  185. columns.push({
  186. readOnly:false,
  187. header:startfield.substring(5,10)+"~"+endfield.substring(5,10),
  188. cls: "x-grid-header-1",
  189. dataIndex:startfield+"#"+endfield,
  190. width : 120,
  191. xtype:'numbercolumn',
  192. align:'right',
  193. format:'0',
  194. editor:{
  195. xtype:'numberfield',
  196. format:'0',
  197. hideTrigger: true
  198. }
  199. });
  200. }
  201. item.columns=columns;
  202. }
  203. lastcolumns[m]=item;
  204. });
  205. gridcolumns=lastcolumns;
  206. }
  207. var store = me.setStore(gridfields, data, grid.groupField, grid.necessaryField);
  208. grid.store=store;
  209. grid.columns=gridcolumns;
  210. var form = Ext.ComponentQuery.query('form')[0];
  211. if(form){
  212. if(form.readOnly){
  213. grid.readOnly = true;//grid不可编辑
  214. }
  215. }
  216. /*var lockedView = grid.view.lockedView;
  217. if(lockedView){
  218. var tableEl = lockedView.el;
  219. if(tableEl){
  220. tableEl.dom.style.marginBottom = '27px';
  221. }
  222. }*/
  223. } else {
  224. grid.hide();
  225. var form = Ext.ComponentQuery.query('form')[0];
  226. me.updateFormPosition(form);//字段较少时,修改form布局
  227. }
  228. }
  229. });
  230. },
  231. setRenderer: function(grid, column){
  232. if(!column.haveRendered && column.renderer != null && column.renderer != ""){
  233. if(!grid.RenderUtil){
  234. grid.RenderUtil = Ext.create('erp.util.RenderUtil');
  235. }
  236. var renderName = column.renderer;
  237. if(contains(column.renderer, ':', true)){
  238. var args = new Array();
  239. Ext.each(column.renderer.split(':'), function(a, index){
  240. if(index == 0){
  241. renderName = a;
  242. } else {
  243. args.push(a);
  244. }
  245. });
  246. if(!grid.RenderUtil.args[renderName]){
  247. grid.RenderUtil.args[renderName] = new Object();
  248. }
  249. grid.RenderUtil.args[renderName][column.dataIndex] = args;
  250. }
  251. column.renderer = grid.RenderUtil[renderName];
  252. column.haveRendered = true;
  253. }
  254. },
  255. setLogicType: function(grid, column){
  256. var logic = column.logic;
  257. if(logic != null){
  258. if(logic == 'detno'){
  259. grid.detno = column.dataIndex;
  260. column.width = 40;
  261. column.renderer = function(val, meta) {
  262. meta.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
  263. return val;
  264. };
  265. } else if(logic == 'keyField'){
  266. grid.keyField = column.dataIndex;
  267. } else if(logic == 'mainField'){
  268. grid.mainField = column.dataIndex;
  269. } else if(logic == 'necessaryField'){
  270. grid.necessaryField = column.dataIndex;
  271. if(!grid.necessaryFields){
  272. grid.necessaryFields = new Array();
  273. }
  274. grid.necessaryFields.push(column.dataIndex);
  275. if(!column.haveRendered){
  276. column.renderer = function(val, meta, record, x, y, store, view){
  277. var c = this.columns[y];
  278. if(val != null && val.toString().trim() != ''){
  279. if(c.xtype == 'datecolumn'){
  280. val = Ext.Date.format(val, 'Y-m-d');
  281. }
  282. return val;
  283. } else {
  284. if(c.xtype == 'datecolumn'){
  285. val = '';
  286. }
  287. return '<img src="' + basePath + 'resource/images/icon/need.png" title="必填字段">' +
  288. '<span style="color:blue;padding-left:2px;" title="必填字段">' + val + '</span>';
  289. }
  290. };
  291. }
  292. } else if(logic == 'groupField'){
  293. grid.groupField = column.dataIndex;
  294. }
  295. }
  296. },
  297. setStore: function(fields, data, groupField, necessaryField){
  298. griddata=data;
  299. if(!Ext.isChrome){
  300. Ext.each(fields, function(f){
  301. if(f.type == 'date'){
  302. f.dateFormat = 'Y-m-d H:m:s';
  303. }
  304. });
  305. }
  306. return Ext.create('Ext.data.Store', {
  307. fields: fields,
  308. data: data,
  309. groupField: groupField,
  310. getSum: function(records, field) {
  311. if (arguments.length < 2) {
  312. return 0;
  313. }
  314. var total = 0,
  315. i = 0,
  316. len = records.length;
  317. if(necessaryField) {
  318. for (; i < len; ++i) {//重写getSum,grid在合计时,只合计填写了必要信息的行
  319. var necessary = records[i].get(necessaryField);
  320. if(necessary != null && necessary != ''){
  321. total += records[i].get(field);
  322. }
  323. }
  324. } else {
  325. for (; i < len; ++i) {
  326. total += records[i].get(field);
  327. }
  328. }
  329. return total;
  330. },
  331. getCount: function() {
  332. if(necessaryField) {
  333. var count = 0;
  334. Ext.each(this.data.items, function(item){//重写getCount,grid在合计时,只合计填写了必要信息的行
  335. if(item.data[necessaryField] != null && item.data[necessaryField] != ''){
  336. count++;
  337. }
  338. });
  339. return count;
  340. }
  341. return this.data.items.length;
  342. }
  343. });
  344. },
  345. setToolbar: function(grid, columns, necessaryField, limitArr){
  346. var items = [];
  347. var bool = true;
  348. if(!grid.dockedItems)
  349. return;
  350. Ext.each(grid.dockedItems.items, function(item){
  351. if(item.dock == 'bottom' && item.items){//bbar已存在
  352. bool = false;
  353. }
  354. });
  355. if(bool){
  356. Ext.each(columns, function(column){
  357. if(limitArr.length == 0 || !Ext.Array.contains(limitArr, column.dataIndex)) {
  358. if(column.summaryType == 'sum'){
  359. items.push('-',{
  360. id: column.dataIndex + '_sum',
  361. itemId: column.dataIndex,
  362. xtype: 'tbtext',
  363. text: column.header + '(sum):0'
  364. });
  365. } else if(column.summaryType == 'average') {
  366. items.push('-',{
  367. id: column.dataIndex + '_average',
  368. itemId: column.dataIndex,
  369. xtype: 'tbtext',
  370. text: column.header + '(average):0'
  371. });
  372. } else if(column.summaryType == 'count') {
  373. items.push('-',{
  374. id: column.dataIndex + '_count',
  375. itemId: column.dataIndex,
  376. xtype: 'tbtext',
  377. text: column.header + '(count):0'
  378. });
  379. }
  380. }
  381. if(column.dataIndex == necessaryField){
  382. column.renderer = function(val){
  383. if(val != null && val.toString().trim() != ''){
  384. return val;
  385. } else {
  386. return '<img src="' + basePath + 'resource/images/icon/need.png" title="必填字段">' +
  387. '<span style="color:blue;padding-left:2px;" title="必填字段">' + val + '</span>';
  388. }
  389. };
  390. }
  391. });
  392. grid.addDocked({
  393. xtype: 'toolbar',
  394. dock: 'bottom',
  395. items: items
  396. });
  397. } else {
  398. var bars = Ext.ComponentQuery.query('erpToolbar');
  399. if(bars.length > 0){
  400. Ext.each(columns, function(column){
  401. if(column.summaryType == 'sum'){
  402. bars[0].add('-');
  403. bars[0].add({
  404. id: column.dataIndex + '_sum',
  405. itemId: column.dataIndex,
  406. xtype: 'tbtext',
  407. text: column.header + '(sum):0'
  408. });
  409. } else if(column.summaryType == 'average') {
  410. bars[0].add('-');
  411. bars[0].add({
  412. id: column.dataIndex + '_average',
  413. itemId: column.dataIndex,
  414. xtype: 'tbtext',
  415. text: column.header + '(average):0'
  416. });
  417. } else if(column.summaryType == 'count') {
  418. bars[0].add('-');
  419. bars[0].add({
  420. id: column.dataIndex + '_count',
  421. itemId: column.dataIndex,
  422. xtype: 'tbtext',
  423. text: column.header + '(count):0'
  424. });
  425. }
  426. });
  427. }
  428. }
  429. },
  430. add10EmptyData: function(detno, data){
  431. if(detno){
  432. var index = data.length == 0 ? 0 : Number(data[data.length-1][detno]);
  433. for(var i=0;i<10;i++){
  434. var o = new Object();
  435. o[detno] = index + i + 1;
  436. data.push(o);
  437. }
  438. } else {
  439. for(var i=0;i<10;i++){
  440. var o = new Object();
  441. data.push(o);
  442. }
  443. }
  444. },
  445. checkGridDirty: function(grid){
  446. var s = grid.getStore().data.items;//获取store里面的数据
  447. var msg = '';
  448. for(var i=0;i<s.length;i++){
  449. if(s[i].dirty){//明细行被修改过哦
  450. msg = msg + '第' + (i+1) + '行:';
  451. var changed = Ext.Object.getKeys(s[i].modified);//拿到被修改了的字段
  452. for(var j = 0;j < changed.length;j++){
  453. Ext.each(grid.columns, function(c, index){
  454. if(index == 0){
  455. return;
  456. }
  457. if(c.dataIndex == changed[j] && c.logic != 'ignore'){//由字段dataindex匹配其text
  458. msg = msg + '<font color=blue>' + c.text + '</font>&nbsp;';
  459. }
  460. });
  461. }
  462. msg = msg + ";";
  463. }
  464. }
  465. if(msg != '' && msg != ';'){//明细行被修改过哦
  466. msg = "明细行<font color=green>" + msg.substring(0, msg.length-1) + "</font>已编辑过";
  467. }
  468. return msg;
  469. },
  470. getGridStore: function(grid){
  471. if(grid == null){
  472. grid = Ext.getCmp('grid');
  473. }
  474. var me = this,
  475. jsonGridData = new Array();
  476. var form = Ext.getCmp('form');
  477. var s = grid.getStore().data.items;//获取store里面的数据
  478. var dd;
  479. for(var i=0;i<s.length;i++){//将grid里面各行的数据获取并拼成jsonGridData
  480. var data = s[i].data;
  481. dd = new Object();
  482. if(s[i].dirty && !me.isBlank(grid, data)){
  483. Ext.each(gridcolumns, function(c){
  484. if(c.logic != 'ignore'){//只需显示,无需后台操作的字段,自动略去
  485. if(c.dataIndex=='sd_enddate'){
  486. Ext.Array.each(c.columns,function(column){
  487. dd[column.dataIndex]=data[column.dataIndex];
  488. });
  489. }else {
  490. if(c.xtype == 'datecolumn'){
  491. c.format = c.format || 'Y-m-d';
  492. if(Ext.isDate(data[c.dataIndex])){
  493. dd[c.dataIndex] = Ext.Date.format(data[c.dataIndex], c.format);
  494. } else {
  495. if(c.editor){
  496. dd[c.dataIndex] = Ext.Date.format(new Date(), c.format);//如果用户没输入日期,或输入有误,就给个默认日期,
  497. }
  498. }
  499. } else if(c.xtype == 'datetimecolumn'){
  500. if(Ext.isDate(data[c.dataIndex])){
  501. dd[c.dataIndex] = Ext.Date.format(data[c.dataIndex], 'Y-m-d H:i:s');//在这里把GMT日期转化成Y-m-d H:i:s格式日期
  502. } else {
  503. if(c.editor){
  504. dd[c.dataIndex] = Ext.Date.format(new Date(), 'Y-m-d H:i:s');//默认日期,
  505. }
  506. }
  507. } else if(c.xtype == 'numbercolumn'){//赋个默认值0吧,不然不好保存
  508. if(data[c.dataIndex] == null || data[c.dataIndex] == ''){
  509. dd[c.dataIndex] = '0';//也可以从data里面去掉这些字段
  510. } else {
  511. dd[c.dataIndex] = s[i].data[c.dataIndex];
  512. }
  513. } else {
  514. dd[c.dataIndex] = s[i].data[c.dataIndex];
  515. }
  516. }
  517. }
  518. });
  519. if(grid.mainField && form && form.keyField){//例如,将pu_id的值赋给pd_puid
  520. dd[grid.mainField] = Ext.getCmp(form.keyField).value;
  521. }
  522. jsonGridData.push(Ext.JSON.encode(dd));
  523. }
  524. }
  525. return jsonGridData;
  526. },
  527. isBlank: function(grid, data) {
  528. var ff = grid.necessaryFields,bool = true;
  529. if(ff) {
  530. Ext.each(ff, function(f) {
  531. if(!Ext.isEmpty(data[f]) && data[f] != 0) {
  532. bool = false;
  533. }else {
  534. bool=true;
  535. return
  536. }
  537. });
  538. } else {
  539. if(!grid.necessaryField || !Ext.isEmpty(data[grid.necessaryField])) {
  540. bool = false;
  541. }
  542. }
  543. return bool;
  544. },
  545. });