searchPzep.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. $(function () {
  2. var zsIscrollHeight = $(".pzlistIscroll");
  3. var cententHeight = $(".pzlistIscroll div:first-child");
  4. heightvs(zsIscrollHeight,cententHeight);
  5. //输入框快速删除初始化
  6. mui(".mui-input-row input").input();
  7. /**
  8. * 初始化滚动条
  9. * */
  10. var iscroll;
  11. iscroll = new IScroll(".pzlistIscroll",{
  12. scrollbars: true,
  13. fadeScrollbars:true,
  14. scrollbars: 'custom',
  15. shrinkScrollbars:'clip',
  16. probeType: 2,
  17. click:true,
  18. });
  19. setTimeout(function(){
  20. iscroll.refresh();
  21. }, 600);
  22. /**
  23. * 下拉刷新上拉加载数据
  24. **/
  25. var pullUp = $("#pullUp"),
  26. pullUpLabel = $(".pullUpLabel"),
  27. loadingStep = 0;//加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新
  28. //滚动时触发
  29. iscroll.on("scroll",function(){
  30. if(loadingStep == 0 && !pullUp.attr("class").match('refresh')){
  31. if(this.y < (this.maxScrollY - 14)){//上拉加载更多
  32. pullUp.addClass("refresh").show();
  33. pullUp.css({"background":"","background-size":""});
  34. pullUpLabel.text("松手开始加载...");
  35. loadingStep = 1;
  36. iscroll.refresh();
  37. }
  38. }
  39. });
  40. //滚动结束触发
  41. iscroll.on("scrollEnd",function(){
  42. if(loadingStep == 1){
  43. if( pullUp.attr("class").match("refresh") ){//上拉加载操作
  44. pullUp.removeClass("refresh").addClass("loading");
  45. pullUpLabel.text("");
  46. pullUp.css({"background":"#D7DFEA url(views/haifmv/img/pullUp.gif) no-repeat center","background-size":"12%"});
  47. loadingStep = 2;
  48. pullUpAction();
  49. iscroll.refresh();
  50. }
  51. }
  52. });
  53. /**
  54. * 上拉加载方法
  55. * */
  56. function pullUpAction(){
  57. var page = parseInt($("#page").val())+1;
  58. var maxPages = $("#maxPages").val();
  59. if (page <= maxPages) {
  60. jQuery.ajax({
  61. type : "get",
  62. url : "addSjlrPzjlSrarch.htm",
  63. data : {
  64. "mcid" : $("#mcid").val(),
  65. "cxeph": $("#dweb").val(),
  66. "date" : $("#date").val(),
  67. "type" : $("#type").val(),
  68. "pzsj" : $("#pzsj").val(),
  69. "page" : page
  70. },
  71. dataType : "json",
  72. async : true,
  73. success : function(data) {
  74. setTimeout(function() {
  75. for (var i = 0 ; i < data.length; i++) {
  76. var obj = data[i];
  77. oDiv = $("<div class='rowflex' data-ep="+obj.eph+" class='chooseDweb' data-for="+obj.dweb+" data-day="+obj.spts+">"
  78. + "<div class='column flex-end' style='width: 17%; justify-content: inherit !important;'>"
  79. + "<span class='xzxb'><div><div></div></div></span>"
  80. + "</div>"
  81. + "<div class='column flex-start' style='width: 83%;'>"
  82. + "<ul class='mui-table-view column xxul'>"
  83. + "<li class='mui-table-view-cell'>"
  84. + "<p style='padding: 0;box-shadow: none;' id ='eph'>"+obj.eph+"</p>"
  85. + "</li>"
  86. + "<li class='mui-table-view-cell align-itemscenter' style='padding: 0;width: 100%;'>"
  87. + "<div class='column'>"
  88. + "<div class='align-itemscenter tbbox'>"
  89. + "<span class='pl'></span>"
  90. + "<span style='padding-right:0.05rem ;'>品类</span>"
  91. + "</div>"
  92. + "<span class='text'>"+obj.pzStr+"</span>"
  93. + "</div>"
  94. + "<div class='column'>"
  95. + "<div class='align-itemscenter tbbox'>"
  96. +"<span class='dqzt'></span>"
  97. + "<span style='padding-right:0.05rem ;'>当前状态</span>"
  98. + "</div>"
  99. + "<span class='text'>"+obj.dqztStr+"</span>"
  100. + "</div>"
  101. + "<div class='column'>"
  102. + "<div class='align-itemscenter tbbox'>"
  103. + "<span class='spts'></span>"
  104. + "<span style='padding-right:0.05rem ;'>失配天数</span>"
  105. + "</div>"
  106. + "<span class='text'>"+obj.spts +"天</span>"
  107. + "</div>"
  108. + "</li>"
  109. + "</ul>"
  110. + "</div>"
  111. + "</div>"
  112. + "<span class='xian'></span>");
  113. $(".addList").append(oDiv);
  114. pullUp.attr("class","");
  115. pullUpLabel.text("上拉加载更多");
  116. pullUp.css({"background":""});
  117. iscroll.refresh();
  118. loadingStep = 0;
  119. }
  120. },1000);
  121. $("#page").val(page);
  122. }
  123. });
  124. }else {
  125. pullUp.css({"background":"","background-size":""});
  126. pullUpLabel.text("没有数据了");
  127. iscroll.refresh();
  128. }
  129. }
  130. $("#dweb").bind("blur", function() {
  131. haifm.loadMobilePage("haifm", "getPzjlSearchDweb.htm?mcid=" + $("#mcid").val() + "&cxeph=" + $("#dweb").val() + temp());
  132. });
  133. /**
  134. * 点击input获取焦点
  135. * */
  136. $(".mui-input-row.mui-search,.mui-input-row .mui-input-clear~.mui-icon-clear:before").on("touchstart", function (e) {
  137. $("input[type='search']").focus();
  138. });
  139. /**
  140. * 点击input以外失去焦点
  141. * */
  142. var beforeIpt=null;
  143. $("input").on("focus", function (e) {
  144. beforeIpt=this;
  145. });
  146. $(document).on("tap", function (e) {
  147. if(e.target.nodeName.toLowerCase()!="input") {
  148. if(beforeIpt) {
  149. beforeIpt.blur();
  150. beforeIpt=null;
  151. }
  152. }
  153. });
  154. /**
  155. * 添加遮罩层并选中耳标
  156. * */
  157. $(".pzlistIscroll").on("tap",".rowflex",function(){
  158. var that = $(this);
  159. $(this).children().find(".xzxb>div").addClass("xzxboverlay").parent().parent().parent().siblings().children().find(".xzxb>div").removeClass("xzxboverlay");
  160. var dataEp = this.getAttribute("data-ep");
  161. var btnArray = ['否', '是'];
  162. mui.confirm('是否选择'+ dataEp + "的耳牌编号",'提示', btnArray, function(e) {
  163. if (e.index == 1) {
  164. haifm.loadMobilePage("haifm", "hvSjlrPzAdd.htm?mcid=" + $("#mcid").val() + "&dweb=" + that.data("for") + "&mzfqjg=" + that.data("day") + temp() + "&eph=" + dataEp);
  165. } else {
  166. that.children().find(".xzxb>div").removeClass("xzxboverlay");
  167. }
  168. });
  169. });
  170. //模糊查询键盘enter键事件
  171. $("input[type='search']").on('keypress',function(e) {
  172. var keycode = e.keyCode;
  173. if(keycode=='13') {
  174. e.preventDefault();
  175. //请求搜索接口
  176. haifm.loadMobilePage("haifm", "getHaifmvPzjlSearchDweb.htm?mcid=" + $("#mcid").val() + "&cxeph=" + $("#dweb").val() + temp());
  177. }
  178. });
  179. });
  180. /**
  181. * 返回
  182. */
  183. function backUrl() {
  184. haifm.loadMobilePage("haifm", "hvSjlrPzAdd.htm?mcid=" + $("#mcid").val() + temp());
  185. }
  186. var temp = function() {
  187. var temp = "";
  188. temp += "&type=" + $("#type").val();
  189. temp += "&pzsj=" + $("#pzsj").val();
  190. temp += "&mzeb=" + $("#mzeb").val();
  191. temp += "&pzls=" + $("#pzls").val();
  192. temp += "&zrls=" + $("#zrls").val();
  193. /* temp += "&pztc=" + $("#pztc").val();*/
  194. temp += "&pzsm=" + $("#pzsm").val();
  195. temp += "&fqjg=" + $("#fqjg").val();
  196. temp += "&ypgzeb=" + $("#ypgzeb").val();
  197. temp += "&yppf=" + $("#yppf").val();
  198. temp += "&id=" + $("#id").val();
  199. temp += "&bb=" + $("#bb").val();
  200. temp += "&npgz=" + $("#npgz").val();
  201. temp += "&mzep=" + $("#mzep").val();
  202. temp += "&ypep=" + $("#ypep").val();
  203. /*temp += "&epep=" + $("#epep").val();
  204. temp += "&spep=" + $("#spep").val();
  205. temp += "&epgzeb=" + $("#epgzeb").val();
  206. temp += "&eppf=" + $("#eppf").val();
  207. temp += "&spgzeb=" + $("#spgzeb").val();
  208. temp += "&sppf=" + $("#sppf").val();*/
  209. return temp;
  210. };
  211. //滑动高度和内容高度对比
  212. function heightvs(zsIscrollHeight,cententHeight){
  213. if(zsIscrollHeight.height() > cententHeight.height()){
  214. $("#pullUp").hide();
  215. }else{
  216. $("#pullUp").show();
  217. }
  218. }