Files
ctms-yii/ctms-h5/pages/user/login.js
T
2025-07-13 19:37:38 +08:00

123 lines
5.1 KiB
JavaScript
Executable File

/*————————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);
});