myTest383 3 weeks ago
parent
commit
ac844a9a3e
  1. 86
      src/api/brank/brank.js
  2. 97
      src/api/user.js
  3. 22
      src/layout/components/Navbar.vue
  4. 27
      src/utils/auth.js
  5. 84
      src/views/index.vue
  6. 450
      src/views/login/login.vue

86
src/api/brank/brank.js

@ -2,49 +2,49 @@ import request from '@/utils/request'
export default {
addInfo: function(data) {
return request({
baseURL: "/api/crm",
url: '/v1/loanbankinformation/save',
method: 'post',
data: data
});
},
fetchBySid: function(sid) {
return request({
baseURL: '/api/crm',
url: '/v1/loanbankinformation/getBankInfBySid/' + sid
})
},
addInfo: function(data) {
return request({
baseURL: "/api/crm",
url: '/v1/loanbankinformation/save',
method: 'post',
data: data
});
},
updateData: function(data) {
return request({
baseURL: "/api/crm",
url: '/v1/loanbankinformation/update',
method: 'post',
data: data
});
},
fetchBySid: function(sid) {
return request({
baseURL: '/api/crm',
url: '/v1/loanbankinformation/getBankInfBySid/' + sid
})
},
delBySids: function(sid) {
return request({
baseURL: '/api/crm',
url: 'v1/loanbankinformation/delete/' + sid,
method: 'delete'
})
},
updateData: function(data) {
return request({
baseURL: "/api/crm",
url: '/v1/loanbankinformation/update',
method: 'post',
data: data
});
},
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api/crm',
url: '/v1/loanbankinformation/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}
delBySids: function(sid) {
return request({
baseURL: '/api/crm',
url: 'v1/loanbankinformation/delete/' + sid,
method: 'delete'
})
},
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api/crm',
url: '/v1/loanbankinformation/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

97
src/api/user.js

@ -1,72 +1,85 @@
import request from '@/utils/request'
// eslint-disable-next-line no-unused-vars
import qs from 'qs'
let tokens = window.sessionStorage.getItem('tokenValue')
// 登录
export function doLogin(data) {
return request({
url: '/sysuser/doLogin',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
return request({
url: '/sysuser/doLogin',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}
// 获取登录人员信息
export function getUserById(sid) {
export function getUserById(sid) {
return request({
url: '/cyf/sys/getUserById/' + sid
url: '/cyf/sys/getUserById/' + sid
})
}
}
// 登录
export function login(data) {
return request({
url: '/portal/v1/sysuser/login',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
return request({
url: '/portal/v1/sysuser/login',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}
// 用户注册
export function registUser(data) {
return request({
url: '/system/user/save',
method: 'post',
data,
headers: { 'Content-Type': 'application/x-www-form-urlencoded;' }
})
return request({
url: '/system/user/save',
method: 'post',
data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}
// 获取手机验证码
export function getVerificationCode(data) {
return request({
url: '/system/user/getVerificationCode',
method: 'get',
params: data
})
return request({
url: '/system/user/getVerificationCode',
method: 'get',
params: data
})
}
// 获取登录验证码
export function imgCode() {
return request({
url: '/system/api/defaultBlendCode?temm=' + new Date().getTime(),
method: 'get'
})
return request({
url: '/system/api/defaultBlendCode?temm=' + new Date().getTime(),
method: 'get'
})
}
// 获取用信息
export function getInfo(token) {
return request({
url: '/system/user/loginDetails',
method: 'post'
})
return request({
url: '/system/user/loginDetails',
method: 'post'
})
}
export function logout(data) { // 退出
return request({
url: '/portal/v1/sysuser/signOut',
method: 'post',
data: qs.stringify(data)
})
}
return request({
url: '/sysuser/signOut',
method: 'get',
params: data,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}

22
src/layout/components/Navbar.vue

@ -18,6 +18,9 @@
</template>
<script>
import {
logout,
} from '@/api/user.js'
export default {
data() {
return {
@ -37,10 +40,23 @@
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({
path: '/login'
var params = {
loginId: window.sessionStorage.getItem('loginId')
}
logout(params).then((response) => {
if (response.success) {
window.sessionStorage.clear()
this.$router.push({
path: '/login'
})
// location.reload()
}
})
})
},
}

27
src/utils/auth.js

@ -1,37 +1,40 @@
import Cookies from 'js-cookie'
const TokenKey = 'token'
const sessionKey = 'token'
const TokenKey = 'tokenName'
const sessionKey = 'tokenValue'
export function getToken() {
return Cookies.get(TokenKey)
return Cookies.get(TokenKey)
}
export function setToken(token) {
return Cookies.set(TokenKey, token, { expires: 7, path: '/' })
return Cookies.set(TokenKey, token, {
expires: 7,
path: '/'
})
}
export function removeToken() {
return Cookies.remove(TokenKey)
return Cookies.remove(TokenKey)
}
export function getStorage() {
return sessionStorage.getItem('token')
// return 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI0MjdhMmZiMC02MGM1LTQwOWYtYmVhNC00ZWI0NDEwNDFhZTYiLCJpc3MiOiJXQksiLCJleHAiOjE2NzQ2NzU5Mzl9.1P6VgCk3sXxWkl1364y7xhfc4ifdg6uGkzkF6uEmhIo'
return sessionStorage.getItem('tokenName')
// return 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI0MjdhMmZiMC02MGM1LTQwOWYtYmVhNC00ZWI0NDEwNDFhZTYiLCJpc3MiOiJXQksiLCJleHAiOjE2NzQ2NzU5Mzl9.1P6VgCk3sXxWkl1364y7xhfc4ifdg6uGkzkF6uEmhIo'
}
export function setStorage(session) {
return sessionStorage.setItem('token', session)
return sessionStorage.setItem('tokenName', session)
}
export function setDefaultOrgPathName(data) {
return sessionStorage.setItem('defaultOrgPathName', data)
return sessionStorage.setItem('defaultOrgPathName', data)
}
export function setDefaultOrgPath(data) {
return sessionStorage.setItem('defaultOrgPath', data)
return sessionStorage.setItem('defaultOrgPath', data)
}
export function removeStorage() {
return sessionStorage.removeItem('token')
}
return sessionStorage.removeItem('tokenName')
}

84
src/views/index.vue

@ -1,51 +1,53 @@
<template>
<div class="imgDemo">
<!--<el-button type="primary" @click="getToken()">token</el-button>
<div class="imgDemo">
<!--<el-button type="primary" @click="getToken()">token</el-button>
<div style="width: 200px;">{{token}}</div>-->
</div>
</div>
</template>
<script>
import {login1} from '@/api/system/user/login.js'
export default {
name: '',
data() {
return {
token1:'',
token2:''
}
import {
login1
} from '@/api/system/user/login.js'
export default {
name: '',
data() {
return {
token1: '',
token2: ''
}
},
created() {
this.token1 = window.sessionStorage.getItem('tokenName');
this.token2 = window.sessionStorage.getItem('tokenValue');
console.log("tokenName2222", this.token1)
console.log("tokenValue222222", this.token2)
},
methods:{
// getToken(){
// let params = {
// password: "329653",
// roleSid: "",
// token: "",
// userName: "15097329653",
// verifyCode: ""
// }
// login1(params).then(res => {
// this.token = res.data.token
// window.sessionStorage.setItem('token', res.data.token)
// })
// }
},
created() {
// this.token1 = window.sessionStorage.getItem('tokenName');
// this.token2 = window.sessionStorage.getItem('tokenValue');
// console.log("tokenName2222", this.token1)
// console.log("tokenValue222222", this.token2)
},
methods: {
// getToken(){
// let params = {
// password: "329653",
// roleSid: "",
// token: "",
// userName: "15097329653",
// verifyCode: ""
// }
// login1(params).then(res => {
// this.token = res.data.token
// window.sessionStorage.setItem('token', res.data.token)
// })
// }
}
}
}
</script>
<style lang="scss" scoped>
.imgDemo {
width: 100%;
height: 100%;
background: radial-gradient(#fff,#f5f7f4, #fff);
}
canvas {
}
</style>
.imgDemo {
width: 100%;
height: 100%;
background: radial-gradient(#fff, #f5f7f4, #fff);
}
canvas {}
</style>

450
src/views/login/login.vue

@ -1,189 +1,189 @@
<template>
<div class="login">
<div class="logoTitle" style="margin-left: 50px;margin-top: 50px;">
<!-- <img src="../../assets/loginImg/shgf.png"
<div class="login">
<div class="logoTitle" style="margin-left: 50px;margin-top: 50px;">
<!-- <img src="../../assets/loginImg/shgf.png"
style="width: 50px;height: 50px; margin-right: 10px;" /><span>汇融惠享</span>
<p class="title" style="margin-top: 5px;">汇融惠享管理平台</p> -->
</div>
<div class="main">
<div class="content">
<el-form ref="loginForm" :model="loginForm" class="login-form">
<h3 class="title1">用户登录</h3>
<el-form-item>
<el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号" prefix-icon="el-icon-user">
</el-input>
</el-form-item>
<el-form-item>
<el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码" prefix-icon="el-icon-lock"
show-password>
</el-input>
<!-- <span class="nopsw register" @click="forgetPwd = true">忘记密码 </span> -->
</el-form-item>
<el-form-item v-show="showMsg" style="margin-bottom:0;">
<span class="text-danger">提示用户名或密码错误请重试</span>
</el-form-item>
</div>
<div class="main">
<div class="content">
<el-form ref="loginForm" :model="loginForm" class="login-form">
<h3 class="title1">用户登录</h3>
<el-form-item>
<el-input v-model="loginForm.userName" autocomplete="off" placeholder="请输入账号"
prefix-icon="el-icon-user">
</el-input>
</el-form-item>
<el-form-item>
<el-input v-model="loginForm.password" autocomplete="off" placeholder="请输入密码"
prefix-icon="el-icon-lock" show-password>
</el-input>
<!-- <span class="nopsw register" @click="forgetPwd = true">忘记密码 </span> -->
</el-form-item>
<el-form-item v-show="showMsg" style="margin-bottom:0;">
<span class="text-danger">提示用户名或密码错误请重试</span>
</el-form-item>
<el-form-item>
<el-button type="primary" class="login-btn" v-loading="loading" @click="login"> </el-button>
<!-- <el-popover placement="top" width="400" trigger="click" v-model="loginCode" @show="codeShow">
<el-form-item>
<el-button type="primary" class="login-btn" v-loading="loading" @click="login"> </el-button>
<!-- <el-popover placement="top" width="400" trigger="click" v-model="loginCode" @show="codeShow">
<imgCodeRole @login="login" ref="imgCodeRole"></imgCodeRole>
<el-button slot="reference" type="primary" class="login-btn" v-loading="loading"> </el-button>
</el-popover> -->
<!--<router-link :to="{name: 'registUser'}" target="_blank" tag="a" class="register fl">个人注册</router-link>
<!--<router-link :to="{name: 'registUser'}" target="_blank" tag="a" class="register fl">个人注册</router-link>
<router-link :to="{name: 'registOrg'}" target="_blank" tag="a" class="register fr">单位注册</router-link>-->
</el-form-item>
</el-form>
</div>
</div>
</el-form-item>
</el-form>
</div>
</div>
<el-dialog title="忘记密码" :visible.sync="forgetPwd">
<el-form :model="nopassword">
<el-form-item label="手机号">
<el-input v-model="nopassword.userPhone" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="nopassword.userName" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="forgetPwd = false"> </el-button>
<el-button type="primary" @click="reGetPwd()"> </el-button>
</div>
</el-dialog>
<el-dialog title="忘记密码" :visible.sync="forgetPwd">
<el-form :model="nopassword">
<el-form-item label="手机号">
<el-input v-model="nopassword.userPhone" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="nopassword.userName" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="forgetPwd = false"> </el-button>
<el-button type="primary" @click="reGetPwd()"> </el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import {
doLogin,
getUserById,
imgCode
} from '@/api/user.js'
import user from '@/api/User/login.js'
import {
setToken,
getToken,
setSession
} from '@/utils/auth'
import imgCodeRole from '@/components/imgCodeRole/index.vue'
import qs from 'qs'
export default {
components: {
imgCodeRole
},
data() {
return {
loginForm: {
userName: '',
password: '',
import {
doLogin,
getUserById,
imgCode
} from '@/api/user.js'
import user from '@/api/User/login.js'
import {
setToken,
getToken,
setSession
} from '@/utils/auth'
import imgCodeRole from '@/components/imgCodeRole/index.vue'
import qs from 'qs'
export default {
components: {
imgCodeRole
},
imgCode: '',
loading: false,
loginCode: false,
showMsg: false,
forgetPwd: false,
nopassword: {
userPhone: '',
userName: '',
data() {
return {
loginForm: {
userName: '',
password: '',
},
imgCode: '',
loading: false,
loginCode: false,
showMsg: false,
forgetPwd: false,
nopassword: {
userPhone: '',
userName: '',
},
}
},
}
},
methods: {
login() {
console.log(66);
doLogin(this.loginForm).then((response) => {
if (response.code == 200) {
this.$router.push({
path: '/index'
})
this.loading = true
// this.getUserInfo(response.data.loginId)
window.sessionStorage.setItem('tokenName', response.data.tokenName)
window.sessionStorage.setItem('tokenValue', response.data.tokenValue)
}
methods: {
login() {
console.log(66);
doLogin(this.loginForm).then((response) => {
if (response.code == 200) {
this.$router.push({
path: '/index'
})
this.loading = true
// this.getUserInfo(response.data.loginId)
window.sessionStorage.setItem('tokenName', response.data.tokenValue)
window.sessionStorage.setItem('loginId', response.data.loginId)
}
}).catch(() => {
this.loading = true
})
}).catch(() => {
this.loading = true
})
},
getUserInfo(id) {
getUserById(id).then((response) => {
if (response.code == 200) {
console.log(" response", response)
let user = response.data
//
window.sessionStorage.setItem('staffSid', user.staffSid)
window.sessionStorage.setItem('sid', user.sid)
window.sessionStorage.setItem('userName', user.userName)
}
},
getUserInfo(id) {
getUserById(id).then((response) => {
if (response.code == 200) {
console.log(" response", response)
let user = response.data
//
window.sessionStorage.setItem('staffSid', user.staffSid)
window.sessionStorage.setItem('sid', user.sid)
window.sessionStorage.setItem('userName', user.userName)
}
}).catch(() => {
})
}).catch(() => {})
},
codeShow() {
if (this.loginForm.password == '' || this.loginForm.userName == '') {
this.loginCode = false
this.showMsg = true
return
}
this.$refs.imgCodeRole.getCodeImage()
},
reGetPwd() {
user.reGetPwd(this.nopassword).then((res) => {})
},
},
}
},
codeShow() {
if (this.loginForm.password == '' || this.loginForm.userName == '') {
this.loginCode = false
this.showMsg = true
return
}
this.$refs.imgCodeRole.getCodeImage()
},
reGetPwd() {
user.reGetPwd(this.nopassword).then((res) => {})
},
},
}
</script>
<style lang="scss">
.login {
position: relative;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-image: url(../../assets/home/bj.jpg);
background-position: center;
overflow: hidden;
.login {
position: relative;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-image: url(../../assets/home/bj.jpg);
background-position: center;
overflow: hidden;
.logoTitle {
margin: 30px;
.logoTitle {
margin: 30px;
img {
width: 70px;
}
img {
width: 70px;
}
span {
font-size: 40px;
color: #191919;
}
span {
font-size: 40px;
color: #191919;
}
.title {
font-size: 25px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #191919;
margin: 0;
}
}
.title {
font-size: 25px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #191919;
margin: 0;
}
}
.main {
width: 30%;
/*height: 640px;*/
background: #ffffff;
box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15);
opacity: 0.8;
border-radius: 20px;
position: absolute;
right: 15%;
top:35%;
.main {
width: 30%;
/*height: 640px;*/
background: #ffffff;
box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15);
opacity: 0.8;
border-radius: 20px;
position: absolute;
right: 15%;
top: 35%;
.content {
position: relative;
/*.title-h3{
.content {
position: relative;
/*.title-h3{
width: 100%;
text-align: center;
color: #FFFFFF;
@ -193,87 +193,87 @@
top: -65px;
}*/
}
}
}
}
}
.login-form {
padding: 30px 50px;
.login-form {
padding: 30px 50px;
.title1 {
margin: 0px auto 30px auto;
text-align: center;
font-size: 20px;
color: #191919;
font-size: 23px;
font-weight: 500;
}
.title1 {
margin: 0px auto 30px auto;
text-align: center;
font-size: 20px;
color: #191919;
font-size: 23px;
font-weight: 500;
}
.el-input {
border: none;
background-color: transparent;
}
.el-input {
border: none;
background-color: transparent;
}
.code {
position: absolute;
top: 3px;
right: 5px;
width: 35%;
height: 35px;
cursor: pointer;
z-index: 9;
}
.code {
position: absolute;
top: 3px;
right: 5px;
width: 35%;
height: 35px;
cursor: pointer;
z-index: 9;
}
.nopsw {
position: absolute;
bottom: -30px;
right: 5px;
color: #018ad2;
font-size: 15px;
line-height: 30px;
}
.nopsw {
position: absolute;
bottom: -30px;
right: 5px;
color: #018ad2;
font-size: 15px;
line-height: 30px;
}
.register {
color: #EE640C;
}
.register {
color: #EE640C;
}
.register:hover,
.nopsw:hover {
cursor: pointer;
}
.register:hover,
.nopsw:hover {
cursor: pointer;
}
.btn-eye {
cursor: pointer;
}
.btn-eye {
cursor: pointer;
}
.text-danger {
color: #f56c6c;
}
.text-danger {
color: #f56c6c;
}
.login-btn {
margin: 10px 0 10px 0;
width: 100%;
background-color: #EE640C;
border: 0;
}
.login-btn {
margin: 10px 0 10px 0;
width: 100%;
background-color: #EE640C;
border: 0;
}
.login-btn:hover {
background-color: #EE640C;
border: 0;
}
.login-btn:hover {
background-color: #EE640C;
border: 0;
}
.el-input--prefix .el-input__inner {
border: 1px solid #EE640C;
background: transparent;
color: #333 !important;
}
.el-input--prefix .el-input__inner {
border: 1px solid #EE640C;
background: transparent;
color: #333 !important;
}
.el-form-item {
margin-bottom: 40px;
}
.el-form-item {
margin-bottom: 40px;
}
.el-loading-mask {
background-color: rgba(255, 255, 255, 0.6);
.el-loading-mask {
background-color: rgba(255, 255, 255, 0.6);
}
}
}
</style>
</style>
Loading…
Cancel
Save