| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 |
- $(function () {
- //输入框快速删除初始化
- mui(".mui-input-row input").input();
- /**
- * 初始化滚动条
- * */
- var iscroll;
- iscroll = new IScroll(".zzzqIscroll",{
- scrollbars: true,
- fadeScrollbars:true,
- scrollbars: 'custom',
- shrinkScrollbars:'clip',
- click:true
- });
- setTimeout(function(){
- iscroll.refresh();
- }, 600);
- /**
- * 点击input以外失去焦点
- * */
- var beforeIpt=null;
- $("input").on("focus", function (e) {
- beforeIpt=this;
- });
- $(document).on("tap", function (e) {
- if(e.target.nodeName.toLowerCase()!="input") {
- if(beforeIpt) {
- beforeIpt.blur();
- beforeIpt=null;
- }
- }
- });
-
- /**
- * 开关事件
- * */
- mui('.mui-content .mui-switch').each(function() { //循环所有toggle
- mui(this)['switch']();
- //toggle 事件监听
- this.addEventListener('toggle', function(event) {
- //event.detail.isActive 可直接获取当前状态
- var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
- if(isActive){ //打开状态
- $(this).parent().next().slideDown(500,function(){
- iscroll.refresh();
- }).siblings('.hiddenli').stop().slideUp(500);
- $(".mui-switch").removeClass("mui-active").children().css({'transition-duration': '0.2s', 'transform': 'translate(0, 0px)'});
- $(this).toggleClass("mui-active");
- }else{ //关闭状态
- $(this).parent().next().slideUp(500,function(){
- iscroll.refresh();
- });
- }
- });
- });
-
- /**
- * 时间事件
- * */
- sjchaxun();
-
- /**
- * 弹出修改框
- * */
- (function($) {
- var confirmBtns = $("div[id*='confirmBtn']");
- confirmBtns.each(function(i, confirmBtns) {
- confirmBtns.addEventListener('tap', function() {
- var btnArray = ['否', '是'];
- mui.confirm('此信息正要进行修改?','注意!', btnArray, function(e) {
- if (e.index == 1) {
- // alert('是');
- } else {
- // alert('否');
- }
- });
- }, false);
- });
- })(mui);
-
- //模糊查询键盘enter键事件
- $("input[type='search']").on('keypress',function(e) {
- var keycode = e.keyCode;
- if(keycode=='13') {
- e.preventDefault();
- //请求搜索接口
- haifmp.loadMobilePage("haifmp", "hvSjlrZzzqIndex.htm?mcid=" + $("#mcid").val() + "&cxrq=" + $("#date").val() + "&cxeph=" + $("#dweb").val());
- }
- });
- });
- /**
- * 时间方法
- * */
- function sjchaxun(){
- mui.init();
- mui.ready(function() {
- //开始时间
- var startN = $('.nian')[0];
- var startnY = $('.yue')[0];
- var startR = $('.ri')[0];
- var startTbtns = $('#startT');
- startTbtns.each(function(i, startTbtn) {
- startTbtn.addEventListener('tap', function() {
- var optionsJson = this.getAttribute('data-options') || '{}';
- var options = JSON.parse(optionsJson);
- type = 1;
- dateP(type,startN,startnY,startR);
- }, false);
- });
-
- //结束时间
- var endN = $('.nian')[1];
- var endY = $('.yue')[1];
- var endR = $('.ri')[1];
- var endTbtns = $('#endT');
- endTbtns.each(function(i, endTbtn) {
- endTbtn.addEventListener('tap', function() {
- var optionsJson = this.getAttribute('data-options') || '{}';
- var options = JSON.parse(optionsJson);
- type = 1;
- dateP(type,endN,endY,endR);
- }, false);
- });
- });
- function dateP(type,nian,yue,ri) {
- var picker = new mui.DtPicker({
- type: "date",//设置日历初始视图模式
- beginDate: new Date(1985, 04, 1),//设置开始日期
- endDate: new Date(2020, 04, 31),//设置结束日期
- });
- picker.show(function(rs) {
- if ( type == 1 ) {
- nian.innerHTML = rs.y.text;
- yue.innerHTML = rs.m.text;
- ri.innerHTML = rs.d.text;
- picker.dispose();
- }
- });
- }
- }
- /**
- * 返回
- */
- function backUrl() {
- haifmp.loadMobilePage("haifm", "hvSjlrScIndex.htm?mcid=" + $("#mcid").val());
- }
|