【报表系列】作出一个统计报表的大概思路

guoguo

一、实现效果
如图1所示：


二、实现思路

三、具体操作
1、如图2，选择图报表引擎。

2、如图3所示，现在这里面添加一个数据源，从后端获取数据。

3、如图4，在这里添加报表，将数据源载入进来，然后画出报表的样子，单击数据源上的字段将数据源载入进表格即可。

四、相关代码（可选）

1. /*必须按照如下格式返回数据，否则数据出错,params(过滤条件)可以省略*/
   
2. function(params){
   
3.     var pkValue = Ext.value(params.BFSY_ND,"");
   
4.     var pkValueXm = Ext.value(params.SY_XMID);
   
5.     var xmcode = Ext.value(params.XM_CODE);
   
6.     var  whereSql = "";
   
7.     if(JE.isEmpty(pkValueXm)){
   
8.         whereSql = "";
   
9.     }else{
   
10.         whereSql = " and ( SY_XMID = '" + pkValueXm +"'  or  SY_XMID IN  ( SELECT BFSY_BASE_XM_ID FROM BFSY_BASE_XM WHERE SY_PARENT= '" + pkValueXm +"' )  )";
    
11.     }
    
12.     //debugger;
    
13.     if(pkValue == ''){
    
14.         /*var data = new Date();
    
15.         var data = JE.DATE.formatDate(new Date())
    
16.         pkValue = data.substring(0,4);*/
    
17.         pkValue = ''
    
18.     }
    
19.     // //debugger
    
20.     // //签约管理
    
21.     // var qyglDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT SUBSTRING(DDQY_QDRQ,1,4) nd,sum(DD_FINALPRICE) AS htje,sum(FK_YFJE) AS sfje  FROM BFSY_XS_DDQY where SUBSTRING(DDQY_QDRQ,1,4) = '"+pkValue + "'"}}).rows;
    
22.     // //年度考核
    
23.     // var ndkhDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT * FROM BFSY_JH_NDKH where NDKH_YEAR = '"+pkValue+"'"}}).rows;
    
24.     // //目标成本
    
25.     // var mbcbDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT sum(MBCB_MBCB) AS mbcbsjz FROM BFSY_CB_MBCB where MBCB_ND_CODE = '"+pkValue+ "'"}}).rows;
    
26.     // //动态成本
    
27. 
    
28.     //签约管理
    
29.     var qyglDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT SUBSTRING(DDQY_QDRQ,1,4) nd,sum(DD_FINALPRICE) AS htje,sum(FK_YFJE) AS sfje  FROM BFSY_XS_DDQY where SUBSTRING(DDQY_QDRQ,1,4) = '"+pkValue+ "' and DDQY_FKBS_CODE='QDZ' " + whereSql}}).rows;
    
30.     //年度考核
    
31.     var ndkhDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT sum(NDKH_SALEHT_MB) as NDKH_SALEHT_MB,sum(NDKH_HK_MB) as NDKH_HK_MB,sum(NDKH_MANAGECOST_MB) as NDKH_MANAGECOST_MB,sum(NDKH_CWCOST_MB) as NDKH_CWCOST_MB, sum(NDKH_SALECOST_MB) as NDKH_SALECOST_MB   FROM BFSY_JH_NDKH where NDKH_YEAR = '"+pkValue+"'" + whereSql}}).rows;
    
32.     //目标成本
    
33.     var mbcbDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT sum(MBCB_MBJDZCB) AS mbcbsjz,sum(MBCB_GHYL) AS GHYL FROM BFSY_CB_MBCB where MBCB_ND_CODE = '"+pkValue+"' AND KM_CODE='"+xmcode+"' AND MBCB_CBBB_CODE='TZ' " + whereSql}}).rows;
    
34.     //动态成本
    
35.     var hymxDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT SUBSTRING(SY_CREATETIME,1,4) nd,sum(HYMX_CONTRACTANDCHANGE) AS htjbg,sum(HYMX_PREPAREDCONTRACT) AS dfshy,sum(HYMX_EXECUTECHANGE) AS ygbg  FROM BFSY_CB_HYMX where SUBSTRING(SY_CREATETIME,1,4) = '"+pkValue+ "'" + whereSql}}).rows;
    
36.     var dtcbDatas = JE.ajax({url:"/je/report/select",params:{sql:"SELECT SUBSTRING(SY_CREATETIME,1,4) nd,sum(MBCB_MBJDZCB) AS mbjtz,sum(MBCB_JSCE) AS jsce  FROM BFSY_CB_MBCB where SUBSTRING(SY_CREATETIME,1,4) = '"+pkValue+ "'" + whereSql+" AND MBCB_CBBB_CODE = 'TZ' "}}).rows;
    
37. 
    
38.     var results = new Array();
    
39.     Ext.each(qyglDatas,function(qygl){
    
40.         Ext.each(ndkhDatas,function(ndkh){
    
41.             Ext.each(mbcbDatas,function(mbcb){
    
42.                 Ext.each(hymxDatas,function(hymx){
    
43.                     Ext.each(dtcbDatas,function(dtcb){
    
44.                         var rate1 = 0;//合同金额差额比率
    
45.                         var rate2 = 0;//回款差额比率
    
46.                         var rate3 = 0;//目标成本差额比率
    
47.                         var A = JE.toNum(ndkh.NDKH_SALEHT_MB);//销售合同额目标值--年度考核表
    
48.                         var B = JE.toNum(ndkh.NDKH_HK_MB);//最终价格总和--签约表
    
49.                         if(A>0){
    
50.                             //合同金额差额比率=(销售合同额目标值-最终价格总和)/销售合同额目标值
    
51.                             rate1 = ((B - A)/A*100).toFixed(2)
    
52.                             //rate1 = (((JE.toNum(ndkh.NDKH_SALEHT_MB) - JE.toNum(qygl.htje))/JE.toNum(ndkh.NDKH_SALEHT_MB))*100).toFixed(2)
    
53.                             //rate1 = (((JE.toNum(ndkh.NDKH_SALEHT_MB) - JE.toNum(qygl.htje))/JE.toNum(ndkh.NDKH_SALEHT_MB))*100).toFixed(2)
    
54.                         }
    
55.                         var C = JE.toNum(ndkh.NDKH_HK_MB);//回款额目标值--年度考核表
    
56.                         var D = JE.toNum(qygl.sfje);//已付金额总和--签约表
    
57.                         
    
58.                         if(C > 0){
    
59.                             rate2 = (((D - C)/C)*100).toFixed(2);
    
60.                         }
    
61.                         var E = JE.toNum(mbcb.mbcbsjz);//调整后目标成本--目标成本表
    
62.                         var F = JE.toNum(mbcb.GHYL);//规划余量--目标成本表
    
63.                         if(E.toFixed(2)>0){
    
64.                             rate3 = (((F-E).toFixed(2) - (E.toFixed(2)) )/E).toFixed(2);
    
65.                         }
    
66.                         var G = JE.toNum(hymx.htjbg);//合同加变更总和--合约明细表
    
67.                         var H = JE.toNum(hymx.dfshy);//待发生合约总和--合约明细表
    
68.                         var I = JE.toNum(hymx.ygbg);//执行预估变更总和--合约明细表
    
69.                         var J = JE.toNum(dtcb.jsce);//结算差额--目标成本表
    
70.                         var K = JE.toNum(dtcb.mbjtz);//调整后目标成本--目标成本表
    
71.                         if(K>0){
    
72.                             var L = ((G+H+I+J-K)/K);
    
73.                         }else{
    
74.                             var L = 0;
    
75.                         }
    
76.                         debugger;
    
77.                         results.push({
    
78.                             "年度": pkValue,
    
79.                             "合同金额目标值": amountOfConversion(A.toFixed(2)),//销售合同额目标值--年度考核表
    
80.                             "回款额目标值": amountOfConversion(B.toFixed(2)),//最终价格总和--签约表
    
81.                             "目标成本目标值": amountOfConversion(E.toFixed(2)),//调整后目标成本--目标成本表  
    
82.                             "管理费用目标值": amountOfConversion(JE.toNum(ndkh.NDKH_MANAGECOST_MB).toFixed(2)),//管理费用目标值--年度考核表  
    
83.                             "财务费用目标值": amountOfConversion(JE.toNum(ndkh.NDKH_CWCOST_MB).toFixed(2)),//财务费用目标值--年度考核表
    
84.                             "销售费用目标值": amountOfConversion(JE.toNum(ndkh.NDKH_SALECOST_MB).toFixed(2)),//销售费用目标值--年度考核表
    
85. 
    
86.                             "合同金额实际值": amountOfConversion(B.toFixed(2)),//最终价格总和--签约表
    
87.                             "回款金额实际值": amountOfConversion(D.toFixed(2)),//已付金额总和--签约表
    
88.                             "目标成本实际值": amountOfConversion((E-F).toFixed(2)),//调整后目标成本 - 规划余量
    
89.                             "动态成本实际值": amountOfConversion((G+H+I+J).toFixed(2)),// 合同加变更总和+待发生合约总和+执行预估变更总和+结算差额
    
90.                             //(合同加变更总和+待发生合约总和+执行预估变更总和+结算差额-调整后目标成本)/调整后目标成本
    
91.                             "动态成本偏差率": L.toFixed(2),
    
92.                             "管理费用实际值": "",
    
93.                             "财务费用实际值": "",
    
94.                             "销售费用实际值": "",
    
95.                            
    
96.                             "合同金额差额": amountOfConversion((A - B).toFixed(2)),    //合同金额差额 = 合同金额目标值 - 合同金额实际值
    
97.                             "回款额差额": amountOfConversion((C - D).toFixed(2)),      //回款额差额 = 回款额目标值 - 回款额实际值
    
98.                             "目标成本差额": amountOfConversion(((E-F).toFixed(2)) - (E.toFixed(2))),  //目标成本差额 = 目标成本目标值 - 目标成本实际值
    
99.                             "合同金额差额比率": rate1+"%",
    
100.                             "回款差额比率": rate2+"%",
     
101.                             "目标成本差额比率": rate3+"%",
     
102.                            
     
103.                         })
     
104.                     })
     
105.                 })
     
106.             })
     
107.             
     
108.         })
     
109.     });
     
110.     function amountOfConversion(value){
     
111.         value = JE.toNum(value);
     
112.         var newStr = "";
     
113.         var str="";
     
114.         var count = 0;
     
115.         if(value>=0){
     
116.             str=value+"";
     
117.             // 当数字是整数
     
118.             if (str.indexOf(".") == -1) {
     
119.                 for (var i = str.length - 1; i >= 0; i--) {
     
120.                     if (count % 3 == 0 && count != 0) {
     
121.                         newStr = str.charAt(i) + "," + newStr;
     
122.                     } else {
     
123.                         newStr = str.charAt(i) + newStr;
     
124.                     }
     
125.                     count++;
     
126.                 }
     
127.                 str = newStr + ".00"; //自动补小数点后两位
     
128.                 return str;
     
129.             }
     
130.             // 当数字带有小数
     
131.             else {
     
132.                 for (var i = str.indexOf(".") - 1; i >= 0; i--) {
     
133.                     if (count % 3 == 0 && count != 0) {
     
134.                         newStr = str.charAt(i) + "," + newStr;
     
135.                     } else {
     
136.                         newStr = str.charAt(i) + newStr; //逐个字符相接起来
     
137.                     }
     
138.                     count++;
     
139.                 }
     
140.                 str = newStr + (str + "00").substr((str + "00").indexOf("."), 3);
     
141.                 return str;
     
142.             }
     
143.         }else{
     
144.             value = Math.abs(value);
     
145.             str=value+"";
     
146.             // 当数字是整数
     
147.             if (str.indexOf(".") == -1) {
     
148.                 for (var i = str.length - 1; i >= 0; i--) {
     
149.                     if (count % 3 == 0 && count != 0) {
     
150.                         newStr = str.charAt(i) + "," + newStr;
     
151.                     } else {
     
152.                         newStr = str.charAt(i) + newStr;
     
153.                     }
     
154.                     count++;
     
155.                 }
     
156.                 str = newStr + ".00"; //自动补小数点后两位
     
157.                 return "-"+str;
     
158.             }
     
159.             // 当数字带有小数
     
160.             else {
     
161.                 for (var i = str.indexOf(".") - 1; i >= 0; i--) {
     
162.                     if (count % 3 == 0 && count != 0) {
     
163.                         newStr = str.charAt(i) + "," + newStr;
     
164.                     } else {
     
165.                         newStr = str.charAt(i) + newStr; //逐个字符相接起来
     
166.                     }
     
167.                     count++;
     
168.                 }
     
169.                 str = newStr + (str + "00").substr((str + "00").indexOf("."), 3);
     
170.                 return "-"+str;
     
171.             }
     
172.         }
     
173.         
     
174.     }
     
175.     return {fields:["年度","合同金额目标值","回款额目标值","目标成本目标值","管理费用目标值","财务费用目标值","销售费用目标值","合同金额实际值","回款金额实际值","目标成本实际值","动态成本实际值","动态成本偏差率","管理费用实际值","财务费用实际值","销售费用实际值","合同金额差额","回款额差额","目标成本差额","合同金额差额比率","回款差额比率","目标成本差额比率"],data:results};
     
176. }
     

复制代码

五、总结（可选）
这是报表的大概实现思路，具体的细节可以参考别的帖子。
六、关键字

统计报表，报表，数据源，图标