celsiusrecord_index.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  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="btnImport" title="导入" class="easyui-linkbutton" iconcls="icon-excel" plain="true" onclick="tbImport()">导入</a>
  22. <a href="javascript:void(0)" style="display:none" id="btnExport" title="导出" class="easyui-linkbutton" iconcls="icon-excel" plain="true" onclick="tbExport()">导出</a>
  23. <!--<a href="javascript:void(0)" id="btnColumn" class="easyui-menubutton" data-options="menu:'#btnColumnMenu',iconCls:'icon-undo'">列显示</a>-->
  24. <!--<div id="btnColumnMenu" style="width:150px;"></div>-->
  25. <a href="javascript:void(0)" id="btnReload" title="刷新" class="easyui-linkbutton" iconcls="icon-reload" plain="true" onclick="tbReload()">刷新</a>
  26. <div id="tbSearchDiv" style="display:none;padding:10px;">
  27. <form id="ff">
  28. <div>
  29. 温湿计:
  30. <input class="easyui-combobox w-input" id="THERMOMETERID" name="THERMOMETERID" data-options="required:true,prompt:'请填写THERMOMETERID...',tipPosition:'top',url:'getThermometer.ashx',method:'get',valueField:'THERMOMETERID',textField:'THERMOMETERCODE',panelHeight:'200px',editable:'true'" style="width:100px;height:32px;">
  31. <!--记录人工号ID:
  32. <input class="easyui-textbox" id="RECORDERID" name="RECORDERID" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  33. 记录时间:
  34. <input class="easyui-textbox" id="RECORDDATE" name="RECORDDATE" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">-->
  35. <!--温度:
  36. <input class="easyui-textbox" id="CELSIUS" name="CELSIUS" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
  37. 湿度:
  38. <input class="easyui-textbox" id="HUMIDITY" name="HUMIDITY" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">-->
  39. <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="$('#ff').form('clear')">清空</a>
  40. <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
  41. </div>
  42. </form>
  43. </div>
  44. </div>
  45. <!--表格-->
  46. <table id="dg" data-options="toolbar: '#tb',onDblClickRow: dgDblclickrow,showFooter:false">
  47. <!--
  48. <thead data-options="frozen:true">
  49. <tr>
  50. <th data-options="field:'标识',align:'left',sortable:true">标识</th>
  51. </tr>
  52. </thead>
  53. -->
  54. <thead>
  55. <tr>
  56. <th data-options="field:'SID',title:'SID',width:220,align:'left',checkbox:true,hidden:true">SID</th>
  57. <th data-options="field:'RECORDID',title:'温湿度记录ID',align:'left',sortable:true"></th>
  58. <th data-options="field:'THERMOMETERCODE',title:'温湿计ID',align:'left',sortable:true"></th>
  59. <th data-options="field:'RECORDERCODE',title:'记录人工号ID',align:'left',sortable:true"></th>
  60. <th data-options="field:'RECORDDATE',title:'记录时间',align:'left',sortable:true"></th>
  61. <th data-options="field:'CELSIUS',title:'温度',align:'left',sortable:true"></th>
  62. <th data-options="field:'HUMIDITY',title:'湿度',align:'left',sortable:true"></th>
  63. <th data-options="field:'REMARKS',title:'备注',align:'left',sortable:true"></th>
  64. <th data-options="field:'VALUEFLAG',title:'有效标识',align:'left',sortable:true"></th>
  65. <th data-options="field:'ACCOUNTID',title:'账套ID',align:'left',sortable:true"></th>
  66. <th data-options="field:'CREATEUSERID',title:'创建工号ID',align:'left',sortable:true"></th>
  67. <th data-options="field:'CREATETIME',title:'创建时间',align:'left',sortable:true"></th>
  68. <th data-options="field:'UPDATEUSERID',title:'更新工号ID',align:'left',sortable:true"></th>
  69. <th data-options="field:'UPDATETIME',title:'更新时间',align:'left',sortable:true"></th>
  70. </tr>
  71. </thead>
  72. </table>
  73. <script type="text/javascript">
  74. //加载完成
  75. $(function () {
  76. //加载按钮
  77. $('#tb').buttonLoad({
  78. url:'celsiusrecord.ashx?m=b'
  79. });
  80. //加载表格数据
  81. tbSearchSubmit();
  82. });
  83. //添加按钮
  84. function tbAdd() {
  85. $('#dg').datagridDialog({
  86. title: '添加数据',
  87. width: 640,
  88. height: 480,
  89. url: 'celsiusrecord_add.html'
  90. });
  91. }
  92. //修改按钮
  93. function tbEdit() {
  94. $('#dg').datagridDialog({
  95. title: '修改数据',
  96. width: 640,
  97. height: 480,
  98. url: 'celsiusrecord_edit.html',
  99. requireSelect: true
  100. });
  101. }
  102. //删除按钮
  103. function tbDelete() {
  104. $('#dg').datagridPost({
  105. title:'删除操作',
  106. url: 'celsiusrecord.ashx?m=d',
  107. onValidate: function (r) { return true; }
  108. });
  109. }
  110. //详细按钮
  111. function tbDetail() {
  112. $('#dg').datagridDialog({
  113. title: '详细数据',
  114. width: 640,
  115. height: 480,
  116. url: 'celsiusrecord_detail.html',
  117. requireSelect: true
  118. });
  119. }
  120. //复选按钮
  121. function tbCheck() {
  122. $('#dg').datagridCheckbox({
  123. buttonid: 'btnCheckbox',
  124. valuefield: 'SID'
  125. });
  126. }
  127. //搜索按钮
  128. function tbSearch() {
  129. $('#tbSearchDiv').toggle();
  130. $('#dg').datagrid('resize');
  131. }
  132. //搜索提交
  133. function tbSearchSubmit() {
  134. $('#dg').datagridLoad({
  135. title: '温湿计记录管理',
  136. idField: 'SID',
  137. queryParams: $('#ff').serializeJson(),
  138. url: 'celsiusrecord.ashx?m=s',
  139. columnMenu: '#btnColumnMenu',
  140. columnMoving: false
  141. });
  142. }
  143. //导入
  144. function tbImport() {
  145. $('#dg').datagridDialog({
  146. title: '导入数据',
  147. width: 640,
  148. height: 320,
  149. url: 'celsiusrecord_import.html'
  150. });
  151. }
  152. //导出
  153. function tbExport() {
  154. $('#dg').datagridExport({
  155. fileName: '导出数据(温湿计记录管理).xls',
  156. workSheet: '导出数据(温湿计记录管理)'
  157. });
  158. }
  159. //刷新
  160. function tbReload() {
  161. tbSearchSubmit();
  162. }
  163. //表格双击
  164. function dgDblclickrow(rowIndex, rowData) {
  165. tbDetail();
  166. }
  167. function formatterTrueFalse(value, row, index) { return value == 'True' ? '是' : '否'; }
  168. function stylerTrueFalse(value, row, index) { return value == 'True' ? 'color:black' : 'color:red'; }
  169. </script>
  170. </body>
  171. </html>