product_platform/wms-ui-admin
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

11111111

Browse Source
This commit is contained in:
guoxing
2024-05-06 14:53:31 +08:00
parent 30d7c5611e
commit b93707bc10
10 changed files with 352 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/baseinfo/warehouse/warehouse.js
View File

@@ -8,6 +8,7 @@ export default {
url: '/wms/apiadmin/base/wmswarehouseinfo/listPage', url: '/wms/apiadmin/base/wmswarehouseinfo/listPage',
method: 'post', method: 'post',
data: params, data: params,
headers: { 'Content-Type': 'application/json' }
}) })
}, },
@@ -33,7 +34,8 @@ export default {
return request({ return request({
url: '/wms/apiadmin/base/wmswarehouseinfo/saveOrUpdate', url: '/wms/apiadmin/base/wmswarehouseinfo/saveOrUpdate',
method: 'post', method: 'post',
data: data data: data,
headers: { 'Content-Type': 'application/json' }
}); });
}, },

2
src/api/receivingGoods/receivingGoods.js
View File

@@ -7,7 +7,7 @@ export default {
return request({ return request({
url: '/wms/apiadmin/inventory/WmsReceiptBill/listPage', url: '/wms/apiadmin/inventory/WmsReceiptBill/listPage',
method: 'post', method: 'post',
data: params,, data: params,
headers: { 'Content-Type': 'application/json' } headers: { 'Content-Type': 'application/json' }
}) })
}, },

6
src/api/user.js
View File

