Skip to content

F
founder_vue
Commit cbd6d8d1 by xue_wengang
Options

附件下载

parent 84ae191e
Showing with 90 additions and 66 deletions
src/views/index/home.vue
......@@ -16,6 +16,7 @@
<span>系统管理员：</span>
</div>
<div class="header-nav">
<span @click="down" style="margin-right:10px">操作手册</span>
<span class="big-tv-nav">
<img
src="../../assets/img/bigTvNav.png"
......@@ -81,6 +82,9 @@ export default {
};
},
methods: {
down(){
window.open('file/cz.docx')
},
goDetail(id) {
if (id == "/zdry") {
zdryLogin({
......
src/views/index/login.vue
<template>
<div id="home">
<div class="login-container">
<el-form :model="ruleForm2"
:rules="rules2"
status-icon
ref="ruleForm2"
label-position="left"
label-width="0px"
class="demo-ruleForm login-page">
<el-form
:model="ruleForm2"
:rules="rules2"
status-icon
ref="ruleForm2"
label-position="left"
label-width="0px"
class="demo-ruleForm login-page"
>
<div>
<div style="position: absolute;top: -35px;left: 166px;">
<img src="../../assets/img/login/jinhui.png"
alt="">
<div style="position: absolute; top: -35px; left: 166px">
<img src="../../assets/img/login/jinhui.png" alt="" />
</div>
<div style="text-align: center">
<img src="../../assets/img/login/title.png"
alt=""
style="margin-top: 25px;">
</div>
<img
src="../../assets/img/login/title.png"
alt=""
style="margin-top: 25px"
/>
</div>
</div>
<div class="el-input el-input-div"
style="position: relative;margin-top: 15px;"
v-show="ifShowForm">
<el-form-item prop="account"
class="inputs">
<el-input type="text"
v-model="ruleForm2.account"
auto-complete="off"
placeholder="用户名"></el-input>
<div
class="el-input el-input-div"
style="position: relative; margin-top: 15px"
v-show="ifShowForm"
>
<el-form-item prop="account" class="inputs">
<el-input
type="text"
v-model="ruleForm2.account"
auto-complete="off"
placeholder="用户名"
></el-input>
</el-form-item>
<span style="position: absolute;top: 7px;left:12px;height: 100%"><img src="../../assets/img/login/user.png"
alt=""></span>
<span style="position: absolute; top: 7px; left: 12px; height: 100%"
><img src="../../assets/img/login/user.png" alt=""
/></span>
</div>
<div class="el-input el-input-div"
style="position: relative"
v-show="ifShowForm">
<el-form-item prop="password"
class="inputs">
<el-input type="password"
v-model="ruleForm2.password"
auto-complete="off"
placeholder="用户密码"></el-input>
<div
class="el-input el-input-div"
style="position: relative"
v-show="ifShowForm"
>
<el-form-item prop="password" class="inputs">
<el-input
type="password"
v-model="ruleForm2.password"
auto-complete="off"
placeholder="用户密码"
></el-input>
</el-form-item>
<span style="position: absolute;top: 7px;left:12px;height: 100%"><img src="../../assets/img/login/pwd.png"
alt=""></span>
<span style="position: absolute; top: 7px; left: 12px; height: 100%"
><img src="../../assets/img/login/pwd.png" alt=""
/></span>
</div>
<el-form-item style="width:100%;"
class="loginBtn"
v-show="ifShowForm">
<el-button style="width:100%;height:44px;background: #2962FF;color: #fff;
box-shadow: 0px 4px 4px rgba(3, 56, 145, 0.16);"
@click="handleSubmit"
:loading="logining">登录</el-button>
<el-form-item style="width: 100%" class="loginBtn" v-show="ifShowForm">
<el-button
style="
width: 100%;
height: 44px;
background: #2962ff;
color: #fff;
box-shadow: 0px 4px 4px rgba(3, 56, 145, 0.16);
"
@click="handleSubmit"
:loading="logining"
>登录</el-button
>
</el-form-item>
<div @click="down" style="text-align: center; cursor: pointer;color:#fff;font-size:18px">
操作手册
</div>
</el-form>
</div>
</div>
</template>
<script>
......@@ -72,38 +90,41 @@ export default {
logining: false,
ruleForm2: {
account: "",
password: ""
password: "",
},
rules2: {
account: [{ required: true, message: "请输入账号", trigger: "blur" }],
password: [{ required: true, message: "请输入密码", trigger: "blur" }]
password: [{ required: true, message: "请输入密码", trigger: "blur" }],
},
checked: false,
ifShowForm: false
ifShowForm: false,
};
},
methods: {
down() {
window.open("file/cz.docx");
},
handleSubmit() {
login({
account:this.ruleForm2.account,
password:this.ruleForm2.password
}).then(res=>{
if(res.code == 200){
sessionStorage.setItem('token', 'bearer ' + res.data.accessToken);
sessionStorage.setItem("userInfo",JSON.stringify(res.data))
this.$router.push('/home')
}else{
account: this.ruleForm2.account,
password: this.ruleForm2.password,
}).then((res) => {
if (res.code == 200) {
sessionStorage.setItem("token", "bearer " + res.data.accessToken);
sessionStorage.setItem("userInfo", JSON.stringify(res.data));
this.$router.push("/home");
} else {
this.$confirm("账号或密码错误！", {
confirmButtonText: "确定",
showCancelButton: false,
type: "warning",
});
}
})
}
});
},
},
computed: {
...mapGetters(["token"])
...mapGetters(["token"]),
},
created() {
var lett = this;
......@@ -121,13 +142,12 @@ export default {
lett.ifShowForm = true;
code = 0;
code2 = 0;
}
else {
} else {
if (key == 13) {
lett.handleSubmit();
}
}
}
};
document.onkeyup = function (e) {
var key = window.event.keyCode;
if (key === 17) {
......@@ -136,8 +156,8 @@ export default {
if (key === 13) {
code2 = 0;
}
}
}
};
},
};
</script>
......@@ -161,7 +181,7 @@ export default {
width: 350px;
padding: 20px 35px 35px 15px;
z-index: 100;
padding: 45px;
padding: 45px 45px 20px 45px;
background-color: rgba(255, 255, 255, 0.3);
/*background: #fff;*/
/*border: 1px solid #eaeaea;*/
......
vue.config.js
......@@ -58,7 +58,7 @@ module.exports = {
},
proxy: {
"/api": {
target: "http://192.168.0.138:8762/", //案件标注 http://26.3.13.184:8762/
target: "http://47.92.225.109:8762/", //案件标注 http://26.3.13.184:8762/
ws: true,
changeOrigin: true,
pathRewrite: {
......
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