/*————————vue预定义————————*/ var vm = new Vue({ el: '#vue-area', //该ID元素必须被包含于body以内 data: { ctms: params.ctms, version: params.version, Company: params.Company, Page: { title: '轿运物流信息系统', menus: menus }, login: { username: '', passwd: '' } }, methods: { TestFunc() { console.log('测试下添加个自定义函数方法') } }, created: function(o) { //实例创建完成时 // console.log(o) }, mounted: function(o) { //页面初始化方法 // console.log(o) }, destroyed: function(o) { //实例销毁方法 console.log(o) } }) /*————————MUI操作————————*/ mui.init(); /*————————其他事件响应——————————*/ function appLogin(formid) { var form = document.getElementById(formid); var url = apis.domain + apis.UserLogin; var data = vm.login; if (!data.username || !data.passwd) return false; mui.post(url, { search: data, pid: apis.pid }, function(res) { if (res) { switch (res.code) { case 200: //将查询结果缓存在本地 var user = res.data.user, nowtime = new Date().getTime() / 1000; user.expiretime = nowtime + 60 * 60 * 4; //有效期4个小时 var o = JSON.stringify(user); console.log(o); localStorage.setItem('User', o); //跳转到首页 mui.openWindow({ url: '../../index.html', id: 'app-index', styles: { top: 44, //新页面顶部位置 bottom: 0, //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { autoShow: true, //页面loaded事件发生后自动显示,默认为true aniShow: 'slide-in-right', //页面显示动画,默认为”slide-in-right“; duration: 200 //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { width: '100%', //等待框背景区域宽度,默认根据内容自动计算合适宽度 height: '100%', //等待框背景区域高度,默认根据内容自动计算合适高度 } } }); return false; break; case 400: default: document.getElementById('pagename').innerText = '登陆失败!'; document.getElementById('PrintError').innerText = '您好,登陆失败!提示:' + res.msg; let classAtr = document.getElementById("PrintError").getAttribute("class"); let newClass = classAtr.replace("mui-hidden", ""); document.getElementById("PrintError").setAttribute("class", newClass); break; } } else { document.getElementById('pagename').innerText = '登陆失败!'; document.getElementById('PrintError').innerText = '您好,登陆失败,请联系管理员或技术人员。如果可以,请您将此页截屏发送给我们(微信: sanyabaike ),以便我们更快为您解决问题!' + res; let classAtr = document.getElementById("PrintError").getAttribute("class"); let newClass = classAtr.replace("mui-hidden", ""); document.getElementById("PrintError").setAttribute("class", newClass); } }, 'json'); return false; } function openUrl(url, title) { mui.openWindow({ url: url, id: encodeURI(url), styles: {} }); } mui('body').on("tap", 'a', function(e) { console.log(e.target); var url = e.target.href; var title = e.target.innerHTML; console.log(url); console.log(title); openUrl(url, title); });