Initial commit，修正
This commit is contained in:
Executable
+12
@@ -0,0 +1,12 @@
|
||||
/*
|
||||
* @Author: fm453
|
||||
* @Date: 2021-03-28 22:26:35
|
||||
* @Last Modified by: fm453
|
||||
* @Last Modified time: 2021-03-28 22:28:07
|
||||
*/
|
||||
.mui-input-group .mui-input-row {
|
||||
height: 50px;
|
||||
}
|
||||
form .mui-input-group{
|
||||
padding:45px;
|
||||
}
|
||||
Executable
+51
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="../../vue/js/v2.6.10/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<meta charset="utf-8">
|
||||
<title id="title">CTMS登陆</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<link rel="shortcut icon" href="../../static/favicon.ico">
|
||||
|
||||
<!--标准mui.css-->
|
||||
<link rel="stylesheet" href="../../mui/css/mui.min.css">
|
||||
<!--页面内定义的css-->
|
||||
<link rel="stylesheet" href="login.css">
|
||||
</head>
|
||||
<body>
|
||||
<section id="vue-area">
|
||||
<!--主界面部分-->
|
||||
<header class="mui-bar mui-bar-nav">
|
||||
<h1 class="mui-title" id="pagename">{{Page.title}}</h1>
|
||||
</header>
|
||||
|
||||
<div class="mui-content">
|
||||
<img src="../../static/login-bg.png" width="100%">
|
||||
</div>
|
||||
<div class="mui-content-padded">
|
||||
<form class="mui-input-group" style="padding:45px;" id="login-form">
|
||||
<div class="mui-input-row">
|
||||
<label>账号</label>
|
||||
<input type="text" class="mui-input-clear" placeholder="请输入账号/手机" v-model="login.username" name="username">
|
||||
</div>
|
||||
<div class="mui-input-row">
|
||||
<label>密码</label>
|
||||
<input type="password" class="mui-input-clear" placeholder="请输入密码" v-model="login.passwd" name="passwd">
|
||||
</div>
|
||||
|
||||
<button type="button" class="mui-btn mui-btn-primary mui-btn-block" onclick="appLogin('login-form');">登陆</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="mui-content-padded">
|
||||
<div id="PrintError" class="mui-hidden">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<script src="../../mui/js/mui.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../app.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="login.js" type="text/javascript" charset="utf-8"></script>
|
||||
Executable
+123
@@ -0,0 +1,123 @@
|
||||
/*————————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);
|
||||
});
|
||||
Reference in New Issue
Block a user