rpt_index.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="keywords" content="dongke,mes,ibossmes">
  6. <meta name="description" content="制造企业生产过程执行管理系统">
  7. <meta name="author" content="xuwei">
  8. <title>东科软件</title>
  9. <script src="/plugins/xeasyui/xeasyui.min.js"></script>
  10. <link href="/plugins/xeasyui/toolbar.min.css" rel="stylesheet" />
  11. </head>
  12. <body class="easyui-layout">
  13. <!--上部工具条-->
  14. <div id="toolbarLayout" data-options="border:false,region:'north',title:'',iconCls:'icon-grid'">
  15. <div class="i-toolbar">
  16. <a href="javascript:void(0)" id="btnSearch" title="搜索" class="easyui-linkbutton" iconcls="icon-search" plain="true" toggle="true" onclick="tbSearch()">搜索</a>
  17. <a href="javascript:void(0)" id="btnExport" title="导出" class="easyui-linkbutton" iconcls="icon-excel" plain="true" onclick="tbExport()">导出</a>
  18. <!--<a href="javascript:void(0)" id="btnColumn" class="easyui-menubutton" data-options="menu:'#btnColumnMenu',iconCls:'icon-undo'">列显示</a>-->
  19. <!--<div id="btnColumnMenu" style="width:150px;" ></div>-->
  20. <a href="javascript:void(0)" id="btnReload" title="刷新" class="easyui-linkbutton" iconcls="icon-reload" plain="true" onclick="tbReload()">刷新</a>
  21. <a href="javascript:void(0)" id="btnHelp" title="帮助" class="easyui-linkbutton" iconcls="icon-help" plain="true" onclick="tbHelp()">帮助</a>
  22. <div id="tbSearchDiv" style="display:block;padding:10px;">
  23. <form id="ffMaster">
  24. <div>
  25. 开始日期:
  26. <input class="easyui-datetimebox" id="datebeginMaster" name="datebeginMaster" data-options="required:true,prompt:'',tipPosition:'top'" style="width:165px; height:32px;">
  27. 截止日期:
  28. <input class="easyui-datetimebox" id="dateendMaster" name="dateendMaster" data-options="required:true,prompt:'',tipPosition:'top'" style="width:165px; height:32px;">
  29. 高压标识:
  30. <input class="easyui-combobox" id="highFlagMaster" name="highFlagMaster" data-options="required:false,valueField:'value',textField:'text',
  31. data:[{'text': '普通', 'value': '0'}, {'text': '高压', 'value': '1'}]" style=" width: 120px; height: 32px;">
  32. 统计方式:
  33. <input class="easyui-combobox" id="totalMaster" name="totalMaster" data-options="required:true,value:'YYYYMMDD',valueField:'value',textField:'text',
  34. data:[{'text': '按日统计', 'value': 'YYYYMMDD'},{'text': '按月统计', 'value': 'YYYYMM'}, {'text': '按年统计', 'value': 'YYYY'}]" style=" width: 120px; height: 32px;">
  35. 产品类别:
  36. <input class="easyui-combotree" id="goodstypecodeMaster" name="goodstypecodeMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getGoodsType',method:'get',panelHeight:'200px',editable:true" style="width:180px;height:32px;">
  37. </div>
  38. <div style="padding-top:10px;">
  39. 产品编码:
  40. <input class="easyui-combobox" id="goodsMaster" name="goodsMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getGoods&select=1',method:'get',valueField:'GOODSID',textField:'GOODSCODE',panelHeight:'300px',editable:true,multiple:true" style="width:165px;height:32px;">
  41. 产品商标:
  42. <input class="easyui-combobox" id="LOGONAME" name="LOGONAME" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getLogoByGoods&select=1',method:'get',valueField:'ID',textField:'TEXT',panelHeight:'300px'" style="width:165px;height:32px;">
  43. 成型线号:
  44. <input class="easyui-combobox" id="groutinglineMaster" name="groutinglineMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getLine&select=1',method:'get',valueField:'GROUTINGLINEID',textField:'GROUTINGLINECODE',panelHeight:'300px',editable:true,multiple:true" style="width: 322px; height: 32px;">
  45. 生产工序:
  46. <input class="easyui-combobox" id="procedureidMaster" name="procedureidMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getProcedureRR&select=1',method:'get',valueField:'PROCEDUREID',textField:'PROCEDURENAME',panelHeight:'300px',editable:'true',multiple:true" style="width:200px;height:32px;">
  47. 车间号:
  48. <input class="easyui-combobox" id="workshopcodeMaster" name="workshopcodeMaster" data-options="required:false,prompt:'',tipPosition:'top',data:[{'value':'','text':'全部'},{'value':'一车间','text':'一车间'},{'value':'二车间','text':'二车间'},{'value':'三车间','text':'三车间'}],method:'get',valueField:'value',textField:'text',panelHeight:'300px',editable:'true'" style="width:120px;height:32px;">
  49. <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="tbSearchReset()">清空</a>
  50. <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. <!--中部-->
  57. <div id="tableLayout" data-options="border:false,region:'center',split:true,title:'',iconCls:'icon-grid'" title="East" style="width:700px;">
  58. <div id="tableTabs" class="easyui-tabs" data-options="border:false" style="width: 100%; height: 100%">
  59. <!--表格-->
  60. <div title="生产车间产量报表">
  61. <table class="easyui-datagrid"
  62. id="DataGrid0"
  63. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true,onDblClickRow: dgDblclickrow">
  64. <thead>
  65. </thead>
  66. </table>
  67. </div>
  68. <!--<div title="表名明细表1">
  69. <table class="easyui-datagrid"
  70. id="DataGrid1"
  71. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
  72. <thead>
  73. </thead>
  74. </table>
  75. </div>-->
  76. <!--<div title="表名明细表2">
  77. <table class="easyui-datagrid"
  78. id="DataGrid2"
  79. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
  80. <thead>
  81. </thead>
  82. </table>
  83. </div>-->
  84. </div>
  85. </div>
  86. <script type="text/javascript">
  87. function formatterUA(value, row, index) {
  88. return Math.round(value*10000) / 100 + '%';
  89. }
  90. $(document).ready(function () {
  91. var ctime = new Date();
  92. var beginDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate() +" 7:00:00";
  93. var endDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + (ctime.getDate() + 1) + " 7:00:00";
  94. $("#datebeginMaster").datetimebox("setValue", beginDate);
  95. $("#dateendMaster").datetimebox("setValue", endDate);
  96. //tbSearchSubmit();
  97. });
  98. //帮助事件
  99. function tbHelp() {
  100. $('#DataGrid0').datagridDialog({
  101. title: '帮助',
  102. width: 640,
  103. height: 480,
  104. url: 'rpt_help.html'
  105. });
  106. }
  107. //主表双击事件
  108. function dgDblclickrow(index, row) {
  109. //$("#tableTabs").tabs("select", 1);
  110. //LoadDataGridDetail(index, row);
  111. }
  112. //加载子表数据
  113. function LoadDataGridDetail(index, row) {
  114. //加载子表1
  115. //var id = $('#DataGridMaster').datagrid('getSelections')[0]['SID'];
  116. var id = row['测试列1'];
  117. $('#DataGrid1').datagridLoadRpt({
  118. idField: '测试列1',
  119. url: 'rpt.ashx?m=1&id=' + id,
  120. pageSize: 10,
  121. fixWidth: 120,
  122. mergeWidth: 100,
  123. splitChar: '_',
  124. columnMoving: true
  125. });
  126. //加载子表2
  127. $('#DataGrid2').datagridLoadRpt({
  128. idField: '测试列1',
  129. url: 'rpt.ashx?m=2&id=' + id,
  130. pageSize: 10,
  131. fixWidth: 120,
  132. mergeWidth: 100,
  133. splitChar: '_',
  134. columnMoving: true
  135. });
  136. }
  137. //清空条件
  138. function tbSearchReset() {
  139. $('#highFlagMaster').combobox('clear');
  140. $('#goodsMaster').combobox( 'clear');
  141. $('#groutinglineMaster').combobox('clear');
  142. $('#LOGONAME').combobox('clear');
  143. }
  144. //搜索提交
  145. function tbSearchSubmit() {
  146. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  147. console.log(index,'index')
  148. if (index == 0) {
  149. if ($('#ffMaster').form("validate")) {
  150. $('#DataGrid' + index).datagridLoadRpt({
  151. title: '',
  152. idField: 'SID',
  153. queryParams: $('#ffMaster').serializeJson(),
  154. url: 'rpt.ashx?m=' + index + '&id=' + request('id'),
  155. pageSize: 10,
  156. fixWidth: 120,
  157. mergeWidth: 120,
  158. splitChar: '_',
  159. onLoadSuccess: function (data) {
  160. $('#DataGrid' + index).datagrid("autoMergeCells",["部门"]);
  161. }
  162. });
  163. }
  164. }
  165. if (index == 1) {
  166. if ($('#ffMaster').form("validate")) {
  167. $('#DataGrid' + index).datagridLoad({
  168. idField: '测试列1',
  169. url: 'rpt.ashx?m=' + index ,
  170. pageSize: 10,
  171. fixWidth: 100,
  172. mergeWidth: 80,
  173. splitChar: '_'
  174. });
  175. }
  176. }
  177. if (index == 2) {
  178. if ($('#ffMaster').form("validate")) {
  179. $('#DataGrid' + index).datagridLoad({
  180. idField: '测试列1',
  181. url: 'rpt.ashx?m=' + index,
  182. pageSize: 10,
  183. fixWidth: 100,
  184. mergeWidth: 80,
  185. splitChar: '_'
  186. });
  187. }
  188. }
  189. }
  190. //导出
  191. function tbExport() {
  192. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  193. //加载表头
  194. var fields1 = $('#DataGrid' + index).datagrid('getColumnFields');
  195. var fields2 = $('#DataGrid' + index).datagrid('getColumnFields', true);
  196. var fields = fields2.concat(fields1);
  197. var headers = [];
  198. for (var i = 0; i < fields.length; i++) {
  199. //headers.push($('#DataGridMaster').datagrid('getColumnOption', fields[i])['title']);
  200. headers.push(fields[i]);
  201. }
  202. $('#DataGrid' + index).datagridExport({
  203. headers: headers,
  204. fileName: '导出数据(年度生产数据统计表).xls',
  205. workSheet: '导出数据(年度生产数据统计表)'
  206. });
  207. //$('#DataGridMaster').datagridExport({
  208. // headers: headers,
  209. // fileName: '导出数据(表名).xls',
  210. // workSheet: '导出数据(表名)'
  211. //});
  212. //导出多sheet
  213. //$.dataGridToExcel(
  214. // ['DataGridMaster', 'DataGridDetail1', 'DataGridDetail2'],
  215. // ['表名','表名明细表1', '表名明细表2'],
  216. // "导出数据(表名).xls"
  217. //);
  218. }
  219. //搜索按钮
  220. function tbSearch() {
  221. $('#tbSearchDiv').toggle();
  222. //$('#DataGridMaster').datagrid('resize');
  223. $('#toolbarLayout').panel('resize', { height: 'auto' });
  224. $('body').layout('resize');
  225. $('#tableTabs').tabs('resize');
  226. }
  227. //刷新
  228. function tbReload() {
  229. tbSearchSubmit();
  230. }
  231. </script>
  232. </body>
  233. </html>