上线修改

master
yujialong 3 months ago
parent 251563e0cb
commit 2cee7d6edd
  1. BIN
      src/assets/img/login-bg-1.jpg
  2. 37
      src/components/page/Login.vue
  3. 9
      src/router/index.js
  4. 5
      src/utils/http.js

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

@ -22,18 +22,13 @@
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> <el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form">
<el-form-item prop="username"> <el-form-item prop="username">
<p>用户名</p> <p>用户名</p>
<el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11" @keyup.enter.native="nextInput($event)"></el-input> <el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11"
@keyup.enter.native="nextInput($event)"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password" class="item_password"> <el-form-item prop="password" class="item_password">
<p>密码</p> <p>密码</p>
<el-input <el-input type="password" maxlength="20" ref="password" placeholder="请输入账号密码" v-model="param.password"
type="password" @keyup.enter.native="submitForm('param')"></el-input>
maxlength="20"
ref="password"
placeholder="请输入账号密码"
v-model="param.password"
@keyup.enter.native="submitForm('param')"
></el-input>
</el-form-item> </el-form-item>
<div class="login-btn"> <div class="login-btn">
<el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button> <el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button>
@ -228,15 +223,17 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #00B9FF; color: #00B9FF;
.homeback { .homeback {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
// background: url('../../assets/img/login-bg-1.jpg'); background: url('../../assets/img/login-bg-1.jpg');
background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg'); // background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg');
// background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg'); // background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg');
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.homeHeader { .homeHeader {
width: 100%; width: 100%;
height: 60px; height: 60px;
@ -244,8 +241,10 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
color: #fff; color: #fff;
.logo { .logo {
margin-left: 140px; margin-left: 140px;
img { img {
// //
// width: 45px; // width: 45px;
@ -253,11 +252,13 @@ export default {
margin-right: 9px; margin-right: 9px;
} }
} }
.aboutUs { .aboutUs {
margin-right: 140px; margin-right: 140px;
cursor: pointer; cursor: pointer;
} }
} }
.Login_view { .Login_view {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -267,32 +268,40 @@ export default {
border-radius: 20px; border-radius: 20px;
width: 812px; width: 812px;
padding: 52px 0; padding: 52px 0;
.login_title { .login_title {
span { span {
font-size: 26px; font-size: 26px;
margin-left: 146px; margin-left: 146px;
} }
i { i {
margin-right: 50px; margin-right: 50px;
color: #666; color: #666;
font-size: 20px; font-size: 20px;
} }
} }
.login_form { .login_form {
margin: 60px 146px 0 146px; margin: 60px 146px 0 146px;
p { p {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 14px; font-size: 14px;
} }
.item_password { .item_password {
margin-top: 40px; margin-top: 40px;
} }
.login-btn { .login-btn {
margin-top: 70px; margin-top: 70px;
} }
.forget_view { .forget_view {
font-size: 14px; font-size: 14px;
} }
.login-wechat { .login-wechat {
text-align: center; text-align: center;
color: #00B9FF; color: #00B9FF;
@ -307,23 +316,28 @@ export default {
.login_form /deep/ .el-form-item { .login_form /deep/ .el-form-item {
margin-bottom: 0; margin-bottom: 0;
} }
.login_form /deep/ .el-input__inner { .login_form /deep/ .el-input__inner {
background-color: #f5f5f5; background-color: #f5f5f5;
height: 46px; height: 46px;
line-height: 46px; line-height: 46px;
border: none; border: none;
} }
.login-btn /deep/ .el-button { .login-btn /deep/ .el-button {
width: 100%; width: 100%;
// border-radius: 23px; // border-radius: 23px;
height: 46px; height: 46px;
} }
.forget_view /deep/ .el-button--text { .forget_view /deep/ .el-button--text {
color: #FF9784; color: #FF9784;
} }
.forget_view /deep/ .el-button--text:hover { .forget_view /deep/ .el-button--text:hover {
text-decoration: underline; text-decoration: underline;
} }
.wechat-btn /deep/ .el-button { .wechat-btn /deep/ .el-button {
width: 100%; width: 100%;
// border-radius: 23px; // border-radius: 23px;
@ -333,6 +347,7 @@ export default {
color: #666; color: #666;
margin-top: 20px; margin-top: 20px;
} }
.ff-icon { .ff-icon {
width: 100%; width: 100%;
} }

@ -81,7 +81,7 @@ Vue.use(Router);
export const constantRouterMap = [ // 默认路由,不需要权限 export const constantRouterMap = [ // 默认路由,不需要权限
{ {
path: '/', path: '/',
redirect: '/beforeLogin', redirect: '/login',
}, },
{ {
path: '/beforeLogin', path: '/beforeLogin',
@ -100,8 +100,8 @@ export const constantRouterMap = [ // 默认路由,不需要权限
} }
] ]
let router = new Router({ let router = new Router({
mode: 'hash', mode: 'hash',
    base: process.env.BASE_URL, base: process.env.BASE_URL,
routes: [] routes: []
}); });
export default router export default router
@ -329,7 +329,8 @@ router.beforeEach(function(to,from,next){
} }
} else { } else {
if (to.path !== '/login' && to.path !== "/beforeLogin" && to.path !== '/bind-phone') { if (to.path !== '/login' && to.path !== "/beforeLogin" && to.path !== '/bind-phone') {
next({ path: '/login', next({
path: '/login',
query: { redirect: to.path } query: { redirect: to.path }
}) })
} }

@ -6,8 +6,9 @@ import router from '../router/index'
// 服务器的切换 // 服务器的切换
// export const Url = 'https://test.feifanhitech.com'// 测试服务器地址 // export const Url = 'https://test.feifanhitech.com'// 测试服务器地址
export const Url = 'https://www.feifanhitech.com';// 非凡(正式服) // export const Url = 'https://www.feifanhitech.com';// 非凡(正式服)
// export const Url = 'http://192.168.31.137:8080';//陈赓 // export const Url = 'http://192.168.31.51:8089';//陈赓
export const Url = 'http://10.0.0.40:8089';
axios.defaults.baseURL = Url; axios.defaults.baseURL = Url;
const baseurl = Url const baseurl = Url
// 请求超时时间 // 请求超时时间

Loading…
Cancel
Save