|
@@ -5,10 +5,7 @@
|
|
v-if="form.basics && form.basics.loginBanner"
|
|
v-if="form.basics && form.basics.loginBanner"
|
|
:src="form.basics.loginBanner"
|
|
:src="form.basics.loginBanner"
|
|
/>
|
|
/>
|
|
- <img
|
|
|
|
- v-else
|
|
|
|
- src="@/assets/login.png"
|
|
|
|
- />
|
|
|
|
|
|
+ <img v-else src="@/assets/login.png" />
|
|
</div>
|
|
</div>
|
|
<div class="lp_right">
|
|
<div class="lp_right">
|
|
<div class="lp_r_box">
|
|
<div class="lp_r_box">
|
|
@@ -95,7 +92,7 @@
|
|
<div
|
|
<div
|
|
class="lp_r_b_btn"
|
|
class="lp_r_b_btn"
|
|
v-if="loginType == 'weChat'"
|
|
v-if="loginType == 'weChat'"
|
|
- @click="loginType = 'default'"
|
|
|
|
|
|
+ style="opacity: 0; cursor: default"
|
|
>
|
|
>
|
|
账号密码登录
|
|
账号密码登录
|
|
</div>
|
|
</div>
|
|
@@ -108,7 +105,7 @@
|
|
确认绑定
|
|
确认绑定
|
|
</div>
|
|
</div>
|
|
<div class="lp_r_b_line">
|
|
<div class="lp_r_b_line">
|
|
- <template v-if="['default', 'weChat'].includes(loginType) && false">
|
|
|
|
|
|
+ <template v-if="['default', 'weChat'].includes(loginType)">
|
|
<div></div>
|
|
<div></div>
|
|
<span>其他登录方式</span>
|
|
<span>其他登录方式</span>
|
|
<div></div>
|
|
<div></div>
|
|
@@ -117,10 +114,20 @@
|
|
<div class="lp_r_b_iconBtn">
|
|
<div class="lp_r_b_iconBtn">
|
|
<div
|
|
<div
|
|
@click="loginType = 'weChat'"
|
|
@click="loginType = 'weChat'"
|
|
- v-show="false"
|
|
|
|
v-if="['default', 'weChat'].includes(loginType)"
|
|
v-if="['default', 'weChat'].includes(loginType)"
|
|
>
|
|
>
|
|
- <img src="@/assets/login/wechat.svg" />
|
|
|
|
|
|
+ <el-tooltip effect="dark" content="微信登录" placement="bottom">
|
|
|
|
+ <img src="@/assets/login/wechat.svg" />
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div
|
|
|
|
+ @click="loginType = 'default'"
|
|
|
|
+ v-if="['default', 'weChat'].includes(loginType)"
|
|
|
|
+ >
|
|
|
|
+ <el-tooltip effect="dark" content="账号密码登录" placement="bottom">
|
|
|
|
+ <img src="@/assets/login/account.svg" />
|
|
|
|
+ </el-tooltip>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -148,7 +155,7 @@ export default {
|
|
// 组织列表
|
|
// 组织列表
|
|
OrgOptions: [],
|
|
OrgOptions: [],
|
|
form: {},
|
|
form: {},
|
|
- showName:"",
|
|
|
|
|
|
+ showName: "",
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -272,9 +279,9 @@ export default {
|
|
.post(API_CONFIG.baseUrl, params)
|
|
.post(API_CONFIG.baseUrl, params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
let data = res.data[0];
|
|
let data = res.data[0];
|
|
- console.log('data', data)
|
|
|
|
|
|
+ console.log("data", data);
|
|
this.form = JSON.parse(data[0].json);
|
|
this.form = JSON.parse(data[0].json);
|
|
- this.showName = data[0].name
|
|
|
|
|
|
+ this.showName = data[0].name;
|
|
})
|
|
})
|
|
.catch((err) => {
|
|
.catch((err) => {
|
|
console.error("请求失败,错误信息:", err);
|
|
console.error("请求失败,错误信息:", err);
|
|
@@ -341,7 +348,7 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.lp_r_box > span {
|
|
.lp_r_box > span {
|
|
- font-size: 48px;
|
|
|
|
|
|
+ font-size: 46px;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
margin: 40px 0;
|
|
margin: 40px 0;
|
|
display: block;
|
|
display: block;
|
|
@@ -349,7 +356,7 @@ export default {
|
|
|
|
|
|
.lp_r_b_formArea {
|
|
.lp_r_b_formArea {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 300px;
|
|
|
|
|
|
+ height: 250px;
|
|
margin-bottom: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -374,7 +381,7 @@ export default {
|
|
|
|
|
|
.fa_i_item > div {
|
|
.fa_i_item > div {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 45px;
|
|
|
|
|
|
+ height: 40px;
|
|
border: solid 1px rgba(213, 213, 213, 1);
|
|
border: solid 1px rgba(213, 213, 213, 1);
|
|
margin-top: 15px;
|
|
margin-top: 15px;
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
@@ -389,7 +396,7 @@ export default {
|
|
text-indent: 1em;
|
|
text-indent: 1em;
|
|
|
|
|
|
color: #000;
|
|
color: #000;
|
|
- font-size: 16px;
|
|
|
|
|
|
+ font-size: 14px;
|
|
background: none;
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -403,8 +410,8 @@ export default {
|
|
outline: none;
|
|
outline: none;
|
|
background: none;
|
|
background: none;
|
|
text-indent: 1em;
|
|
text-indent: 1em;
|
|
- font-size: 16px;
|
|
|
|
- height: 45px;
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ height: 40px;
|
|
padding-left: 0;
|
|
padding-left: 0;
|
|
color: #000;
|
|
color: #000;
|
|
}
|
|
}
|
|
@@ -447,7 +454,7 @@ export default {
|
|
|
|
|
|
.lp_r_b_btn {
|
|
.lp_r_b_btn {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 50px;
|
|
|
|
|
|
+ height: 45px;
|
|
background-color: rgba(0, 106, 254, 1);
|
|
background-color: rgba(0, 106, 254, 1);
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
display: flex;
|
|
@@ -502,5 +509,11 @@ export default {
|
|
width: 32px;
|
|
width: 32px;
|
|
height: 32px;
|
|
height: 32px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+ margin: 0 20px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.lp_r_b_iconBtn > div > img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|