searchHaifmvMain.htm 8.4 KB

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