<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
<meta name="HandheldFriendly" content="true" />
|
<meta name="MobileOptimized" content="320" />
|
<title>新凯迪制造云平台</title>
|
<!-- 引入像素转换 px->rpx -->
|
<!-- <script src="../../js/rpx4html.js"></script> -->
|
|
<!-- 引入样式文件 -->
|
<link rel="stylesheet" href="../../css/vant.css" />
|
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
<script src="../../js/vue.min.js"></script>
|
<script src="../../js/vant.min.js"></script>
|
<script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
|
<script type="text/javascript" src="../../js/axios.min.js"></script>
|
<script type="text/javascript" src="../../js/http.js"></script>
|
|
|
<!-- 导入自定义全局js文件 -->
|
<script type="text/javascript" src="../../js/global.js"></script>
|
|
</head>
|
<body>
|
<div id="app">
|
|
<div class="body">
|
<!-- 头部logo -->
|
<div class="headBG">
|
<van-image width="100" height="100" src="../../static/images/96x96.png" radius='50%' />
|
</div>
|
<!-- 主体 -->
|
<div style="display: flex;flex-direction: column;">
|
<div style="margin-top: 100px;">
|
<van-field style="width: 300px;border: 1px solid #e0e0e0; border-radius: 10px;"
|
v-model="username" label="" left-icon="user-o" placeholder="请输入用户编码" />
|
</div>
|
<div style="margin-top: 20px;">
|
<van-field style="border: 1px solid #e0e0e0; border-radius: 10px;"
|
:type="isOpenEye?'':'password'" v-model="password" left-icon="bag-o" placeholder="请输入用户密码">
|
<template #button>
|
<van-icon :name="isOpenEye?'eye-o':'closed-eye'" @click='isOpenEye=!isOpenEye' />
|
</template>
|
</van-field>
|
</div>
|
<div style="margin-top:30px;">
|
<van-button type="info" style="border-radius: 10px;" :disabled="username===''||password===''"
|
@click='loginClick' :loading='submitIsDisabled' loading-text="正在登录,请稍等..." size="large">立即登录
|
</van-button>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</body>
|
|
<script>
|
var app = new Vue({
|
el: '#app',
|
data: function() {
|
return {
|
submitIsDisabled: false,
|
username: '999',
|
password: '123',
|
isOpenEye: false,
|
}
|
},
|
created() {
|
|
},
|
mounted() {
|
|
},
|
methods: {
|
loginClick() {
|
const data = {
|
username: this.username,
|
password: this.password,
|
usertype: 'APP'
|
}
|
this.submitIsDisabled = true
|
get('Login/LoginSave', data).then(res => {
|
if (res.code === '200') {
|
// window.location.reload() //页面重新
|
|
if (!window.localStorage) {
|
alert("浏览器不支持localstorage");
|
} else {
|
localStorage.setItem('userid', res.data.userid)
|
localStorage.setItem('usercode', res.data.usercode)
|
localStorage.setItem('username', res.data.username)
|
localStorage.setItem('usertype', res.data.usertype)
|
}
|
window.location.href = '../xtsy/index.html'
|
} else {
|
this.submitIsDisabled = false
|
}
|
|
if (res.code === '302') {
|
const data2 = {
|
userid: res.data.userid,
|
usercode: res.data.usercode,
|
username: res.data.username,
|
usertype: res.data.usertype
|
}
|
post('Login/ForcedOffline' + formatParams(data2)).then(res2 => {
|
if (res2.code === '200') {
|
this.loginClick()
|
}
|
})
|
}
|
}).catch(err => {
|
console.log(err);
|
});
|
|
}
|
}
|
})
|
</script>
|
<style type="text/css">
|
body {
|
background-color: #2651d8;
|
}
|
|
.body {
|
width: 96%;
|
height: 350px;
|
background-color: grey;
|
margin-top: 150px;
|
margin-left: 2%;
|
border-radius: 10px;
|
background-color: #fff;
|
position: relative;
|
display: flex;
|
justify-content: center;
|
align-items: flex-start;
|
}
|
|
.headBG {
|
width: 120px;
|
height: 120px;
|
background-color: #fff;
|
border-radius: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: absolute;
|
top: -60px;
|
}
|
</style>
|
</html>
|
