|
@@ -2,6 +2,9 @@
|
|
<div class="login">
|
|
<div class="login">
|
|
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
|
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
|
<h3 class="title">途宝智慧云仓平台</h3>
|
|
<h3 class="title">途宝智慧云仓平台</h3>
|
|
|
|
+<!-- 靖润-->
|
|
|
|
+<!-- <h3 class="title" style="font-family: '微软雅黑 Light'; color: #265EE4">靖润科技陆运平台</h3>-->
|
|
|
|
+
|
|
<el-form-item prop="username">
|
|
<el-form-item prop="username">
|
|
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
<!-- <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />-->
|
|
<!-- <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />-->
|
|
@@ -21,21 +24,21 @@
|
|
<i slot="prefix" class="el-icon-lock" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
|
|
<i slot="prefix" class="el-icon-lock" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
|
|
</el-input>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item prop="code">
|
|
|
|
- <el-input
|
|
|
|
- v-model="loginForm.code"
|
|
|
|
- auto-complete="off"
|
|
|
|
- placeholder="验证码"
|
|
|
|
- style="width: 63%"
|
|
|
|
- @keyup.enter.native="handleLogin"
|
|
|
|
- >
|
|
|
|
-<!-- <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />-->
|
|
|
|
- <i slot="prefix" class="el-icon-connection" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>
|
|
|
|
- </el-input>
|
|
|
|
- <div class="login-code">
|
|
|
|
- <img :src="codeUrl" @click="getCode" class="login-code-img"/>
|
|
|
|
- </div>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+<!-- <el-form-item prop="code">-->
|
|
|
|
+<!-- <el-input-->
|
|
|
|
+<!-- v-model="loginForm.code"-->
|
|
|
|
+<!-- auto-complete="off"-->
|
|
|
|
+<!-- placeholder="验证码"-->
|
|
|
|
+<!-- style="width: 63%"-->
|
|
|
|
+<!-- @keyup.enter.native="handleLogin"-->
|
|
|
|
+<!-- >-->
|
|
|
|
+<!--<!– <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />–>-->
|
|
|
|
+<!-- <i slot="prefix" class="el-icon-connection" style="font-size: 20px;padding-top: 11px;padding-left: 2px;color: #565656;"></i>-->
|
|
|
|
+<!-- </el-input>-->
|
|
|
|
+<!-- <div class="login-code">-->
|
|
|
|
+<!-- <img :src="codeUrl" @click="getCode" class="login-code-img"/>-->
|
|
|
|
+<!-- </div>-->
|
|
|
|
+<!-- </el-form-item>-->
|
|
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;color: rgba(245, 248, 250, 0.8)">记住密码</el-checkbox>
|
|
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;color: rgba(245, 248, 250, 0.8)">记住密码</el-checkbox>
|
|
<el-form-item style="width:100%;">
|
|
<el-form-item style="width:100%;">
|
|
<el-button
|
|
<el-button
|
|
@@ -51,15 +54,16 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<!-- 底部 -->
|
|
<!-- 底部 -->
|
|
- <!--青岛途宝软件开发有限公司-->
|
|
|
|
- <div class="el-login-footer">
|
|
|
|
- <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021302000853">鲁公网安备 37021302000853号</a> <a href="https://beian.miit.gov.cn/">鲁ICP备2021017300号-1</a> 青岛途宝软件开发有限公司</span>
|
|
|
|
- </div>
|
|
|
|
|
|
+<!-- 青岛途宝软件开发有限公司-->
|
|
|
|
+ <div class="el-login-footer">
|
|
|
|
+ <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021302000853">鲁公网安备 37021302000853号</a> <a href="https://beian.miit.gov.cn/">鲁ICP备2021000559号</a> 青岛途宝软件开发有限公司</span>
|
|
|
|
+ </div>
|
|
<!--青岛靖润科技物流有限公司-->
|
|
<!--青岛靖润科技物流有限公司-->
|
|
<!-- <div class="el-login-footer">-->
|
|
<!-- <div class="el-login-footer">-->
|
|
<!-- <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="https://beian.miit.gov.cn/">鲁ICP备2021033363号-1</a> 青岛靖润科技物流有限公司</span>-->
|
|
<!-- <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="https://beian.miit.gov.cn/">鲁ICP备2021033363号-1</a> 青岛靖润科技物流有限公司</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- 凯和-->
|
|
<!-- 凯和-->
|
|
|
|
+
|
|
<!-- <div class="el-login-footer">-->
|
|
<!-- <div class="el-login-footer">-->
|
|
<!-- <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="https://beian.miit.gov.cn/">鲁ICP备2021017300号-1</a> 青岛凯和志诚物流有限公司</span>-->
|
|
<!-- <img src="./icp.png" alt="" height="14px" style="margin-right:2px"> <span><a href="https://beian.miit.gov.cn/">鲁ICP备2021017300号-1</a> 青岛凯和志诚物流有限公司</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
@@ -70,6 +74,7 @@
|
|
import { getCodeImg } from "@/api/login";
|
|
import { getCodeImg } from "@/api/login";
|
|
import Cookies from "js-cookie";
|
|
import Cookies from "js-cookie";
|
|
import { encrypt, decrypt } from '@/utils/jsencrypt'
|
|
import { encrypt, decrypt } from '@/utils/jsencrypt'
|
|
|
|
+import Logo from "../layout/components/Sidebar/Logo";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "Login",
|
|
name: "Login",
|
|
@@ -95,7 +100,8 @@ export default {
|
|
code: [{ required: true, trigger: "change", message: "验证码不能为空" }]
|
|
code: [{ required: true, trigger: "change", message: "验证码不能为空" }]
|
|
},
|
|
},
|
|
loading: false,
|
|
loading: false,
|
|
- redirect: undefined
|
|
|
|
|
|
+ redirect: undefined,
|
|
|
|
+ company: '',
|
|
};
|
|
};
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
@@ -109,6 +115,7 @@ export default {
|
|
created() {
|
|
created() {
|
|
this.getCode();
|
|
this.getCode();
|
|
this.getCookie();
|
|
this.getCookie();
|
|
|
|
+
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
getCode() {
|
|
getCode() {
|
|
@@ -231,4 +238,9 @@ export default {
|
|
.login-code-img {
|
|
.login-code-img {
|
|
height: 38px;
|
|
height: 38px;
|
|
}
|
|
}
|
|
|
|
+// 靖润打开
|
|
|
|
+//.login-form {
|
|
|
|
+// background-color: rgba(255,255,255,0.8);
|
|
|
|
+// padding: 25px;
|
|
|
|
+//}
|
|
</style>
|
|
</style>
|