rpt_index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
  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-datebox" id="datebeginMaster" name="datebeginMaster" data-options="required:true,prompt:'',tipPosition:'top'" style="width:120px; height:32px;">
  27. 截止日期:
  28. <input class="easyui-datebox" id="dateendMaster" name="dateendMaster" data-options="required:true,prompt:'',tipPosition:'top'" style="width:120px; 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': 'YYYYMM'}, {'text': '按日统计', 'value': 'YYYYMMDD'}]" style=" width: 120px; height: 32px;">
  35. </div>
  36. <div style="padding-top:10px;">
  37. 产品编码:
  38. <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:325px;height:32px;">
  39. 成型线号:
  40. <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;">
  41. 试验:
  42. <input class="easyui-combobox" id="testMaster" name="testMaster" data-options="required:false,valueField:'value',textField:'text',editable:false,value:'-1',
  43. data:[{'text': '正常', 'value': '0'}, {'text': '试验', 'value': '1'}, {'text': '全部', 'value': '-1'}]" style=" width: 120px; height: 32px;">
  44. 试验线:
  45. <input class="easyui-combobox" id="testFlagMaster" name="testFlagMaster" data-options="required:false,valueField:'value',textField:'text',editable:false,value:'-1',
  46. data:[{'text': '普通线', 'value': '0'}, {'text': '试验线', 'value': '1'}, {'text': '全部', 'value': '-1'}]" style=" width: 120px; height: 32px;">
  47. <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="tbSearchReset()">清空</a>
  48. <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
  49. 差异标识
  50. <input class="easyui-checkbox" id="chkStar" name="chkStar" data-options="onChange:createChange" checked>
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. <!--中部-->
  57. <div data-options="region:'center',title:'',split:true" style="width:30%; height: 100%">
  58. <div id="tableTabs" class="easyui-tabs" data-options="border:false,region:'east',split:true" style="width:100%; height: 100%">
  59. <div title="生产数据统计">
  60. <table class="easyui-datagrid"
  61. id="DataGrid0"
  62. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
  63. <thead>
  64. </thead>
  65. </table>
  66. </div>
  67. <div title="差异明细表">
  68. <table class="easyui-datagrid"
  69. id="DataGrid01"
  70. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
  71. <thead>
  72. </thead>
  73. </table>
  74. </div>
  75. </div>
  76. </div>
  77. <!--表格右面-->
  78. <div data-options="region:'west',title:''" style="width:20%; height: 100%" id="cydiv">
  79. <div id="tableTabs1" class="easyui-tabs" data-options="border:false,region:'center'" style="width:100%; height: 100%">
  80. <div title="差异">
  81. <table class="easyui-datagrid"
  82. id="difference1"
  83. data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true,onDblClickRow: dgDblclickrow">
  84. <thead>
  85. </thead>
  86. </table>
  87. </div>
  88. </div>
  89. </div>
  90. <script type="text/javascript">
  91. var checke = false;
  92. function formatterUA(value, row, index) {
  93. return Math.round(value * 10000) / 100 + '%';
  94. }
  95. $(document).ready(function () {
  96. createChange();
  97. var ctime = new Date();
  98. var beginDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
  99. var endDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
  100. $("#datebeginMaster").datebox("setValue", beginDate);
  101. $("#dateendMaster").datebox("setValue", endDate);
  102. //tbSearchSubmit();
  103. });
  104. //帮助事件
  105. function tbHelp() {
  106. $('#DataGrid0').datagridDialog({
  107. title: '帮助',
  108. width: 640,
  109. height: 480,
  110. url: 'rpt_help.html'
  111. });
  112. }
  113. //主表双击事件
  114. function dgDblclickrow(index, row) {
  115. $("#tableTabs").tabs("select", 1);
  116. LoadDataGridDetail(index, row);
  117. }
  118. //加载子表数据
  119. function LoadDataGridDetail(index, row) {
  120. //加载子表1
  121. var a = row["差异量"];
  122. var shorname = a.replace(/[^\u4e00-\u9fa5]/gi, "");
  123. var WORKSHOP = 0
  124. if (index < 14)
  125. {
  126. WORKSHOP = 1
  127. }
  128. else if (index < 27)
  129. {
  130. WORKSHOP = 2
  131. }
  132. else
  133. {
  134. WORKSHOP = 3
  135. }
  136. if ($('#ffMaster').form("validate")) {
  137. $('#DataGrid01').datagridLoad({
  138. idField: '差异明细条码',
  139. queryParams: $('#ffMaster').serializeJson(),
  140. url: 'rpt.ashx?m=1&shorname=' + shorname + '&WORKSHOP=' + WORKSHOP,
  141. pageSize: 10,
  142. fixWidth: 100,
  143. mergeWidth: 80,
  144. splitChar: '_'
  145. });
  146. }
  147. }
  148. function stylerEditor(value, row, index) {
  149. return 'background-color:yellow;color:black';
  150. }
  151. //清空条件
  152. function tbSearchReset() {
  153. $('#highFlagMaster').combobox('clear');
  154. $('#goodsMaster').combobox('clear');
  155. $('#groutinglineMaster').combobox('clear');
  156. $('#testMaster').combobox('clear');
  157. $('#testFlagMaster').combobox('clear');
  158. }
  159. function createChange(checked) {
  160. if (checked == true)
  161. {
  162. checked = false
  163. }
  164. else if (checked == undefined)
  165. {
  166. checked = false
  167. }
  168. else
  169. {
  170. checked = true
  171. }
  172. $('#goodsMaster').setDateboxDisable(checked);
  173. $('#groutinglineMaster').setDateboxDisable(checked);
  174. $('#testMaster').setDateboxDisable(checked);
  175. $('#testFlagMaster').setDateboxDisable(checked);
  176. $('#totalMaster').setDateboxDisable(checked);
  177. $('#highFlagMaster').setDateboxDisable(checked);
  178. checke = checked;
  179. }
  180. //搜索提交
  181. function tbSearchSubmit() {
  182. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  183. if (index == 0) {
  184. if ($('#ffMaster').form("validate")) {
  185. $('#DataGrid' + index).datagridLoadRpt({
  186. title: '',
  187. idField: 'SID',
  188. queryParams: $('#ffMaster').serializeJson(),
  189. url: 'rpt.ashx?m=' + index + '&id=' + request('id') + '&checke=' + checke,
  190. pageSize: 10,
  191. fixWidth: 120,
  192. mergeWidth: 120,
  193. splitChar: '_',
  194. onLoadSuccess: function (data) {
  195. $('#DataGrid' + index).datagrid("autoMergeCells", ["部门"]);
  196. }
  197. });
  198. }
  199. $('#difference1').datagridLoadRpt({
  200. idField: '差异',
  201. queryParams: $('#ffMaster').serializeJson(),
  202. url: 'rpt.ashx?m=cy',
  203. pageSize: 10,
  204. fixWidth: 120,
  205. mergeWidth: 100,
  206. splitChar: '_',
  207. onLoadSuccess: function (data) {
  208. $('#difference1').datagrid("autoMergeCells", ["差异量"]);
  209. }
  210. });
  211. }
  212. if (index == 1) {
  213. $('#difference1').datagridLoadRpt({
  214. idField: '差异',
  215. queryParams: $('#ffMaster').serializeJson(),
  216. url: 'rpt.ashx?m=cy',
  217. pageSize: 10,
  218. fixWidth: 120,
  219. mergeWidth: 100,
  220. splitChar: '_',
  221. onLoadSuccess: function (data) {
  222. $('#difference1').datagrid("autoMergeCells", ["差异量"]);
  223. }
  224. });
  225. }
  226. if (index == 2) {
  227. if ($('#ffMaster').form("validate")) {
  228. $('#DataGrid' + index).datagridLoad({
  229. idField: '测试列1',
  230. url: 'rpt.ashx?m=' + index,
  231. pageSize: 10,
  232. fixWidth: 100,
  233. mergeWidth: 80,
  234. splitChar: '_'
  235. });
  236. }
  237. }
  238. }
  239. //导出
  240. function tbExport() {
  241. var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));
  242. //加载表头
  243. var fields1 = $('#DataGrid' + index).datagrid('getColumnFields');
  244. var fields2 = $('#DataGrid' + index).datagrid('getColumnFields', true);
  245. var fields = fields2.concat(fields1);
  246. var headers = [];
  247. for (var i = 0; i < fields.length; i++) {
  248. //headers.push($('#DataGridMaster').datagrid('getColumnOption', fields[i])['title']);
  249. headers.push(fields[i]);
  250. }
  251. $('#DataGrid' + index).datagridExport({
  252. headers: headers,
  253. fileName: '导出数据(年度生产数据统计表).xls',
  254. workSheet: '导出数据(年度生产数据统计表)'
  255. });
  256. //$('#DataGridMaster').datagridExport({
  257. // headers: headers,
  258. // fileName: '导出数据(表名).xls',
  259. // workSheet: '导出数据(表名)'
  260. //});
  261. //导出多sheet
  262. //$.dataGridToExcel(
  263. // ['DataGridMaster', 'DataGridDetail1', 'DataGridDetail2'],
  264. // ['表名','表名明细表1', '表名明细表2'],
  265. // "导出数据(表名).xls"
  266. //);
  267. }
  268. //搜索按钮
  269. function tbSearch() {
  270. $('#tbSearchDiv').toggle();
  271. //$('#DataGridMaster').datagrid('resize');
  272. $('#toolbarLayout').panel('resize', { height: 'auto' });
  273. $('body').layout('resize');
  274. $('#tableTabs').tabs('resize');
  275. }
  276. //刷新
  277. function tbReload() {
  278. tbSearchSubmit();
  279. }
  280. </script>
  281. </body>
  282. </html>