smartdevicepoint_index.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  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>
  13. <!--工具条-->
  14. <div id="tb" class="i-toolbar">
  15. <a href="javascript:void(0)" style="display:none" id="btnInsert" title="添加" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="tbAdd()">添加</a>
  16. <a href="javascript:void(0)" style="display:none" id="btnUpdate" title="编辑" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="tbEdit()">修改</a>
  17. <a href="javascript:void(0)" style="display:none" id="btnDelete" title="删除" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="tbDelete()">删除</a>
  18. <a href="javascript:void(0)" style="display:none" id="btnDetail" title="详细" class="easyui-linkbutton" iconcls="icon-detail" plain="true" onclick="tbDetail()">详细</a>
  19. <a href="javascript:void(0)" style="display:none" id="btnCheckbox" title="显示复选框" class="easyui-linkbutton" iconcls="icon-ok" plain="true" toggle="true" onclick="tbCheck()">复选</a>
  20. <a href="javascript:void(0)" style="display:none" id="btnSearch" title="搜索" class="easyui-linkbutton" iconcls="icon-search" plain="true" toggle="true" onclick="tbSearch()">搜索</a>
  21. <a href="javascript:void(0)" style="display:none" id="btnExport" title="导出" class="easyui-linkbutton" iconcls="icon-excel" plain="true" onclick="tbExport()">导出</a>
  22. <!--<a href="javascript:void(0)" id="btnColumn" class="easyui-menubutton" data-options="menu:'#btnColumnMenu',iconCls:'icon-undo'">列显示</a>
  23. <div id="btnColumnMenu" style="width:150px;"></div>-->
  24. <a href="javascript:void(0)" id="btnReload" title="刷新" class="easyui-linkbutton" iconcls="icon-reload" plain="true" onclick="tbReload()">刷新</a>
  25. <div id="tbSearchDiv" style="display:none;padding:10px;">
  26. <form id="ff">
  27. <div>
  28. 对接点代码:
  29. <input class="easyui-textbox" id="POINTCODE" name="POINTCODE" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  30. 对接点名称:
  31. <input class="easyui-textbox" id="POINTNAME" name="POINTNAME" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  32. 备注:
  33. <input class="easyui-textbox" id="REMARKS" name="REMARKS" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  34. 显示顺序:
  35. <input class="easyui-textbox" id="DISPLAYNO" name="DISPLAYNO" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  36. 工序ID:
  37. <input class="easyui-textbox" id="PROCEDUREID" name="PROCEDUREID" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  38. 用户ID:
  39. <input class="easyui-textbox" id="USERID" name="USERID" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  40. 道口号:
  41. <input class="easyui-textbox" id="ROADNO" name="ROADNO" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  42. <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="$('#ff').form('clear')">清空</a>
  43. <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
  44. </div>
  45. </form>
  46. </div>
  47. </div>
  48. <!--表格-->
  49. <table id="dg" data-options="toolbar: '#tb',onDblClickRow: dgDblclickrow,showFooter:false">
  50. <!--
  51. <thead data-options="frozen:true">
  52. <tr>
  53. <th data-options="field:'标识',align:'left',sortable:true">标识</th>
  54. </tr>
  55. </thead>
  56. -->
  57. <thead>
  58. <tr>
  59. <th data-options="field:'SID',title:'SID',width:220,align:'left',checkbox:true,hidden:true">SID</th>
  60. <!--<th data-options="field:'GUID',title:'唯一标识',align:'left',sortable:true"></th>-->
  61. <th data-options="field:'POINTCODE',title:'对接点代码',align:'left',sortable:true"></th>
  62. <th data-options="field:'POINTNAME',title:'对接点名称',align:'left',sortable:true"></th>
  63. <th data-options="field:'REMARKS',title:'备注',align:'left',sortable:true"></th>
  64. <th data-options="field:'DISPLAYNO',title:'显示顺序',align:'left',sortable:true"></th>
  65. <th data-options="field:'PROCEDUREID',title:'工序ID',align:'left',sortable:true"></th>
  66. <th data-options="field:'USERID',title:'用户ID',align:'left',sortable:true"></th>
  67. <th data-options="field:'ROADNO',title:'道口号',align:'left',sortable:true"></th>
  68. </tr>
  69. </thead>
  70. </table>
  71. <script type="text/javascript">
  72. //加载完成
  73. $(function () {
  74. //加载按钮
  75. $('#tb').buttonLoad({
  76. url:'smartdevicepoint.ashx?m=b'
  77. });
  78. //加载表格数据
  79. tbSearchSubmit()
  80. });
  81. //添加按钮
  82. function tbAdd() {
  83. $('#dg').datagridDialog({
  84. title: '添加数据',
  85. width: 640,
  86. height: 480,
  87. url: 'smartdevicepoint_add.html'
  88. });
  89. }
  90. //修改按钮
  91. function tbEdit() {
  92. $('#dg').datagridDialog({
  93. title: '修改数据',
  94. width: 640,
  95. height: 480,
  96. url: 'smartdevicepoint_edit.html',
  97. requireSelect: true
  98. });
  99. }
  100. //删除按钮
  101. function tbDelete() {
  102. $('#dg').datagridPost({
  103. title:'删除操作',
  104. url: 'smartdevicepoint.ashx?m=d',
  105. onValidate: function (r) { return true; }
  106. });
  107. }
  108. //详细按钮
  109. function tbDetail() {
  110. $('#dg').datagridDialog({
  111. title: '详细数据',
  112. width: 640,
  113. height: 480,
  114. url: 'smartdevicepoint_detail.html',
  115. requireSelect: true
  116. });
  117. }
  118. //复选按钮
  119. function tbCheck() {
  120. $('#dg').datagridCheckbox({
  121. buttonid: 'btnCheckbox',
  122. valuefield: 'SID'
  123. });
  124. }
  125. //搜索按钮
  126. function tbSearch() {
  127. $('#tbSearchDiv').toggle();
  128. $('#dg').datagrid('resize');
  129. }
  130. //搜索提交
  131. function tbSearchSubmit() {
  132. $('#dg').datagridLoad({
  133. title: '设置对接工序点',
  134. idField: 'SID',
  135. queryParams: $('#ff').serializeJson(),
  136. url: 'smartdevicepoint.ashx?m=s',
  137. columnMenu: '#btnColumnMenu',
  138. columnMoving: false
  139. });
  140. }
  141. //导出
  142. function tbExport() {
  143. //加载表头
  144. var fields = $('#dg').datagrid('getColumnFields');
  145. var headers = [];
  146. for (var i = 0; i < fields.length; i++) {
  147. headers.push($('#dg').datagrid('getColumnOption', fields[i])['title']);
  148. //headers.push(fields[i]);
  149. }
  150. $('#dg').datagridExport({
  151. headers: headers,
  152. fileName: '导出数据(设置对接工序点).xls',
  153. workSheet: '导出数据(设置对接工序点)'
  154. });
  155. }
  156. //刷新
  157. function tbReload() {
  158. tbSearchSubmit();
  159. }
  160. //表格双击
  161. function dgDblclickrow(rowIndex, rowData) {
  162. tbDetail();
  163. }
  164. function formatterTrueFalse(value, row, index) { return value == 'True' ? '是' : '否'; }
  165. function stylerTrueFalse(value, row, index) { return value == 'True' ? 'color:black' : 'color:red'; }
  166. </script>
  167. </body>
  168. </html>