ShortForecastGrid.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558
  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. console.log(data);
  158. //view
  159. if(grid.selModel.views == null){
  160. grid.selModel.views = [];
  161. }
  162. //dbfind
  163. if(res.dbfinds&&res.dbfinds.length > 0){
  164. grid.dbfinds = res.dbfinds;
  165. }
  166. //toolbar
  167. //me.setToolbar(grid, res.columns, res.necessaryField, limitArr);
  168. gridcolumns=res.columns;
  169. startdate=new Date(res.date.startdate);
  170. enddate=new Date(res.date.enddate);
  171. if(startdate!=null){
  172. var lastcolumns=[];
  173. var startfield="";
  174. var endfield="";
  175. Ext.Array.each(gridcolumns,function(item,m){
  176. if(item.dataIndex=='sd_enddate'){
  177. var columns=new Array();
  178. var count=(enddate-startdate)/(86400000*7);
  179. for(var i=0;i<count+1;i++){
  180. endfield=Ext.Date.format(Ext.Date.add(startdate,Ext.Date.DAY,7*(i+1)),'Y-m-d');
  181. startfield=Ext.Date.format(Ext.Date.add(startdate,Ext.Date.DAY,7*i),'Y-m-d');
  182. gridfields.push({
  183. name:startfield+"#"+endfield,
  184. type:'int'
  185. });
  186. columns.push({
  187. readOnly:false,
  188. header:startfield.substring(5,10)+"~"+endfield.substring(5,10),
  189. cls: "x-grid-header-1",
  190. dataIndex:startfield+"#"+endfield,
  191. width : 120,
  192. xtype:'numbercolumn',
  193. align:'right',
  194. format:'0',
  195. editor:{
  196. xtype:'numberfield',
  197. format:'0',
  198. hideTrigger: true
  199. }
  200. });
  201. }
  202. item.columns=columns;
  203. }
  204. lastcolumns[m]=item;
  205. });
  206. gridcolumns=lastcolumns;
  207. }
  208. var store = me.setStore(gridfields, data, grid.groupField, grid.necessaryField);
  209. grid.store=store;
  210. grid.columns=gridcolumns;
  211. var form = Ext.ComponentQuery.query('form')[0];
  212. if(form){
  213. if(form.readOnly){
  214. grid.readOnly = true;//grid不可编辑
  215. }
  216. }
  217. /*var lockedView = grid.view.lockedView;
  218. if(lockedView){
  219. var tableEl = lockedView.el;
  220. console.log(tableEl);
  221. if(tableEl){
  222. tableEl.dom.style.marginBottom = '27px';
  223. }
  224. }*/
  225. } else {
  226. grid.hide();
  227. var form = Ext.ComponentQuery.query('form')[0];
  228. me.updateFormPosition(form);//字段较少时,修改form布局
  229. }
  230. }
  231. });
  232. },
  233. setRenderer: function(grid, column){
  234. if(!column.haveRendered && column.renderer != null && column.renderer != ""){
  235. if(!grid.RenderUtil){
  236. grid.RenderUtil = Ext.create('erp.util.RenderUtil');
  237. }
  238. var renderName = column.renderer;
  239. if(contains(column.renderer, ':', true)){
  240. var args = new Array();
  241. Ext.each(column.renderer.split(':'), function(a, index){
  242. if(index == 0){
  243. renderName = a;
  244. } else {
  245. args.push(a);
  246. }
  247. });
  248. if(!grid.RenderUtil.args[renderName]){
  249. grid.RenderUtil.args[renderName] = new Object();
  250. }
  251. grid.RenderUtil.args[renderName][column.dataIndex] = args;
  252. }
  253. column.renderer = grid.RenderUtil[renderName];
  254. column.haveRendered = true;
  255. }
  256. },
  257. setLogicType: function(grid, column){
  258. var logic = column.logic;
  259. if(logic != null){
  260. if(logic == 'detno'){
  261. grid.detno = column.dataIndex;
  262. column.width = 40;
  263. column.renderer = function(val, meta) {
  264. meta.tdCls = Ext.baseCSSPrefix + 'grid-cell-special';
  265. return val;
  266. };
  267. } else if(logic == 'keyField'){
  268. grid.keyField = column.dataIndex;
  269. } else if(logic == 'mainField'){
  270. grid.mainField = column.dataIndex;
  271. } else if(logic == 'necessaryField'){
  272. grid.necessaryField = column.dataIndex;
  273. if(!grid.necessaryFields){
  274. grid.necessaryFields = new Array();
  275. }
  276. grid.necessaryFields.push(column.dataIndex);
  277. if(!column.haveRendered){
  278. column.renderer = function(val, meta, record, x, y, store, view){
  279. var c = this.columns[y];
  280. if(val != null && val.toString().trim() != ''){
  281. if(c.xtype == 'datecolumn'){
  282. val = Ext.Date.format(val, 'Y-m-d');
  283. }
  284. return val;
  285. } else {
  286. if(c.xtype == 'datecolumn'){
  287. val = '';
  288. }
  289. return '<img src="' + basePath + 'resource/images/icon/need.png" title="必填字段">' +
  290. '<span style="color:blue;padding-left:2px;" title="必填字段">' + val + '</span>';
  291. }
  292. };
  293. }
  294. } else if(logic == 'groupField'){
  295. grid.groupField = column.dataIndex;
  296. }
  297. }
  298. },
  299. setStore: function(fields, data, groupField, necessaryField){
  300. griddata=data;
  301. if(!Ext.isChrome){
  302. Ext.each(fields, function(f){
  303. if(f.type == 'date'){
  304. f.dateFormat = 'Y-m-d H:m:s';
  305. }
  306. });
  307. }
  308. return Ext.create('Ext.data.Store', {
  309. fields: fields,
  310. data: data,
  311. groupField: groupField,
  312. getSum: function(records, field) {
  313. if (arguments.length < 2) {
  314. return 0;
  315. }
  316. var total = 0,
  317. i = 0,
  318. len = records.length;
  319. if(necessaryField) {
  320. for (; i < len; ++i) {//重写getSum,grid在合计时,只合计填写了必要信息的行
  321. var necessary = records[i].get(necessaryField);
  322. if(necessary != null && necessary != ''){
  323. total += records[i].get(field);
  324. }
  325. }
  326. } else {
  327. for (; i < len; ++i) {
  328. total += records[i].get(field);
  329. }
  330. }
  331. return total;
  332. },
  333. getCount: function() {
  334. if(necessaryField) {
  335. var count = 0;
  336. Ext.each(this.data.items, function(item){//重写getCount,grid在合计时,只合计填写了必要信息的行
  337. if(item.data[necessaryField] != null && item.data[necessaryField] != ''){
  338. count++;
  339. }
  340. });
  341. return count;
  342. }
  343. return this.data.items.length;
  344. }
  345. });
  346. },
  347. setToolbar: function(grid, columns, necessaryField, limitArr){
  348. var items = [];
  349. var bool = true;
  350. if(!grid.dockedItems)
  351. return;
  352. Ext.each(grid.dockedItems.items, function(item){
  353. if(item.dock == 'bottom' && item.items){//bbar已存在
  354. bool = false;
  355. }
  356. });
  357. if(bool){
  358. Ext.each(columns, function(column){
  359. if(limitArr.length == 0 || !Ext.Array.contains(limitArr, column.dataIndex)) {
  360. if(column.summaryType == 'sum'){
  361. items.push('-',{
  362. id: column.dataIndex + '_sum',
  363. itemId: column.dataIndex,
  364. xtype: 'tbtext',
  365. text: column.header + '(sum):0'
  366. });
  367. } else if(column.summaryType == 'average') {
  368. items.push('-',{
  369. id: column.dataIndex + '_average',
  370. itemId: column.dataIndex,
  371. xtype: 'tbtext',
  372. text: column.header + '(average):0'
  373. });
  374. } else if(column.summaryType == 'count') {
  375. items.push('-',{
  376. id: column.dataIndex + '_count',
  377. itemId: column.dataIndex,
  378. xtype: 'tbtext',
  379. text: column.header + '(count):0'
  380. });
  381. }
  382. }
  383. if(column.dataIndex == necessaryField){
  384. column.renderer = function(val){
  385. if(val != null && val.toString().trim() != ''){
  386. return val;
  387. } else {
  388. return '<img src="' + basePath + 'resource/images/icon/need.png" title="必填字段">' +
  389. '<span style="color:blue;padding-left:2px;" title="必填字段">' + val + '</span>';
  390. }
  391. };
  392. }
  393. });
  394. grid.addDocked({
  395. xtype: 'toolbar',
  396. dock: 'bottom',
  397. items: items
  398. });
  399. } else {
  400. var bars = Ext.ComponentQuery.query('erpToolbar');
  401. if(bars.length > 0){
  402. Ext.each(columns, function(column){
  403. if(column.summaryType == 'sum'){
  404. bars[0].add('-');
  405. bars[0].add({
  406. id: column.dataIndex + '_sum',
  407. itemId: column.dataIndex,
  408. xtype: 'tbtext',
  409. text: column.header + '(sum):0'
  410. });
  411. } else if(column.summaryType == 'average') {
  412. bars[0].add('-');
  413. bars[0].add({
  414. id: column.dataIndex + '_average',
  415. itemId: column.dataIndex,
  416. xtype: 'tbtext',
  417. text: column.header + '(average):0'
  418. });
  419. } else if(column.summaryType == 'count') {
  420. bars[0].add('-');
  421. bars[0].add({
  422. id: column.dataIndex + '_count',
  423. itemId: column.dataIndex,
  424. xtype: 'tbtext',
  425. text: column.header + '(count):0'
  426. });
  427. }
  428. });
  429. }
  430. }
  431. },
  432. add10EmptyData: function(detno, data){
  433. if(detno){
  434. var index = data.length == 0 ? 0 : Number(data[data.length-1][detno]);
  435. for(var i=0;i<10;i++){
  436. var o = new Object();
  437. o[detno] = index + i + 1;
  438. data.push(o);
  439. }
  440. } else {
  441. for(var i=0;i<10;i++){
  442. var o = new Object();
  443. data.push(o);
  444. }
  445. }
  446. },
  447. checkGridDirty: function(grid){
  448. var s = grid.getStore().data.items;//获取store里面的数据
  449. var msg = '';
  450. for(var i=0;i<s.length;i++){
  451. if(s[i].dirty){//明细行被修改过哦
  452. msg = msg + '第' + (i+1) + '行:';
  453. var changed = Ext.Object.getKeys(s[i].modified);//拿到被修改了的字段
  454. for(var j = 0;j < changed.length;j++){
  455. Ext.each(grid.columns, function(c, index){
  456. if(index == 0){
  457. return;
  458. }
  459. if(c.dataIndex == changed[j] && c.logic != 'ignore'){//由字段dataindex匹配其text
  460. msg = msg + '<font color=blue>' + c.text + '</font>&nbsp;';
  461. }
  462. });
  463. }
  464. msg = msg + ";";
  465. }
  466. }
  467. if(msg != '' && msg != ';'){//明细行被修改过哦
  468. msg = "明细行<font color=green>" + msg.substring(0, msg.length-1) + "</font>已编辑过";
  469. }
  470. return msg;
  471. },
  472. getGridStore: function(grid){
  473. if(grid == null){
  474. grid = Ext.getCmp('grid');
  475. }
  476. var me = this,
  477. jsonGridData = new Array();
  478. var form = Ext.getCmp('form');
  479. var s = grid.getStore().data.items;//获取store里面的数据
  480. console.log(s);
  481. var dd;
  482. for(var i=0;i<s.length;i++){//将grid里面各行的数据获取并拼成jsonGridData
  483. var data = s[i].data;
  484. dd = new Object();
  485. if(s[i].dirty && !me.isBlank(grid, data)){
  486. Ext.each(gridcolumns, function(c){
  487. console.log(c.logic);
  488. console.log(c.dataIndex);
  489. if(c.logic != 'ignore'){//只需显示,无需后台操作的字段,自动略去
  490. if(c.dataIndex=='sd_enddate'){
  491. Ext.Array.each(c.columns,function(column){
  492. dd[column.dataIndex]=data[column.dataIndex];
  493. });
  494. }else {
  495. if(c.xtype == 'datecolumn'){
  496. c.format = c.format || 'Y-m-d';
  497. if(Ext.isDate(data[c.dataIndex])){
  498. dd[c.dataIndex] = Ext.Date.format(data[c.dataIndex], c.format);
  499. } else {
  500. if(c.editor){
  501. dd[c.dataIndex] = Ext.Date.format(new Date(), c.format);//如果用户没输入日期,或输入有误,就给个默认日期,
  502. }
  503. }
  504. } else if(c.xtype == 'datetimecolumn'){
  505. if(Ext.isDate(data[c.dataIndex])){
  506. dd[c.dataIndex] = Ext.Date.format(data[c.dataIndex], 'Y-m-d H:i:s');//在这里把GMT日期转化成Y-m-d H:i:s格式日期
  507. } else {
  508. if(c.editor){
  509. dd[c.dataIndex] = Ext.Date.format(new Date(), 'Y-m-d H:i:s');//默认日期,
  510. }
  511. }
  512. } else if(c.xtype == 'numbercolumn'){//赋个默认值0吧,不然不好保存
  513. if(data[c.dataIndex] == null || data[c.dataIndex] == ''){
  514. dd[c.dataIndex] = '0';//也可以从data里面去掉这些字段
  515. } else {
  516. dd[c.dataIndex] = s[i].data[c.dataIndex];
  517. }
  518. } else {
  519. dd[c.dataIndex] = s[i].data[c.dataIndex];
  520. }
  521. }
  522. }
  523. });
  524. if(grid.mainField && form && form.keyField){//例如,将pu_id的值赋给pd_puid
  525. dd[grid.mainField] = Ext.getCmp(form.keyField).value;
  526. }
  527. jsonGridData.push(Ext.JSON.encode(dd));
  528. }
  529. }
  530. return jsonGridData;
  531. },
  532. isBlank: function(grid, data) {
  533. var ff = grid.necessaryFields,bool = true;
  534. if(ff) {
  535. Ext.each(ff, function(f) {
  536. if(!Ext.isEmpty(data[f]) && data[f] != 0) {
  537. bool = false;
  538. }else {
  539. bool=true;
  540. return
  541. }
  542. });
  543. } else {
  544. if(!grid.necessaryField || !Ext.isEmpty(data[grid.necessaryField])) {
  545. bool = false;
  546. }
  547. }
  548. return bool;
  549. },
  550. });