Skip to content

V
vue-gjjs
Commit a2c63407 by Wuyuqiu
Options

登录页面背景图调整

parent d424dae6
Showing with 102 additions and 56 deletions
src/assets/login_bg.png
src/assets/login_bg.png

594 KB | W: | H:

src/assets/login_bg.png

276 KB | W: | H:

src/assets/login_bg.png
src/assets/login_bg.png
src/assets/login_bg.png
src/assets/login_bg.png
  • 2-up
  • Swipe
  • Onion skin
src/views/Login/index.vue
......@@ -3,7 +3,7 @@
<div id="loginForamWrapper">
<div class="company-desc">
<div>
<img src="../../assets/logo.png" style="height: 60px;" alt="" />
<img src="../../assets/logo.png" style="height: 60px" alt="" />
</div>
<h2>国际结算系统</h2>
</div>
......@@ -17,15 +17,29 @@
size="small"
:hide-required-asterisk="true"
>
<el-form-item prop="username" label="用户名" style="margin-top: 50px;">
<el-input prefix-icon="el-icon-user" :placeholder="$t('login.namePlaceholder')" v-model="loginForm.username"></el-input>
<el-form-item prop="username" label="用户名" style="margin-top: 50px">
<el-input
prefix-icon="el-icon-user"
:placeholder="$t('login.namePlaceholder')"
v-model="loginForm.username"
></el-input>
</el-form-item>
<el-form-item prop="password" label="密码">
<el-input prefix-icon="el-icon-lock" :placeholder="$t('login.pwdPlaceholder')" type="password" v-model="loginForm.password" autocomplete="off"></el-input>
<el-input
prefix-icon="el-icon-lock"
:placeholder="$t('login.pwdPlaceholder')"
type="password"
v-model="loginForm.password"
autocomplete="off"
></el-input>
</el-form-item>
<el-button style="width: 100%;height: 40px; margin: 20px 0 0" type="primary" @click="submitForm('loginForm')" >
<el-button
style="width: 100%; height: 40px; margin: 20px 0 0"
type="primary"
@click="submitForm('loginForm')"
>
登录<!--{{ $t("login.loginBtn") }}-->
</el-button>
</el-form>
......@@ -33,27 +47,33 @@
<div class="copy-right">
<span>
<span class="copyright-icon">©</span>
2022 新晨公司版权所有
</span>
<span class="copyright-icon">©</span>
2022 新晨公司版权所有
</span>
</div>
</div>
<div class="loginTitle">
<h1 style="color: white; font-size: 40px">国际结算系统</h1>
<span style="color: white; font-size: 25px; font-weight: bold"
>International Settlement System</span
>
</div>
</div>
</template>
<script>
import Utils from "~/utils";
import { createNamespacedHelpers } from "vuex";
import axios from 'axios'
import axios from "axios";
const { mapState, mapMutations, mapActions } =
createNamespacedHelpers("UserContext");
const { setLoginInfo } = mapMutations(["setLoginInfo"]);
const usrMap = {
'ZL': 'wdbus',
'MBF': 'wdrel'
}
ZL: "wdbus",
MBF: "wdrel",
};
export default {
data() {
......@@ -77,44 +97,61 @@ export default {
token: Utils.generateUUID(),
});
// 电证登录
const dzUsr = usrMap[this.loginForm.username === 'ZL' ? 'ZL' : 'MBF']
const dzUsr = usrMap[this.loginForm.username === "ZL" ? "ZL" : "MBF"];
const headers = {
userId: dzUsr,
security: true,
terminalType: 'WEB'
}
axios.post('/esfeserver/service/login', {
data: {
dncode: "",
password: "1",
sendcode: "1",
username: dzUsr,
}
}, { headers }).then(res => {
const data = res.data
if (data.retmsg === "success") {
const d = data.data
window.sessionStorage.setItem('menu', JSON.stringify(d.menu))
window.sessionStorage.setItem('_token_', d.token)
window.sessionStorage.setItem('_nam_', dzUsr)
axios.post('esfeserver/service/office/offp_login', {}, { headers: { ...headers, token: d.token} })
.then(rs => {
const rd = rs.data
if (rd.retmsg === "success") {
const dd = rd.data
window.sessionStorage.setItem('bchsta_loginsta', '登录')
window.sessionStorage.setItem('syssta_syssta', '日间')
window.sessionStorage.setItem('syssta_online', '开启')
window.sessionStorage.setItem('usrnam', dd.usr_dspnam)
window.sessionStorage.setItem('usg', dd.usr_usg)
window.sessionStorage.setItem('syssta_sysdat', dd.syssta_sysdat)
window.sessionStorage.setItem('bchsta_chkflg', dd.bchsta_chkflg)
window.sessionStorage.setItem('bchnam', dd.bch_namcn)
}
})
this.$router.push("/home");
}
})
terminalType: "WEB",
};
axios
.post(
"/esfeserver/service/login",
{
data: {
dncode: "",
password: "1",
sendcode: "1",
username: dzUsr,
},
},
{ headers }
)
.then((res) => {
const data = res.data;
if (data.retmsg === "success") {
const d = data.data;
window.sessionStorage.setItem("menu", JSON.stringify(d.menu));
window.sessionStorage.setItem("_token_", d.token);
window.sessionStorage.setItem("_nam_", dzUsr);
axios
.post(
"esfeserver/service/office/offp_login",
{},
{ headers: { ...headers, token: d.token } }
)
.then((rs) => {
const rd = rs.data;
if (rd.retmsg === "success") {
const dd = rd.data;
window.sessionStorage.setItem("bchsta_loginsta", "登录");
window.sessionStorage.setItem("syssta_syssta", "日间");
window.sessionStorage.setItem("syssta_online", "开启");
window.sessionStorage.setItem("usrnam", dd.usr_dspnam);
window.sessionStorage.setItem("usg", dd.usr_usg);
window.sessionStorage.setItem(
"syssta_sysdat",
dd.syssta_sysdat
);
window.sessionStorage.setItem(
"bchsta_chkflg",
dd.bchsta_chkflg
);
window.sessionStorage.setItem("bchnam", dd.bch_namcn);
}
});
this.$router.push("/home");
}
});
} else {
console.log("error submit!!");
return false;
......@@ -139,13 +176,12 @@ export default {
background-repeat: no-repeat;
}
.loginContainer .en-title {
font-weight: 600;
font-size: 0.4em;
text-align: center;
margin: 10px 0px 20px;
color: #0000005e;
font-weight: 600;
font-size: 0.4em;
text-align: center;
margin: 10px 0px 20px;
color: #0000005e;
}
#loginForamWrapper {
......@@ -165,14 +201,13 @@ export default {
flex-direction: column;
justify-content: flex-end;
}
.company-desc div{
.company-desc div {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15%;
}
.company-desc h2 {
}
#loginForm {
display: flex;
......@@ -201,8 +236,18 @@ export default {
color: #858585;
}
.copy-right p{
.copy-right p {
margin: 3px 0;
}
.loginTitle {
width: 155%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: absolute;
top: 15%;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment