rpt_index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  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-combobox" id="procedureidMaster" name="procedureidMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getProcedure&select=1',method:'get',valueField:'PROCEDUREID',textField:'PROCEDURENAME',panelHeight:'300px',editable:'true',multiple:true" style="width:200px;height:32px;">
  27. 产品类别
  28. <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;">
  29. 产品编码
  30. <input class="easyui-combobox" id="goodsidMaster" name="goodsidMaster" 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:200px;height:32px;">
  31. 成型线号
  32. <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: 120px; height: 32px;">
  33. 产品商标:
  34. <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;">
  35. <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="$('#ffMaster').form('clear')">清空</a>
  36. <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
  37. </div>
  38. </form>
  39. </div>
  40. </div>
  41. </div>
  42. <!--中部-->
  43. <div id="tableLayout" data-options="border:false,region:'center',split:true,title:'',iconCls:'icon-grid'" title="East" style="width:700px;">
  44. <div id="tableTabs" class="easyui-tabs" data-options="border:false" style="width: 100%; height: 100%">
  45. <!--表格-->
  46. <div title="在产产品汇总表">
  47. <table class="easyui-datagrid"
  48. id="DataGrid0"
  49. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true,onDblClickRow: dgDblclickrow">
  50. <thead data-options="frozen:true">
  51. <tr>
  52. <th data-options="field:'序号',title:'序号',align:'left',sortable:false"></th>
  53. <th data-options="field:'工序编号',title:'工序编号',align:'left',sortable:false,hidden:true"></th>
  54. <th data-options="field:'工序名称',title:'工序名称',align:'left',sortable:false"></th>
  55. <th data-options="field:'合计',title:'合计',align:'left',sortable:false"></th>
  56. </tr>
  57. </thead>
  58. </table>
  59. </div>
  60. <div title="在产产品明细表">
  61. <table class="easyui-datagrid"
  62. id="DataGrid1"
  63. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
  64. <thead>
  65. </thead>
  66. </table>
  67. </div>
  68. </div>
  69. </div>
  70. <script type="text/javascript">
  71. function formatterUA(value, row, index) {
  72. return Math.round(value*10000) / 100 + '%';
  73. }
  74. $(document).ready(function () {
  75. var ctime = new Date();
  76. var beginDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
  77. var endDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
  78. $("#datebeginMaster").datebox("setValue", beginDate);
  79. $("#dateendMaster").datebox("setValue", endDate);
  80. //tbSearchSubmit();
  81. });
  82. //主表双击事件
  83. function dgDblclickrow(index, row) {
  84. $("#tableTabs").tabs("select", 1);
  85. LoadDataGridDetail(index, row);
  86. }
  87. //加载子表数据
  88. function LoadDataGridDetail(index, row) {
  89. //加载子表1
  90. //var id = $('#DataGridMaster').datagrid('getSelections')[0]['SID'];
  91. var id = row['工序编号'];
  92. $('#DataGrid1').datagridLoad({
  93. idField: '工序编号',
  94. url: 'rpt.ashx?m=1&id=' + id + '&goodstypecodeMaster=' + $('#goodstypecodeMaster').combotree('getValue') + '&goodsidMaster=' + $("#goodsidMaster").combobox('getValues'),
  95. pageSize: 10,
  96. fixWidth: 160,
  97. mergeWidth: 100,
  98. splitChar: '_'
  99. });
  100. }
  101. //搜索提交
  102. function tbSearchSubmit() {
  103. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  104. if (index == 0) {
  105. if ($('#ffMaster').form("validate")) {
  106. $('#DataGrid' + index).datagridLoadRpt({
  107. title: '',
  108. idField: 'SID',
  109. queryParams: $('#ffMaster').serializeJson(),
  110. url: 'rpt.ashx?m=' + index + '&id=' + request('id'),
  111. pageSize: 10,
  112. fixWidth: 100,
  113. mergeWidth: 120,
  114. splitChar: '$'
  115. });
  116. }
  117. }
  118. if (index == 1) {
  119. if ($('#ffMaster').form("validate")) {
  120. $('#DataGrid' + index).datagridLoad({
  121. idField: 'SID',
  122. url: 'rpt.ashx?m=' + index,
  123. pageSize: 10,
  124. fixWidth: 80,
  125. mergeWidth: 120,
  126. splitChar: '_'
  127. });
  128. }
  129. }
  130. }
  131. //导出
  132. function tbExport() {
  133. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  134. if (index == 0) {
  135. //加载表头
  136. var fields1 = $('#DataGrid' + index).datagrid('getColumnFields');
  137. var fields2 = $('#DataGrid' + index).datagrid('getColumnFields', true);
  138. var fields = fields2.concat(fields1);
  139. var headers = [];
  140. for (var i = 0; i < fields.length; i++) {
  141. //headers.push($('#DataGridMaster').datagrid('getColumnOption', fields[i])['title']);
  142. headers.push(fields[i]);
  143. }
  144. $('#DataGrid' + index).datagridExport({
  145. headers: headers,
  146. fileName: '导出数据(在产产品汇总表).xls',
  147. workSheet: '导出数据(在产产品汇总表)'
  148. });
  149. }
  150. if (index == 1) {
  151. //加载表头
  152. var fields1 = $('#DataGrid' + index).datagrid('getColumnFields');
  153. var fields2 = $('#DataGrid' + index).datagrid('getColumnFields', true);
  154. var fields = fields2.concat(fields1);
  155. var headers = [];
  156. for (var i = 0; i < fields.length; i++) {
  157. //headers.push($('#DataGridMaster').datagrid('getColumnOption', fields[i])['title']);
  158. headers.push(fields[i]);
  159. }
  160. $('#DataGrid' + index).datagridExport({
  161. headers: headers,
  162. fileName: '导出数据(在产产品明细表).xls',
  163. workSheet: '导出数据(在产产品明细表)'
  164. });
  165. }
  166. //$('#DataGridMaster').datagridExport({
  167. // headers: headers,
  168. // fileName: '导出数据(表名).xls',
  169. // workSheet: '导出数据(表名)'
  170. //});
  171. //导出多sheet
  172. //$.dataGridToExcel(
  173. // ['DataGridMaster', 'DataGridDetail1', 'DataGridDetail2'],
  174. // ['表名','表名明细表1', '表名明细表2'],
  175. // "导出数据(表名).xls"
  176. //);
  177. }
  178. //搜索按钮
  179. function tbSearch() {
  180. $('#tbSearchDiv').toggle();
  181. //$('#DataGridMaster').datagrid('resize');
  182. $('#toolbarLayout').panel('resize', { height: 'auto' });
  183. $('body').layout('resize');
  184. $('#tableTabs').tabs('resize');
  185. }
  186. //刷新
  187. function tbReload() {
  188. tbSearchSubmit();
  189. }
  190. //帮助事件
  191. function tbHelp() {
  192. $('#DataGrid0').datagridDialog({
  193. title: '帮助',
  194. width: 640,
  195. height: 480,
  196. url: 'rpt_help.html'
  197. });
  198. }
  199. </script>
  200. </body>
  201. </html>