searchHaifmMain.htm 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  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: 0;
  11. }
  12. #jsms > button + button {
  13. margin:15px;
  14. }
  15. #yweb1 > button:not(:last-child) {
  16. width: 40%;
  17. margin: 5px;
  18. }
  19. #yweb1 > button:last-child {
  20. width: 80%;
  21. margin: 10px;
  22. }
  23. #lb > button{
  24. width: 80%;
  25. margin: 10px;
  26. }
  27. #datepickers-container {
  28. z-index: 2500;
  29. }
  30. </style>
  31. <script type="text/javascript">
  32. var type;
  33. $(function(){
  34. $("#searchDiv").addClass("hidden");
  35. type = "$!key2";
  36. showSerachMenu();
  37. //搜索绑定
  38. $("#selectMenu").unbind();
  39. $("#selectMenu").bind("click", function() {
  40. doSearch();
  41. });
  42. //绑定相邻按钮禁用事件
  43. $("#jsms > button").bind("click", function() {
  44. var p_nex = $("#jsms > button").nextAll().andSelf();
  45. p_nex.removeAttr("disabled");
  46. $(this).attr("disabled","disabled");
  47. });
  48. if ($("#yweb1")) {
  49. $("#yweb1 > button").bind("click", function() {
  50. var p_nex = $("#yweb1 > button").nextAll().andSelf();
  51. p_nex.removeAttr("disabled");
  52. $(this).attr("disabled","disabled");
  53. });
  54. }
  55. if ($("#yweb1")) {
  56. $("#lb > button").bind("click", function() {
  57. var p_nex = $("#lb > button").nextAll().andSelf();
  58. p_nex.removeAttr("disabled");
  59. $(this).attr("disabled","disabled");
  60. });
  61. }
  62. //初始化日期
  63. $("#rq").datepicker({
  64. language: "en",
  65. maxDate: new Date("$!nowDate-1"),
  66. dateFormat: "yy/mm/dd",
  67. range: true,
  68. multipleDatesSeparator: " - ",
  69. clearButton: true,
  70. autoClose: true
  71. });
  72. $("#dbrq").datepicker({
  73. language: "en",
  74. maxDate: new Date("$!nowDate-1"),
  75. dateFormat: "yyyy-mm-dd",
  76. clearButton: true,
  77. autoClose: true
  78. });
  79. $("#rq").val("$!ksjs");
  80. //全程显示日期范围
  81. //开始先执行一次默认的
  82. doSearch();
  83. });
  84. /**
  85. * 条件的显示和隐藏
  86. */
  87. function showSerachMenu() {
  88. $("#jsms_qc").unbind();
  89. $("#jsms_r").unbind();
  90. $("#lb_xs").unbind();
  91. $("#lb_jg").unbind();
  92. switch(type) {
  93. case "lrb":
  94. $("#searchDiv").removeClass("hidden");
  95. $("#jsms").removeClass("hidden");
  96. $("#ksjs").removeClass("hidden");
  97. $("#jsms_qc").bind("click", function() {
  98. $("#ksjs").removeClass("hidden");
  99. });
  100. $("#jsms_r").bind("click", function() {
  101. $("#ksjs").removeClass("hidden");
  102. });
  103. $("#ksjs_border").removeClass("hidden");
  104. if ($("#yweb1")) {
  105. $("#yweb1").removeClass("hidden");
  106. }
  107. break;
  108. case "tzfb":
  109. $("#searchDiv").removeClass("hidden");
  110. if ($("#yweb1")) {
  111. $("#yweb1").removeClass("hidden");
  112. }
  113. $("#yweb_border").removeClass("hidden");
  114. $("#db").removeClass("hidden");
  115. break;
  116. case "pjtz":
  117. $("#searchDiv").removeClass("hidden");
  118. if ($("#yweb1")) {
  119. $("#yweb1").removeClass("hidden");
  120. }
  121. $("#yweb_border").removeClass("hidden");
  122. $("#ksjs").removeClass("hidden");
  123. break;
  124. case "rjzz":
  125. $("#searchDiv").removeClass("hidden");
  126. if ($("#yweb1")) {
  127. $("#yweb1").removeClass("hidden");
  128. }
  129. $("#yweb_border").removeClass("hidden");
  130. $("#ksjs").removeClass("hidden");
  131. break;
  132. case "zzfb":
  133. $("#searchDiv").removeClass("hidden");
  134. $("#db").removeClass("hidden");
  135. break;
  136. case "rjfw":
  137. $("#searchDiv").removeClass("hidden");
  138. if ($("#yweb1")) {
  139. $("#yweb1").removeClass("hidden");
  140. }
  141. $("#yweb_border").removeClass("hidden");
  142. $("#ksjs").removeClass("hidden");
  143. break;
  144. case "fwfb":
  145. $("#searchDiv").removeClass("hidden");
  146. $("#yweb_border").removeClass("hidden");
  147. $("#db").removeClass("hidden");
  148. if ($("#yweb1")) {
  149. $("#lb").removeClass("hidden");
  150. $("#lb_xs").bind("click", function() {
  151. $("#db").removeClass("hidden");
  152. });
  153. $("#lb_jg").bind("click", function() {
  154. $("#db").addClass("hidden");
  155. });
  156. }
  157. break;
  158. case "mtxh":
  159. $("#searchDiv").removeClass("hidden");
  160. $("#db").removeClass("hidden");
  161. break;
  162. case "qcxh":
  163. $("#searchDiv").removeClass("hidden");
  164. $("#ksjs").removeClass("hidden");
  165. break;
  166. case "snwd":
  167. case "snsd":
  168. case "snaq":
  169. case "snph":
  170. $("#searchDiv").removeClass("hidden");
  171. $("#jsms").removeClass("hidden");
  172. $("#db").removeClass("hidden");
  173. $("#jsms_qc").bind("click", function() {
  174. $("#ksjs").removeClass("hidden");
  175. $("#db").addClass("hidden");
  176. });
  177. $("#jsms_r").bind("click", function() {
  178. $("#ksjs").addClass("hidden");
  179. $("#db").removeClass("hidden");
  180. });
  181. break;
  182. }
  183. }
  184. /**
  185. * 查询
  186. */
  187. function doSearch() {
  188. var result = "";
  189. switch(type) {
  190. case "lrb":
  191. var jsms = $("#jsms > button[disabled='disabled']").attr("flag");
  192. result += "&jsms=" + jsms;
  193. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  194. result += "&ksjs=" + ksjs;
  195. /* if ($("#yweb2").val() == "1") {
  196. var yweb = $("#yweb1 > button[disabled='disabled']").attr("flag"); */
  197. var yweb = "2";
  198. result += "&yweb=" + yweb;
  199. break;
  200. case "tzfb":
  201. /*if ($("#yweb2").val() == "1") {
  202. var yweb = $("#yweb1 > button[disabled='disabled']").attr("flag"); */
  203. var yweb = "2";
  204. result += "&yweb=" + yweb;
  205. var dbrq = $("#dbrq").val();
  206. result += "&dbrq=" + dbrq;
  207. break;
  208. case "pjtz":
  209. /*if ($("#yweb2").val() == "1") {
  210. var yweb = $("#yweb1 > button[disabled='disabled']").attr("flag"); */
  211. var yweb = "2";
  212. result += "&yweb=" + yweb;
  213. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  214. result += "&ksjs=" + ksjs;
  215. break;
  216. case "rjzz":
  217. /*if ($("#yweb2").val() == "1") {
  218. var yweb = $("#yweb1 > button[disabled='disabled']").attr("flag"); */
  219. var yweb = "2";
  220. result += "&yweb=" + yweb;
  221. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  222. result += "&ksjs=" + ksjs;
  223. break;
  224. case "zzfb":
  225. var dbrq = $("#dbrq").val();
  226. result += "&dbrq=" + dbrq;
  227. break;
  228. case "rjfw":
  229. /*if ($("#yweb2").val() == "1") {
  230. var yweb = $("#yweb1 > button[disabled='disabled']").attr("flag"); */
  231. var yweb = "2";
  232. result += "&yweb=" + yweb;
  233. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  234. result += "&ksjs=" + ksjs;
  235. break;
  236. case "fwfb":
  237. if ($("#yweb2").val() == "1") {
  238. var lb = $("#lb > button[disabled='disabled']").attr("flag");
  239. result += "&lb=" + lb;
  240. }
  241. var dbrq = $("#dbrq").val();
  242. result += "&dbrq=" + dbrq;
  243. break;
  244. case "mtxh":
  245. var dbrq = $("#dbrq").val();
  246. result += "&dbrq=" + dbrq;
  247. break;
  248. case "qcxh":
  249. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  250. result += "&ksjs=" + ksjs;
  251. break;
  252. case "snwd":
  253. case "snsd":
  254. case "snaq":
  255. case "snph":
  256. var jsms = $("#jsms > button[disabled='disabled']").attr("flag");
  257. result += "&jsms=" + jsms;
  258. var ksjs = $("#rq").val().replace(" ","").replace(" ","");
  259. result += "&ksjs=" + ksjs;
  260. var dbrq = $("#dbrq").val();
  261. result += "&dbrq=" + dbrq;
  262. break;
  263. }
  264. haifm.loadMobilePage("zsmain", type + "HaifmMain.htm?zsid=" + $("#zsid").val() + result);
  265. $("#closeMenu").click();
  266. return;
  267. }
  268. </script>
  269. </head>
  270. <body>
  271. <input type="hidden" id="type" name="type" value="$!key2" />
  272. <input type="hidden" id="zsid" value="$!zsid"/>
  273. <input type="hidden" id="yweb2" value="$!yweb"/>
  274. <div class="container" id="menuContainer">
  275. <div class="row hidden" id="jsms">
  276. <button type="button" class="btn btn-primary" disabled="disabled" flag="1" id="jsms_r">一天</button>
  277. <button type="button" class="btn btn-primary" flag="3" id="jsms_qc">全程</button>
  278. </div>
  279. <div class="row hidden" id="ksjs">
  280. <input type="text" id="rq" class="form-control datepicker-here" readonly="readonly" value="$!ksjs"/>
  281. </div>
  282. <div style="border:1px solid #eee;" id="ksjs_border" class="hidden"></div>
  283. #if("$!yweb" == "1")
  284. <div class="row" id="yweb1">
  285. <button type="button" class="btn btn-primary" flag="1">有耳标</button>
  286. <button type="button" class="btn btn-primary" flag="0">无耳标</button>
  287. <button type="button" class="btn btn-primary" disabled="disabled" flag="2">兼容模式</button>
  288. </div>
  289. <div style="border:1px solid #eee;" id="yweb_border" class="hidden"></div>
  290. <div class="row hidden" id="lb">
  291. <button type="button" class="btn btn-primary" disabled="disabled" flag="1" id="lb_xs">小时采食次数</button>
  292. <button type="button" class="btn btn-primary" flag="2" id="lb_jg">访问间隔分布</button>
  293. </div>
  294. <div style="border:1px solid #eee;" id="lb_border" class="hidden"></div>
  295. #end
  296. <div class="row hidden" id="db">
  297. 对比日期:<input type="text" id="dbrq" class="form-control datepicker-here" readonly="readonly" value="$!dateTool.format('yyyy-MM-dd',$!nowDate)"/>
  298. </div>
  299. </div>
  300. </body>
  301. </html>