sjrl_zzzq.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. $(function () {
  2. //输入框快速删除初始化
  3. mui(".mui-input-row input").input();
  4. /**
  5. * 初始化滚动条
  6. * */
  7. var iscroll;
  8. iscroll = new IScroll(".zzzqIscroll",{
  9. scrollbars: true,
  10. fadeScrollbars:true,
  11. scrollbars: 'custom',
  12. shrinkScrollbars:'clip',
  13. click:true
  14. });
  15. setTimeout(function(){
  16. iscroll.refresh();
  17. }, 600);
  18. /**
  19. * 点击input以外失去焦点
  20. * */
  21. var beforeIpt=null;
  22. $("input").on("focus", function (e) {
  23. beforeIpt=this;
  24. });
  25. $(document).on("tap", function (e) {
  26. if(e.target.nodeName.toLowerCase()!="input") {
  27. if(beforeIpt) {
  28. beforeIpt.blur();
  29. beforeIpt=null;
  30. }
  31. }
  32. });
  33. /**
  34. * 开关事件
  35. * */
  36. mui('.mui-content .mui-switch').each(function() { //循环所有toggle
  37. mui(this)['switch']();
  38. //toggle 事件监听
  39. this.addEventListener('toggle', function(event) {
  40. //event.detail.isActive 可直接获取当前状态
  41. var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
  42. if(isActive){ //打开状态
  43. $(this).parent().next().slideDown(500,function(){
  44. iscroll.refresh();
  45. }).siblings('.hiddenli').stop().slideUp(500);
  46. $(".mui-switch").removeClass("mui-active").children().css({'transition-duration': '0.2s', 'transform': 'translate(0, 0px)'});
  47. $(this).toggleClass("mui-active");
  48. }else{ //关闭状态
  49. $(this).parent().next().slideUp(500,function(){
  50. iscroll.refresh();
  51. });
  52. }
  53. });
  54. });
  55. /**
  56. * 时间事件
  57. * */
  58. sjchaxun();
  59. /**
  60. * 弹出修改框
  61. * */
  62. (function($) {
  63. var confirmBtns = $("div[id*='confirmBtn']");
  64. confirmBtns.each(function(i, confirmBtns) {
  65. confirmBtns.addEventListener('tap', function() {
  66. var btnArray = ['否', '是'];
  67. mui.confirm('此信息正要进行修改?','注意!', btnArray, function(e) {
  68. if (e.index == 1) {
  69. // alert('是');
  70. } else {
  71. // alert('否');
  72. }
  73. });
  74. }, false);
  75. });
  76. })(mui);
  77. //模糊查询键盘enter键事件
  78. $("input[type='search']").on('keypress',function(e) {
  79. var keycode = e.keyCode;
  80. if(keycode=='13') {
  81. e.preventDefault();
  82. //请求搜索接口
  83. haifmp.loadMobilePage("haifmp", "hvSjlrZzzqIndex.htm?mcid=" + $("#mcid").val() + "&cxrq=" + $("#date").val() + "&cxeph=" + $("#dweb").val());
  84. }
  85. });
  86. });
  87. /**
  88. * 时间方法
  89. * */
  90. function sjchaxun(){
  91. mui.init();
  92. mui.ready(function() {
  93. //开始时间
  94. var startN = $('.nian')[0];
  95. var startnY = $('.yue')[0];
  96. var startR = $('.ri')[0];
  97. var startTbtns = $('#startT');
  98. startTbtns.each(function(i, startTbtn) {
  99. startTbtn.addEventListener('tap', function() {
  100. var optionsJson = this.getAttribute('data-options') || '{}';
  101. var options = JSON.parse(optionsJson);
  102. type = 1;
  103. dateP(type,startN,startnY,startR);
  104. }, false);
  105. });
  106. //结束时间
  107. var endN = $('.nian')[1];
  108. var endY = $('.yue')[1];
  109. var endR = $('.ri')[1];
  110. var endTbtns = $('#endT');
  111. endTbtns.each(function(i, endTbtn) {
  112. endTbtn.addEventListener('tap', function() {
  113. var optionsJson = this.getAttribute('data-options') || '{}';
  114. var options = JSON.parse(optionsJson);
  115. type = 1;
  116. dateP(type,endN,endY,endR);
  117. }, false);
  118. });
  119. });
  120. function dateP(type,nian,yue,ri) {
  121. var picker = new mui.DtPicker({
  122. type: "date",//设置日历初始视图模式
  123. beginDate: new Date(1985, 04, 1),//设置开始日期
  124. endDate: new Date(2020, 04, 31),//设置结束日期
  125. });
  126. picker.show(function(rs) {
  127. if ( type == 1 ) {
  128. nian.innerHTML = rs.y.text;
  129. yue.innerHTML = rs.m.text;
  130. ri.innerHTML = rs.d.text;
  131. picker.dispose();
  132. }
  133. });
  134. }
  135. }
  136. /**
  137. * 返回
  138. */
  139. function backUrl() {
  140. haifmp.loadMobilePage("haifm", "hvSjlrScIndex.htm?mcid=" + $("#mcid").val());
  141. }