hksearchHaifmMain.htm 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>慧牧科技</title>
  5. <style type="text/css">
  6. #menuContainer {
  7. background-color:#fff;
  8. }
  9. #menuContainer > div + div {
  10. margin-top: 10px;
  11. }
  12. #jsms > button + button {
  13. margin:15px;
  14. }
  15. #lb > button{
  16. width: 80%;
  17. margin: 10px;
  18. }
  19. #datepickers-container {
  20. z-index: 2500;
  21. }
  22. </style>
  23. <script type="text/javascript">
  24. var type;
  25. $(function(){
  26. $("#hksearchDiv").addClass("hidden");
  27. type = "$!key2";
  28. showSerachMenu();
  29. //搜索绑定
  30. $("#hkselectMenu").unbind();
  31. $("#hkselectMenu").bind("click", function() {
  32. doHkSearch();
  33. });
  34. //绑定相邻按钮禁用事件
  35. $("#jsms > button").bind("click", function() {
  36. var p_nex = $("#jsms > button").nextAll().andSelf();
  37. p_nex.removeAttr("disabled");
  38. $(this).attr("disabled","disabled");
  39. });
  40. //初始化日期
  41. $("#rq").datepicker({
  42. language: "en",
  43. maxDate: new Date("$!nowDate-1"),
  44. dateFormat: "yy/mm/dd",
  45. range: true,
  46. multipleDatesSeparator: " - ",
  47. clearButton: true,
  48. autoClose: true,
  49. navTitles: {
  50. days: '<h4>yyyy年mm月</h4>'
  51. }
  52. });
  53. $("#dbrq").datepicker({
  54. language: "en",
  55. maxDate: new Date("$!nowDate-1"),
  56. dateFormat: "yyyy-mm-dd",
  57. clearButton: true,
  58. autoClose: true,
  59. navTitles: {
  60. days: '<h4>yyyy年mm月</h4>'
  61. },
  62. onSelect: function onSelect(fd, date) {
  63. var title = fd;
  64. if (type == "sw") {
  65. $("#dbrq").val(title);
  66. selectLcid();
  67. }
  68. }
  69. });
  70. $("#rq").val("$!ksjs");
  71. //全程显示日期范围
  72. //开始先执行一次默认的
  73. doHkSearch();
  74. });
  75. /**
  76. * 条件的显示和隐藏
  77. */
  78. function showSerachMenu() {
  79. $("#jsms_qc").unbind();
  80. $("#jsms_r").unbind();
  81. $("#db").unbind();
  82. switch(type) {
  83. case "wd":
  84. case "sd":
  85. case "aq":
  86. case "ph":
  87. $("#hksearchDiv").removeClass("hidden");
  88. $("#jsms").removeClass("hidden");
  89. $("#db").removeClass("hidden");
  90. $("#jsms_qc").bind("click", function() {
  91. $("#ksjs").removeClass("hidden");
  92. $("#db").addClass("hidden");
  93. });
  94. $("#jsms_r").bind("click", function() {
  95. $("#ksjs").addClass("hidden");
  96. $("#db").removeClass("hidden");
  97. });
  98. break;
  99. case "zl":
  100. $("#hksearchDiv").removeClass("hidden");
  101. $("#ksjs").removeClass("hidden");
  102. break;
  103. case "wt":
  104. $("#hksearchDiv").removeClass("hidden");
  105. $("#db").removeClass("hidden");
  106. break;
  107. case "sw":
  108. $("#hksearchDiv").removeClass("hidden");
  109. $("#db").removeClass("hidden");
  110. $("#dbrq_border").removeClass("hidden");
  111. $("#lctxt").removeClass("hidden");
  112. case "hyzs":
  113. $("#hksearchDiv").removeClass("hidden");
  114. $("#db").removeClass("hidden");
  115. break;
  116. }
  117. }
  118. /**
  119. * 查询料槽ID
  120. */
  121. function selectLcid() {
  122. var dbrq = $("#dbrq").val();
  123. var zsid = $("#zsid").val();
  124. jQuery.getJSON("getLcidList.htm", {zsid : zsid, dbrq : dbrq}, function(data) {
  125. $("#lcid").html('');
  126. if (data != null && data != "") {
  127. $("#lcid").removeAttr("disabled");
  128. for (var o in data) {
  129. $("<option value='" + data[o].lcid + "'>" + "料槽" + data[o].lcid + "</option>").appendTo($("select[id='lcid']"));
  130. }
  131. } else {
  132. $("#lcid").attr("disabled", "disabled");
  133. $("<option value=''>无料槽数据</option>").appendTo($("select[id='lcid']"));
  134. }
  135. });
  136. }
  137. /**
  138. * 查询
  139. */
  140. function doHkSearch() {
  141. var result = "";
  142. switch(type) {
  143. case "wd":
  144. case "sd":
  145. case "aq":
  146. case "ph":
  147. var jsms = $("#jsms > button[disabled='disabled']").attr("flag");
  148. result += "&jsms=" + jsms;
  149. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  150. result += "&ksjs=" + ksjs;
  151. var dbrq = $("#dbrq").val();
  152. result += "&dbrq=" + dbrq;
  153. break;
  154. case "zl":
  155. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  156. result += "&ksjs=" + ksjs;
  157. break;
  158. case "wt":
  159. var dbrq = $("#dbrq").val();
  160. result += "&dbrq=" + dbrq;
  161. break;
  162. case "sw":
  163. var dbrq = $("#dbrq").val();
  164. result += "&dbrq=" + dbrq;
  165. var lcid = $("#lcid").val();
  166. result += "&lcid=" + lcid;
  167. break;
  168. case "hyzs":
  169. var dbrq = $("#dbrq").val();
  170. result += "&dbrq=" + dbrq;
  171. break;
  172. }
  173. haifm.loadMobilePage("hkzsmain", type + "HjkzHaifmMain.htm?zsid=" + $("#zsid").val() + result);
  174. $("#hkcloseMenu").click();
  175. return;
  176. }
  177. </script>
  178. </head>
  179. <body>
  180. <input type="hidden" id="type" name="type" value="$!key2" />
  181. <input type="hidden" id="zsid" value="$!zsid"/>
  182. <div class="container" id="menuContainer">
  183. <div class="row hidden" id="jsms">
  184. <button type="button" class="btn btn-primary" disabled="disabled" flag="1" id="jsms_r">一天</button>
  185. <button type="button" class="btn btn-primary" flag="3" id="jsms_qc">全程</button>
  186. </div>
  187. <div class="row hidden" id="ksjs">
  188. <input type="text" id="rq" class="form-control datepicker-here" readonly="readonly" value="$!ksjs"/>
  189. </div>
  190. <div style="border:1px solid #eee;" id="ksjs_border" class="hidden"></div>
  191. <div class="row hidden" id="db">
  192. 对比日期:<input type="text" id="dbrq" class="form-control datepicker-here" readonly="readonly" value="$!dateTool.format('yyyy-MM-dd',$!nowDate)"/>
  193. </div>
  194. <div style="border:1px solid #eee;" id="dbrq_border" class="hidden"></div>
  195. <div class="row hidden" id="lctxt">
  196. <select id="lcid" class="form-control">
  197. #foreach ($!obj in $!jllcsjList)
  198. <option value="$!obj.lcid">料槽$!obj.lcid</option>
  199. #end
  200. </select>
  201. </div>
  202. </div>
  203. </body>
  204. </html>