whhMain.js 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. var checked = false;
  2. $(function () {
  3. var zsIscrollHeight = $(".fmjlIscroll");
  4. var cententHeight = $(".fmjlIscroll div:first-child");
  5. heightvs(zsIscrollHeight,cententHeight);
  6. //初始化page
  7. if(localStorage.hasOwnProperty("stIndex")) {
  8. $("#page").val(localStorage.getItem("stIndex"));
  9. }
  10. //输入框快速删除初始化
  11. mui(".mui-input-row input").input();
  12. //时间初始化
  13. var date = new Date();
  14. var year = date.getFullYear()+"";
  15. var month = date.getMonth()+1;
  16. var day = date.getDate();
  17. date.setDate(date.getDate()-7);
  18. var lYear = date.getFullYear()+"";
  19. var lMonth = date.getMonth()+1;
  20. var lwDay = date.getDate();
  21. if ($("#startT").data("for") == "") {
  22. $("#startT .nian").html(lYear);
  23. $("#startT .yue").html(lMonth);
  24. $("#startT .ri").html(lwDay);
  25. } else {
  26. var ksrq = $("#startT").data("for");
  27. var ksrqArr = ksrq.split("-");
  28. $("#startT .nian").html(ksrqArr[0]);
  29. $("#startT .yue").html(ksrqArr[1]);
  30. $("#startT .ri").html(ksrqArr[2]);
  31. }
  32. if ($("#endT").data("for") == "") {
  33. $("#endT .nian").html(year);
  34. $("#endT .yue").html(month);
  35. $("#endT .ri").html(day);
  36. } else {
  37. var jsrq = $("#endT").data("for");
  38. var jsrqArr = jsrq.split("-");
  39. $("#endT .nian").html(jsrqArr[0]);
  40. $("#endT .yue").html(jsrqArr[1]);
  41. $("#endT .ri").html(jsrqArr[2]);
  42. }
  43. /**
  44. * 初始化滚动条
  45. * */
  46. var iscroll;
  47. iscroll = new IScroll(".fmjlIscroll",{
  48. scrollbars: true,
  49. fadeScrollbars:true,
  50. scrollbars: 'custom',
  51. shrinkScrollbars:'clip',
  52. probeType: 2,
  53. click:true
  54. });
  55. setTimeout(function(){
  56. iscroll.refresh();
  57. }, 600);
  58. /**
  59. * 点击input获取焦点
  60. * */
  61. $(".mui-input-row.mui-search,.mui-input-row .mui-input-clear~.mui-icon-clear:before").on("touchstart", function (e) {
  62. $("input[type='search']").focus();
  63. });
  64. /**
  65. * 滚动input以外失去焦点
  66. * */
  67. iscroll.on('scrollStart',function(e){
  68. var el = document.activeElement;
  69. if (el.nodeName.toLowerCase() == 'input') {
  70. el.blur();
  71. this.disable();
  72. this.enable();
  73. };
  74. return;
  75. });
  76. /**
  77. * 点击input以外失去焦点
  78. * */
  79. var beforeIpt=null;
  80. $("input").on("focus", function (e) {
  81. beforeIpt=this;
  82. });
  83. $(document).on("tap", function (e) {
  84. if(e.target.nodeName.toLowerCase()!="input") {
  85. if(beforeIpt) {
  86. beforeIpt.blur();
  87. beforeIpt=null;
  88. }
  89. }
  90. });
  91. /**
  92. * 时间事件
  93. * */
  94. sjchaxun();
  95. /* *
  96. * 下拉刷新上拉加载数据
  97. * */
  98. var pullUp = $("#pullUp"),
  99. pullUpLabel = $(".pullUpLabel"),
  100. loadingStep = 0;//加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新
  101. //滚动时触发
  102. iscroll.on("scroll",function(){
  103. if(loadingStep == 0 && !pullUp.attr("class").match('refresh')){
  104. if(this.y < (this.maxScrollY - 14)){//上拉加载更多
  105. pullUp.addClass("refresh").show();
  106. pullUp.css({"background":"","background-size":""});
  107. pullUpLabel.text("松手开始加载...");
  108. loadingStep = 1;
  109. iscroll.refresh();
  110. }
  111. }
  112. });
  113. //滚动结束触发
  114. iscroll.on("scrollEnd",function(){
  115. if(loadingStep == 1){
  116. if( pullUp.attr("class").match("refresh") ){//上拉加载操作
  117. pullUp.removeClass("refresh").addClass("loading");
  118. pullUpLabel.text("");
  119. pullUp.css({"background":"#D7DFEA url(views/haifmv/img/pullUp.gif) no-repeat center","background-size":"12%"});
  120. loadingStep = 2;
  121. pullUpAction();
  122. iscroll.refresh();
  123. }
  124. }
  125. //滑动定位
  126. var thisy = parseInt(this.y);
  127. localStorage.setItem("stIndexY",thisy);
  128. });
  129. /**
  130. * 上拉加载方法
  131. * */
  132. function pullUpAction(){
  133. var kssj = $("#startT .nian").html()+"-" + $("#startT .yue").html()+"-" + $("#startT .ri").html();
  134. var jssj = $("#endT .nian").html()+"-" + $("#endT .yue").html()+"-" + $("#endT .ri").html();
  135. var page = parseInt($("#page").val())+1;
  136. var maxPages = $("#maxPages").val();
  137. if (page <= maxPages) {
  138. jQuery.ajax({
  139. type : "get",
  140. url : "AddWhhStsj.htm",
  141. data : {
  142. "mcid" : $("#mcid").val(),
  143. "glh": $("#glh").val(),
  144. "ksrq" : kssj,
  145. "jsrq" : jssj,
  146. "page" : page
  147. },
  148. dataType : "json",
  149. async : true,
  150. success : function(data) {
  151. var hc = localStorage.getItem("stIndex");
  152. setTimeout(function() {
  153. var something = "";
  154. for (var i = 0 ; i < data.length; i++) {
  155. var obj = data[i];
  156. something += "<div class='rowBox container-fluid' data-id="+obj.id+">"
  157. +"<div class='left'>"
  158. +"<input type='checkbox' value="+obj.dweb+" name='sProblem'>"
  159. +"</div>"
  160. +"<div class='right'>"
  161. +"<div class='row'>"
  162. +"<div class='col-xs-7 col-sm-7 col-md-7 discenter'>管理号:<span>"+obj.dweb+"</span></div>"
  163. +"<div class='col-xs-5 col-sm-5 col-md-5 discenter'></div>"
  164. +"</div>"
  165. +"<div class='row'>"
  166. +"<div class='col-xs-5 col-sm-5 col-md-5 discenter'>死淘原因:<span>"+obj.styy+"</span></div>"
  167. +"<div class='col-xs-5 col-sm-5 col-md-5 discenter'>死淘时间:<span>"+obj.stsjStr+"</span></div>"
  168. +"</div>"
  169. +"</div>"
  170. +"</div>";
  171. }
  172. $(".fmjlIscroll ul.mui-table-view").append($(something));
  173. pullUp.attr("class","");
  174. pullUpLabel.text("上拉加载更多");
  175. pullUp.css({"background":""});
  176. iscroll.refresh();
  177. loadingStep = 0;
  178. localStorage.setItem("stIndex",hc + something);
  179. },1000);
  180. $("#page").val(page);
  181. localStorage.setItem("stIndexPage",page);
  182. }
  183. });
  184. }else {
  185. pullUp.css({"background":"","background-size":""});
  186. pullUpLabel.text("没有数据了");
  187. iscroll.refresh();
  188. }
  189. }
  190. //加载缓存中的内容
  191. if (localStorage.hasOwnProperty("stIndex")) {
  192. var sth = localStorage.getItem("stIndex");
  193. $(".fmjlIscroll ul").append(sth.substring(4,sth.length));
  194. }
  195. if (localStorage.hasOwnProperty("stIndexY")) {
  196. var tall = localStorage.getItem("stIndexY");
  197. iscroll.scrollTo(0,tall,1000, IScroll.utils.ease.elastic);
  198. iscroll.refresh();
  199. }
  200. //模糊查询键盘enter键事件
  201. $("input[type='search']").on('keypress',function(e) {
  202. var keycode = e.keyCode;
  203. if(keycode=='13') {
  204. e.preventDefault();
  205. //请求搜索接口
  206. clear();
  207. haifm.loadMobilePage("haifm", "whhMain.htm?mcid=" + $("#mcid").val() + "&glh=" + $("#glh").val());
  208. }
  209. });
  210. });
  211. /**
  212. * 时间方法
  213. * */
  214. function sjchaxun(){
  215. mui.init();
  216. mui.ready(function() {
  217. //开始时间
  218. var startN = $('.nian')[0];
  219. var startnY = $('.yue')[0];
  220. var startR = $('.ri')[0];
  221. var startTbtns = $('#startT');
  222. startTbtns.each(function(i, startTbtn) {
  223. startTbtn.addEventListener('tap', function() {
  224. var dataFor = this.getAttribute('data-for');
  225. var that = this;
  226. dateP(startN,startnY,startR,dataFor,that);
  227. }, { passive: false });
  228. });
  229. //结束时间
  230. var endN = $('.nian')[1];
  231. var endY = $('.yue')[1];
  232. var endR = $('.ri')[1];
  233. var endTbtns = $('#endT');
  234. endTbtns.each(function(i, endTbtn) {
  235. endTbtn.addEventListener('tap', function() {
  236. var dataFor = this.getAttribute('data-for');
  237. var that = this;
  238. dateP(endN,endY,endR,dataFor,that);
  239. }, { passive: false });
  240. });
  241. });
  242. function dateP(nian,yue,ri,dataFor,that) {
  243. var picker = new mui.DtPicker({
  244. type: "date",//设置日历初始视图模式
  245. value: dataFor
  246. });
  247. picker.show(function(rs) {
  248. nian.innerHTML = rs.y.text;
  249. yue.innerHTML = rs.m.text;
  250. ri.innerHTML = rs.d.text;
  251. that.setAttribute('data-for',rs.value);
  252. picker.dispose();
  253. });
  254. }
  255. }
  256. /**
  257. *时间搜索
  258. */
  259. function timeSearch() {
  260. var ksrq = $("#startT .nian").html() + "-" + $("#startT .yue").html() + "-" + $("#startT .ri").html();
  261. var jsrq = $("#endT .nian").html() + "-" + $("#endT .yue").html() + "-" + $("#endT .ri").html();
  262. haifm.loadMobilePage("haifm", "whhMain.htm?mcid=" + $("#mcid").val() + "&glh=" + $("#glh").val() + "&kssj="+ksrq + "&jssj="+jsrq);
  263. clear();
  264. }
  265. //滑动高度和内容高度对比
  266. function heightvs(zsIscrollHeight,cententHeight){
  267. if(zsIscrollHeight.height() > cententHeight.height()){
  268. $("#pullUp").hide();
  269. }else{
  270. $("#pullUp").show();
  271. }
  272. }
  273. function clear() {
  274. if (localStorage.hasOwnProperty("stIndex")) {
  275. localStorage.removeItem("stIndex");
  276. }
  277. if (localStorage.hasOwnProperty("stIndexY")) {
  278. localStorage.removeItem("stIndexY");
  279. }
  280. if (localStorage.hasOwnProperty("stIndexPage")) {
  281. localStorage.removeItem("stIndexPage");
  282. }
  283. }
  284. function backUrl() {
  285. clear();
  286. haifm.loadMobilePage("haifm", "whhMain.htm");
  287. }
  288. function submit(){
  289. var glid = "";
  290. $("input[type='checkbox']").each(function() {
  291. if ( this.checked == true){
  292. var str = $(this).val();
  293. glid+= str+",";
  294. }
  295. });
  296. glid = glid.substring(0, glid.length-1);
  297. if (glid == "") {
  298. mui.alert("请先选择死淘数据");
  299. return;
  300. }
  301. haifm.loadMobilePage("haifm", "whhSubmit.htm?glid="+glid);
  302. }
  303. //全选与取消全选
  304. function Check() {
  305. if (checked == false) {
  306. $("input[type='checkbox']").each(function() {
  307. this.checked = true;
  308. });
  309. $("#allCheck").html("取消全选");
  310. checked = true;
  311. }else {
  312. $("input[type='checkbox']").each(function() {
  313. this.checked = false;
  314. });
  315. $("#allCheck").html("全选");
  316. checked = false;
  317. }
  318. }