mcQtsz.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412
  1. var iscroll,jroll;
  2. $(function (){
  3. if ($("#yweb").val() == "1") {
  4. $(".iseb").show();
  5. }else {
  6. $(".iseb").remove();
  7. }
  8. var ztType = $("#type").val();
  9. //访问分布小时和间隔显示对比日期
  10. if (ztType == "fwfb") {
  11. if ($("#yweb").val() == "1") {
  12. $(".fwfbxs").show();
  13. }else {
  14. $(".fwfbxs").remove();
  15. }
  16. }
  17. $("#lb_xs").bind("click", function() {
  18. $(".dbrqhide").removeClass("hidden");
  19. });
  20. $("#lb_jg").bind("click", function() {
  21. $(".dbrqhide").addClass("hidden");
  22. });
  23. /**
  24. * 初始化搜索日期
  25. */
  26. //单日
  27. var date = new Date();
  28. var year = "";
  29. var month = "";
  30. var day = "";
  31. if ($("#dbrq").val() == "") {
  32. year = date.getFullYear()+"";
  33. month = date.getMonth()+1;
  34. day = date.getDate();
  35. } else {
  36. var datearr = new Array();
  37. datearr = $("#dbrq").val().split("-");
  38. year = datearr[0];
  39. month = datearr[1];
  40. day = datearr[2];
  41. }
  42. $("#danri .nian").html(year);
  43. $("#danri .yue").html(month);
  44. $("#danri .ri").html(day);
  45. if ($("#tjtjsrq").val() == "") {
  46. $(".toYear").html(year);
  47. $(".toMonth").html(month);
  48. $(".toDay").html(day);
  49. } else {
  50. var ksarr = new Array();
  51. ksarr = $("#tjtjsrq").val().split("-");
  52. $(".toYear").html(ksarr[0]);
  53. $(".toMonth").html(ksarr[1]);
  54. $(".toDay").html(ksarr[2]);
  55. }
  56. if ($("#tjtksrq").val() == "") {
  57. date.setDate(date.getDate()-14);
  58. var newYear = date.getFullYear()+"";
  59. var newMonth = date.getMonth()+1;
  60. var newDay = date.getDate();
  61. $(".newYear").html(newYear);
  62. $(".newMonth").html(newMonth);
  63. $(".newDay").html(newDay);
  64. } else {
  65. var ksarr = new Array();
  66. ksarr = $("#tjtksrq").val().split("-");
  67. $(".newYear").html(ksarr[0]);
  68. $(".newMonth").html(ksarr[1]);
  69. $(".newDay").html(ksarr[2]);
  70. }
  71. /**
  72. *搜索接口
  73. *
  74. */
  75. $("#search").on("tap",function(){
  76. var date = new Date();
  77. var year = date.getFullYear()+"";
  78. var month = date.getMonth()+1;
  79. var day = date.getDate();
  80. if (month.toString().length == 1) {
  81. month = "0"+(date.getMonth()+1);
  82. };
  83. if (day.toString().length == 1) {
  84. day = "0"+(date.getDate());
  85. };
  86. var todayInt = parseInt(year+month+day);
  87. var ksy = "";
  88. var ksm = "";
  89. var ksd = "";
  90. var jsy= "";
  91. var jsm = "";
  92. var jsd= "";
  93. var dbrq = "";
  94. var jsms = $(".checklabel").data("for");
  95. var yweb = "";
  96. if ($("#yweb").val() == 1) {
  97. yweb = $(".ffcolor").data("for");
  98. }
  99. if (jsms == "1") {
  100. ksy = $("#danri .nian").html()+"";
  101. ksm = $("#danri .yue").html();
  102. ksd = $("#danri .ri").html();
  103. jsy = $("#jieshu .toYear").html();
  104. jsm = $("#jieshu .toMonth").html();
  105. jsd = $("#jieshu .toDay").html();
  106. dbrq = ksy+"-"+ksm+"-"+ksd;
  107. }else if (jsms == "3") {
  108. ksy = $("#kaishi .newYear").html()+"";
  109. ksm = $("#kaishi .newMonth").html();
  110. ksd = $("#kaishi .newDay").html();
  111. jsy = $("#jieshu .toYear").html();
  112. jsm = $("#jieshu .toMonth").html();
  113. jsd = $("#jieshu .toDay").html();
  114. }
  115. var ksInt = parseInt(ksy + ksm + ksd);
  116. if (ksInt > todayInt) {
  117. mui.alert('开始日期不能超过当前日期', '提示', function() {});
  118. return;
  119. }
  120. var jsInt = parseInt(jsy+jsm+jsd);
  121. if (jsInt > todayInt) {
  122. mui.alert('结束日期不能超过当前日期', '提示', function() {});
  123. return;
  124. }
  125. if (ksInt > jsInt) {
  126. mui.alert('开始时间不能大于结束时间', '提示', function() {});
  127. return;
  128. }
  129. var kssj = ksy + "-" + ksm + "-" + ksd;
  130. var jssj = jsy + "-" + jsm + "-" + jsd;
  131. var ksms = "";
  132. if (jsms == "1") {
  133. ksjs = ksy.substring(2,4) + "/" + ksm + "/" + ksd;
  134. }else if (jsms == "3") {
  135. ksjs = ksy.substring(2,4) + "/" + ksm + "/" + ksd+"-"+jsy.substring(2,4) + "/" + jsm + "/" + jsd;
  136. }
  137. $("#tjtksrq").val(kssj);
  138. $("#tjtjsrq").val(jssj);
  139. $("#dbrq").val(dbrq);
  140. $("#jsms").val(jsms);
  141. var rt = "&ksjs="+ksjs + "&jsms="+jsms +"&yweb="+ yweb
  142. +"&dbrq="+dbrq + "&tjtksrq=" + kssj + "&tjtjsrq=" + jssj + "&lqid="+$("#lqid").val();
  143. if (ztType == "fwfb") {
  144. rt += "&lb=" + $(".fwfb .ffcolor").attr("data-for");
  145. }
  146. haifm.loadMobilePage("zsmain", ztType + "HaifmvMain.htm?zsid=" + $("#zsid").val() + rt);
  147. });
  148. if (ztType == "tzfb") {//体重分布ajax
  149. $("#iscrollQtszX ul").find("#tzfb").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  150. if ($("#lqid").val() > 0) {
  151. var data = {
  152. "lqid" : $("#lqid").val(),
  153. "yweb" : $("#flag").val(),
  154. "dbrq" : $("#dbrq").val()
  155. };
  156. jqAjax("getHaifmvTzfbTjt.htm",data,iscroll,ztType);
  157. }
  158. }
  159. if (ztType == "pjtz") {//平均体重
  160. $("#iscrollQtszX ul").find("#pjtz").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  161. if ($("#lqid").val() > 0) {
  162. var data = {
  163. "lqid" : $("#lqid").val(),
  164. "yweb" : $("#flag").val(),
  165. "tjtksrq" : $("#tjtksrq").val(),
  166. "tjtjsrq" : $("#tjtjsrq").val()
  167. };
  168. jqAjax("getHaifmvPjtzTjt.htm",data,iscroll,ztType);
  169. }
  170. }
  171. if (ztType == "rjzz") {//日均增重
  172. $("#iscrollQtszX ul").find("#rjzz").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  173. if ($("#lqid").val() > 0) {
  174. var data = {
  175. "lqid" : $("#lqid").val(),
  176. "tjtksrq" : $("#tjtksrq").val(),
  177. "tjtjsrq" : $("#tjtjsrq").val(),
  178. "yweb" : $("#flag").val()
  179. };
  180. jqAjax("getHaifmvRjzzTjt.htm",data,iscroll,ztType);
  181. }
  182. }
  183. if (ztType == "zzfb") {//增重分布
  184. $("#iscrollQtszX ul").find("#zzfb").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  185. if ($("#lqid").val() > 0) {
  186. var data = {
  187. "lqid" : $("#lqid").val(),
  188. "dbrq" : $("#dbrq").val()
  189. };
  190. jqAjax("getHaifmvZzfbTjt.htm",data,iscroll,ztType);
  191. }
  192. }
  193. if (ztType == "rjfw") {//日均访问
  194. $("#iscrollQtszX ul").find("#rjfw").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  195. if ($("#lqid").val() > 0) {
  196. var data = {
  197. "lqid" : $("#lqid").val(),
  198. "yweb" : $("#flag").val(),
  199. "tjtksrq" : $("#tjtksrq").val(),
  200. "tjtjsrq" : $("#tjtjsrq").val(),
  201. };
  202. jqAjax("getHaifmvRjfwTjt.htm",data,iscroll,ztType);
  203. }
  204. }
  205. if (ztType == "fwfb") {//访问分布
  206. $("#iscrollQtszX ul").find("#fwfb").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
  207. if ($("#lqid").val() > 0) {
  208. var data = {
  209. "lqid" : $("#lqid").val(),
  210. "dbrq" : $("#dbrq").val(),
  211. "lb" : $("#lb").val()
  212. };
  213. jqAjax("getHaifmvFwfbTjt.htm",data,iscroll,ztType);
  214. }
  215. }
  216. /**
  217. * 初始化滚动条
  218. * */
  219. iscroll = new IScroll(".snhjIscroll",{
  220. scrollbars: true,
  221. fadeScrollbars:true,
  222. scrollbars: 'custom',
  223. shrinkScrollbars:'clip',
  224. click:true
  225. });
  226. jroll = new JRoll('#iscrollQtszX',{
  227. id: "dome2",
  228. scrollX: true,
  229. scrollY: false,
  230. });
  231. //设置二级菜单横向滚动的宽度
  232. var deviceW = $("body").width();
  233. var iscrollXwid = $(".iscrollQtszX li").outerWidth()*$(".iscrollQtszX li").length;
  234. if (iscrollXwid >= deviceW) {
  235. $(".iscrollQtszX ul").css("width","auto");
  236. } else {
  237. $(".iscrollQtszX ul").css("width","100%");
  238. }
  239. refresh();
  240. /**
  241. * 体重分布 切换
  242. * */
  243. $(".suosou a.mui-tab-item").on("tap",function(){
  244. var type = $(this).data("for");
  245. if (type != "" && type != "undefind") {
  246. haifm.loadMobilePage("chartDiv", "searchHaifmvMain.htm?key2=" + type + "&zsid=" + $("#zsid").val() + "&yweb=" + $("#yweb").val());
  247. }
  248. //判断有无滚动条位置cookie值
  249. setTimeout(function(){
  250. var posX = getCookie("iscrollQtszX");
  251. var posMx = getCookie("iscrollQtszMx");
  252. if(posMx/2 >= posX){
  253. jroll.scrollTo(posMx, 0);
  254. setTimeout(function(){
  255. delCookie("iscrollQtszX");
  256. delCookie("iscrollQtszMx");
  257. }, 250);
  258. }
  259. }, 250);
  260. refresh();
  261. });
  262. jroll.on("scrollEnd",function(){
  263. //点击定位
  264. var thisx = parseInt(this.x);
  265. var thisMx = parseInt(this.maxScrollX);
  266. $(".iscrollQtszX li").on("tap",function(){
  267. setCookie("iscrollQtszX",thisx);
  268. setCookie("iscrollQtszMx",thisMx);
  269. });
  270. });
  271. /**
  272. * 有无耳标 切换
  273. * */
  274. $(".ff span").on("tap",function(){
  275. $(this).addClass("ffcolor").siblings().removeClass("ffcolor");
  276. refresh();
  277. });
  278. /**
  279. * 单日时间 阶段时间
  280. * */
  281. shijian();
  282. /**
  283. * 点击input以外失去焦点
  284. * */
  285. var beforeIpt=null;
  286. $("input").on("focus", function (e) {
  287. beforeIpt=this;
  288. });
  289. $(document).on("tap", function (e) {
  290. if(e.target.nodeName.toLowerCase()!="input") {
  291. if(beforeIpt) {
  292. beforeIpt.blur();
  293. beforeIpt=null;
  294. }
  295. }
  296. });
  297. });
  298. /**
  299. * 单日时间 阶段时间
  300. * */
  301. function shijian(){
  302. /**
  303. * 单日 阶段切换
  304. * */
  305. $(".mui-radio").on('tap', function(){
  306. $(this).children("label").addClass("checklabel").parent().parent().siblings().children().find("label").removeClass("checklabel");
  307. $(this).siblings().find("span").addClass("checklabel").parent().parent().siblings().children().find("span").removeClass("checklabel");
  308. switch ($(".mui-radio").index(this)){
  309. case 0 :
  310. $(this).next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
  311. $(this).next().next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
  312. break;
  313. case 1 :
  314. $(this).next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
  315. $(this).next().next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
  316. break;
  317. }
  318. refresh();
  319. });
  320. mui.init();
  321. mui.ready(function() {
  322. //单日时间
  323. var danri = $('#danri');
  324. var nianTex = $('.nian')[0];
  325. var yueTex = $('.yue')[0];
  326. var riTex = $('.ri')[0];
  327. danri.each(function(i, danri) {
  328. danri.addEventListener('tap', function() {
  329. var time = nianTex.innerHTML + "-" +yueTex.innerHTML + "-" + riTex.innerHTML;
  330. dateP(nianTex,yueTex,riTex,time);
  331. }, false);
  332. });
  333. //阶段 开始时间
  334. var kaishi = $('#kaishi');
  335. var knianTex = $('.nian')[0];
  336. var kyueTex = $('.yue')[0];
  337. var kriTex = $('.ri')[0];
  338. kaishi.each(function(i, kaishi) {
  339. kaishi.addEventListener('tap', function() {
  340. var time = knianTex.innerHTML + "-" +kyueTex.innerHTML + "-" + kriTex.innerHTML;
  341. dateP(knianTex,kyueTex,kriTex,time);
  342. },false);
  343. });
  344. //阶段 结束时间
  345. var jieshu = $('#jieshu');
  346. var jnianTex = $('.nian')[1];
  347. var jyueTex = $('.yue')[1];
  348. var jriTex = $('.ri')[1];
  349. jieshu.each(function(i, jieshu) {
  350. jieshu.addEventListener('tap', function() {
  351. var time = jnianTex.innerHTML + "-" +jyueTex.innerHTML + "-" + jriTex.innerHTML;
  352. dateP(jnianTex,jyueTex,jriTex,time);
  353. }, false);
  354. });
  355. });
  356. }
  357. function dateP(nian,yue,ri,time) {
  358. var picker = new mui.DtPicker({
  359. type: "date",//设置日历初始视图模式
  360. value: time
  361. });
  362. picker.show(function(rs) {
  363. nian.innerHTML = rs.y.text;
  364. yue.innerHTML = rs.m.text;
  365. ri.innerHTML = rs.d.text;
  366. picker.dispose();
  367. });
  368. }
  369. //请求图表
  370. function jqAjax(url,data,iscroll,ztType){
  371. jQuery.ajax({
  372. type : "get",
  373. url : url,
  374. data : data,
  375. dataType : "json",
  376. async : true,
  377. success : function(data) {
  378. if (data) {
  379. if (ztType == "rjzz" || ztType == "pjtz" ) {
  380. getHighchartTjt(data);
  381. }else {
  382. getHighchartTjt2(data);
  383. }
  384. }
  385. setTimeout(function(){
  386. var posX = getCookie("iscrollQtszX");
  387. var posMx = getCookie("iscrollQtszMx");
  388. if(posMx/2 >= posX){
  389. jroll.scrollTo(posMx, 0);
  390. setTimeout(function(){
  391. delCookie("iscrollQtszX");
  392. delCookie("iscrollQtszMx");
  393. }, 250);
  394. }
  395. }, 250);
  396. refresh();
  397. }
  398. });
  399. }
  400. function refresh(){
  401. setTimeout(function(){
  402. iscroll.refresh();
  403. jroll.refresh();
  404. }, 100);
  405. }