@@ -5,7 +5,7 @@ import qs from 'qs'
// 登录 // 登录
export function doLogin(data) { export function doLogin(data) {
return request({ return request({
url: '/sysuser/doLogin', url: '/wms/apiadmin/sysuser/login',
method: 'post', method: 'post',
data: data, data: data,
headers: { 'Content-Type': 'application/json' } headers: { 'Content-Type': 'application/json' }
@@ -16,8 +16,8 @@ export function doLogin(data) {
return request({ return request({
url: '/cyf/sys/getUserById/' + sid url: '/cyf/sys/getUserById/' + sid
}) })
} }
// 登录 // 登录
export function login(data) { export function login(data) {
return request({ return request({

BIN
src/assets/home/bj.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
src/assets/loginImg/login_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 MiB

BIN
src/assets/loginImg/yxt-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

107
src/main.js
View File

@@ -63,44 +63,43 @@ if (parseInt(one) > 18) {
} }
} }
// // 获取登录用户信息 // 获取登录用户信息
function getUserInfo() { function getUserInfo() {
// return request({ // return request({
// baseURL: '/api', // url: '/wms/apiadmin/sysuser/loginDetails',
// url: '/portal/v1/sysuser/loginDetails', // method: 'post',
// method: 'post', // headers: {
// headers: { // 'Content-Type': 'application/json'
// 'Content-Type': 'application/json' // }
// } // }).then(rep => {
// }).then(rep => { // const data = rep.data
// const data = rep.data // const user = {
// const user = { // roleSid: data.roleSid,
// roleSid: data.roleSid, // name: data.name,
// name: data.name, // userName: data.userName,
// userName: data.userName, // departmentName: data.departmentName, // 部门名称
// departmentName: data.departmentName, // 部门名称 // departmentSid: data.departmentSid, // 部门sid
// departmentSid: data.departmentSid, // 部门sid // isAdmin: data.isAdmin,
// isAdmin: data.isAdmin, // staffSid: data.staffSid, // 业务员sid
// staffSid: data.staffSid, // 业务员sid // userSid: data.sid,
// userSid: data.sid, // orgSid: data.organizationSid, // 单位sid
// orgSid: data.organizationSid, // 单位sid // Orgname: data.organizationName,
// Orgname: data.organizationName, // dwjb: data.dwjb,
// dwjb: data.dwjb, // orgNamePath: data.orgNamePath, // 使用组织全路径名称
// orgNamePath: data.orgNamePath, // 使用组织全路径名称 // orgSidPath: data.orgSidPath // 使用组织全路径Sid
// orgSidPath: data.orgSidPath // 使用组织全路径Sid // }
// } // // 结果存入缓存
// // 结果存入缓存 // window.sessionStorage.setItem('staffSid', user.staffSid)
// window.sessionStorage.setItem('staffSid', user.staffSid) // window.sessionStorage.setItem('userSid', user.userSid)
// window.sessionStorage.setItem('userSid', user.userSid) // window.sessionStorage.setItem('Orgname', user.Orgname)
// window.sessionStorage.setItem('Orgname', user.Orgname) // window.sessionStorage.setItem('orgSid', user.orgSid)
// window.sessionStorage.setItem('orgSid', user.orgSid) // window.sessionStorage.setItem('departmentName', user.departmentName)
// window.sessionStorage.setItem('departmentName', user.departmentName) // window.sessionStorage.setItem('name', user.name)
// window.sessionStorage.setItem('name', user.name) // window.sessionStorage.setItem('user', user)
// window.sessionStorage.setItem('user', user) // window.sessionStorage.setItem('departmentName', user.departmentName)
// window.sessionStorage.setItem('departmentName', user.departmentName) // window.sessionStorage.setItem('departmentSid', user.departmentSid)
// window.sessionStorage.setItem('departmentSid', user.departmentSid) // window.sessionStorage.setItem('orgNamePath', user.orgNamePath)
// window.sessionStorage.setItem('orgNamePath', user.orgNamePath) // window.sessionStorage.setItem('orgSidPath', user.orgSidPath)
// window.sessionStorage.setItem('orgSidPath', user.orgSidPath)
new Vue({ new Vue({
el: '#app', el: '#app',
router, router,
@@ -111,20 +110,20 @@ function getUserInfo() {
} }
getUserInfo() getUserInfo()
// function GetQueryString(name) { function GetQueryString(name) {
// var one = window.location.href.indexOf('?token=') + 7 var one = window.location.href.indexOf('?token=') + 7
// if (one < 7) { return null } if (one < 7) { return null }
// var two = window.location.href.lastIndexOf('&') // + 1 var two = window.location.href.lastIndexOf('&') // + 1
// var data = window.location.href.substr(one) var data = window.location.href.substr(one)
// if (two > one) { if (two > one) {
// data = window.location.href.slice(one, two) data = window.location.href.slice(one, two)
// console.log('token', data) console.log('token', data)
// } }
// if (data) { if (data) {
// return data return data
// } }
// return null return null
// var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)') var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
// var r = window.location.search.substr(1).match(reg) var r = window.location.search.substr(1).match(reg)
// if (r != null) return unescape(r[2]); return null if (r != null) return unescape(r[2]); return null
// } }

35
src/router/index.js
View File

@@ -10,28 +10,27 @@ import Layout from '@/layout'
import codemenu from './modules/codemenu' import codemenu from './modules/codemenu'
export const constantRoutes = [ export const constantRoutes = [
{
path: '/',
redirect: 'login'
},
{
path: '/login',
component: () => import('@/views/login/login.vue')
},
// { // {
// path: '/', // path: '/',
// redirect: 'login' // redirect: 'index'
// }, // },
// { // {
// path: '/login', // path: '/index',
// component: () => import('@/views/login/login.vue'), // component: () => import('@/views/index.vue'),
// name: 'login' // name: 'index'
// }, // },
{
path: '/',
redirect: 'index'
},
// {
// path: '/index',
// component: () => import('@/views/index.vue'),
// name: 'index'
// },
{ {
path: '/index', path: '/index',

5
src/views/index.vue
View File

@@ -12,15 +12,12 @@
data() { data() {
return { return {
token1:'', token1:'',
token2:''
} }
}, },
created() { created() {
this.token1 = window.sessionStorage.getItem('tokenName'); this.token1 = window.sessionStorage.getItem('token');
this.token2 = window.sessionStorage.getItem('tokenValue');
console.log("tokenName2222", this.token1) console.log("tokenName2222", this.token1)
console.log("tokenValue222222", this.token2)
}, },
methods:{ methods:{
// getToken(){ // getToken(){

445
src/views/login/login.vue
View File

@@ -1,55 +1,65 @@
<template> <template>
<div class="login"> <div class="login">
<div class="logoTitle" style="margin-left: 50px;margin-top: 50px;"> <div class="logoTitle" style="margin-left: 50px;margin-top: 50px;">
<!-- <img src="../../assets/loginImg/shgf.png" <img src="../../assets/loginImg/yxt-logo.png" style="width: 250px;height:50px; margin-right: 10px;" />
style="width: 50px;height: 50px; margin-right: 10px;" /><span>汇融惠享</span>
<p class="title" style="margin-top: 5px;">汇融惠享管理平台</p> -->
</div> </div>
<div class="main"> <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> <img src="../../assets/loginImg/login_left.png" style="width:50%;height:100%; " />
<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"> <div class="main-right">
<imgCodeRole @login="login" ref="imgCodeRole"></imgCodeRole>
<el-button slot="reference" type="primary" class="login-btn" v-loading="loading">登 录</el-button> <span class="main-right-title">欢迎登录商享通WMS</span>
</el-popover> -->
<!--<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>--> <div class="main-right-table">
</el-form-item>
</el-form> <div :class="tableIndex == 1 ? 'main-right-table-text1' : 'main-right-table-text3'" @click="tableClick(1)">
密码登录</div>
<div :class="tableIndex == 2 ? 'main-right-table-text2' : 'main-right-table-text4'" @click="tableClick(2)">
验证码登录</div>
</div>
<div class="main-right-table-password" v-show="tableIndex==1">
<el-input class="input" placeholder="请输入手机号/邮箱" clearable v-model="loginForm.userName" />
<el-input class="input" placeholder="请输入密码" type="password" show-password v-model="loginForm.password" />
</div>
<div class="main-right-table-code" v-show="tableIndex==2">
<el-input class="input" placeholder="请输入手机号/邮箱" clearable v-model="loginForm.userName" />
<div style="display: flex;flex-direction: row;align-items: center;width: 100%;">
<el-input class="input" style="flex: 1; margin-right: 10px;" maxlength="6" placeholder="请输入验证码"
v-model="loginForm.verifyCode" />
<span :class="sendCodeType ? 'sendCode1' : 'sendCode2'" @click="sendCode">{{sendCodeText}}</span>
</div>
</div>
<el-button type="primary" size="small" style="width: 65%;margin-top: 30px; font-size: 25px;line-height: 40px;"
@click="login">登录</el-button>
<div class="main-right-bom">
<el-checkbox class="main-right-bom-left">7天内免登录</el-checkbox>
<div class="main-right-bom-right">
<span>忘记密码</span>
<div style="margin-left: 8px;margin-right: 8px;width: 1px; height: 18px;background: #999;"></div>
<span>去注册</span>
</div>
</div>
</div> </div>
</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>
</div> </div>
</template> </template>
@@ -74,9 +84,17 @@
}, },
data() { data() {
return { return {
tableIndex: 1,
sendCodeText: "发送验证码",
sendCodeType: false,
totalTime: 10, //一般是60
timer: '', //定时器
loginForm: { loginForm: {
userName: '', userName: '',
password: '', password: '',
verifyCode: "",
type: "1"
}, },
imgCode: '', imgCode: '',
loading: false, loading: false,
@@ -90,37 +108,72 @@
} }
}, },
methods: { methods: {
tableClick(index) {
this.tableIndex = index
this.loginForm.type = index + ""
},
// 验证码倒计时
sendCode() {
if (this.sendCodeType) return
// this.getCode() // 获取验证码的接口
this.sendCodeType = true
this.sendCodeText = this.totalTime + 's'
this.timer = setInterval(() => {
this.totalTime--
this.sendCodeText = this.totalTime + 's'
if (this.totalTime < 0) {
clearInterval(this.timer)
this.sendCodeText = '发送验证码'
this.totalTime = 10
this.sendCodeType = false
}
}, 1000)
},
login() { login() {
console.log(66222222222222222222222222222); const loading = this.$loading({
// doLogin(this.loginForm).then((response) => { lock: true,
// if (response.code == 200) { text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
doLogin(this.loginForm).then((response) => {
if (response.code == 200) {
this.$router.push({ this.$router.push({
path: '/index' path: '/index'
}) })
this.loading = true loading.close()
// // this.getUserInfo(response.data.loginId) // this.getUserInfo(response.data.loginId)
// window.sessionStorage.setItem('tokenName', response.data.tokenName) window.sessionStorage.setItem('token', response.data.token)
// window.sessionStorage.setItem('tokenValue', response.data.tokenValue) window.sessionStorage.setItem('sid', response.data.sid)
// } window.sessionStorage.setItem('staffSid', response.data.staffSid)
window.sessionStorage.setItem('userName', response.data.userName)
// }).catch(() => { console.log(" token", sessionStorage.getItem('token'))
// this.loading = true }else{
// }) loading.close()
}
}).catch(() => {
loading.close()
})
}, },
getUserInfo(id) { getUserInfo(id) {
getUserById(id).then((response) => { getUserById(id).then((response) => {
if (response.code == 200) { if (response.code == 200) {
console.log(" response", response) console.log(" response", response)
let user = response.data let user = response.data
// 结果存入缓存 // 结果存入缓存
window.sessionStorage.setItem('staffSid', user.staffSid) window.sessionStorage.setItem('staffSid', user.staffSid)
window.sessionStorage.setItem('sid', user.sid) window.sessionStorage.setItem('sid', user.sid)
window.sessionStorage.setItem('userName', user.userName) window.sessionStorage.setItem('userName', user.userName)
} }
}).catch(() => { }).catch(() => {})
})
}, },
codeShow() { codeShow() {
@@ -140,140 +193,190 @@
<style lang="scss"> <style lang="scss">
.el-input__inner {
border: none;
color: #000;
font-size: 16px;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #000;
}
.login { .login {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url(../../assets/home/bj.jpg); background-image: url(../../assets/home/bj.png);
background-position: center; background-position: center;
overflow: hidden; overflow: hidden;
.logoTitle { .logoTitle {
margin: 30px; margin: 30px;
img {
width: 70px;
}
span {
font-size: 40px;
color: #191919;
}
.title {
font-size: 25px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #191919;
margin: 0;
}
} }
.main { .main {
width: 30%; width: 60%;
/*height: 640px;*/ height: 500px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 13px 12px 0px rgba(0, 0, 0, 0.15);
opacity: 0.8; opacity: 0.8;
border-radius: 20px; border-radius: 5px;
position: absolute; position: absolute;
right: 15%; right: 20%;
top:35%; top: 25%;
display: flex;
flex-direction: row;
.content { .main-right {
position: relative; display: flex;
/*.title-h3{ flex-direction: column;
width: 100%; align-items: center;
text-align: center; width: 50%;
color: #FFFFFF; height: 100%;
font-size: 30px;
margin: 0; .main-right-title {
position: absolute; margin-top: 40px;
top: -65px; font-size: 24px;
font-weight: 600;
}
.main-right-table {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 30px;
width: 70%;
.main-right-table-text1 {
flex: 1;
font-size: 22px;
text-align: center;
color: #3E77CD;
}
.main-right-table-text1:after {
content: '';
display: block;
width: 60px;
border-bottom: 2px solid #3E77CD;
margin: 0 auto;
padding-bottom: 8px;
}
.main-right-table-text3 {
flex: 1;
font-size: 22px;
text-align: center;
color: #333;
border-bottom: none;
padding-bottom: 8px;
}
.main-right-table-text2 {
flex: 1;
font-size: 22px;
text-align: center;
color: #3E77CD;
}
.main-right-table-text2:after {
content: '';
display: block;
width: 80px;
border-bottom: 2px solid #3E77CD;
margin: 0 auto;
padding-bottom: 8px;
}
.main-right-table-text4 {
flex: 1;
font-size: 22px;
text-align: center;
color: #333;
border-bottom: none;
padding-bottom: 8px;
}
}
.main-right-table-password {
display: flex;
width: 65%;
margin-top: 10px;
flex-direction: column;
align-items: center;
.input {
margin-top: 10px;
width: 100%;
height: 45px;
border-bottom: 1px #ccc solid;
}
}
.main-right-table-code {
display: flex;
width: 65%;
margin-top: 10px;
flex-direction: column;
align-items: center;
.input {
margin-top: 10px;
width: 100%;
height: 45px;
border-bottom: 1px #ccc solid;
}
.sendCode1 {
font-size: 16px;
color: #c9c9c9;
}
.sendCode2 {
font-size: 16px;
color: #3E77CD;
}
}
.main-right-bom {
padding-left: 10px;
padding-right: 10px;
display: flex;
width: 65%;
margin-top: 10px;
flex-direction: row;
align-items: center;
justify-content: space-between;
.main-right-bom-left {
color: #000;
align-items: center;
}
.main-right-bom-right {
display: flex;
flex-direction: row;
align-items: center;
span {
color: #666;
}
}
}
}*/
} }
}
}
.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;
}
.el-input {
border: none;
background-color: transparent;
}
.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;
}
.register {
color: #EE640C;
}
.register:hover,
.nopsw:hover {
cursor: pointer;
}
.btn-eye {
cursor: pointer;
}
.text-danger {
color: #f56c6c;
}
.login-btn {
margin: 10px 0 10px 0;
width: 100%;
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-form-item {
margin-bottom: 40px;
}
.el-loading-mask {
background-color: rgba(255, 255, 255, 0.6);
} }
} }
</style> </style>