whhCl.js 9.9 KB

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