14 changed files with 1060 additions and 41 deletions
@ -0,0 +1,119 @@ |
|||||
|
@import './variables.scss'; |
||||
|
@import './basicData.scss'; |
||||
|
.padpageBox { |
||||
|
background:#fff; |
||||
|
margin:10px; |
||||
|
height:calc(100% - 20px); |
||||
|
min-width:800px; |
||||
|
overflow:auto; |
||||
|
// ::v-deep .el-dialog { |
||||
|
// .el-dialog__body { |
||||
|
// padding-bottom: 20px; |
||||
|
// } |
||||
|
// .form1, |
||||
|
// .form2 { |
||||
|
// display: flex; |
||||
|
// flex-direction: column; |
||||
|
// width: 100%; |
||||
|
// height: 100%; |
||||
|
// } |
||||
|
|
||||
|
// .form1 .el-form { |
||||
|
// flex: 1; |
||||
|
// padding-left: 70px; |
||||
|
// padding-right: 70px; |
||||
|
// display: flex; |
||||
|
// flex-direction: column; |
||||
|
// overflow: hidden; |
||||
|
|
||||
|
|
||||
|
// .el-row { |
||||
|
// flex: 2; |
||||
|
// padding-left: 30px; |
||||
|
// padding-right: 30px; |
||||
|
// flex-wrap: wrap; |
||||
|
// overflow: hidden; |
||||
|
// overflow-y: auto; |
||||
|
// } |
||||
|
|
||||
|
// .formTable-box { |
||||
|
// flex: 2; |
||||
|
// overflow: hidden; |
||||
|
|
||||
|
// .el-form-item__content { |
||||
|
// width: 100%; |
||||
|
// height: 100%; |
||||
|
// display: flex; |
||||
|
// flex-direction: column; |
||||
|
// overflow: hidden; |
||||
|
// margin: 0 !important; |
||||
|
// } |
||||
|
|
||||
|
// .heder { |
||||
|
// padding: 5px 0; |
||||
|
// text-align: end; |
||||
|
|
||||
|
// span { |
||||
|
// color: rgb(64, 158, 255); |
||||
|
// cursor: pointer; |
||||
|
|
||||
|
// &:hover { |
||||
|
// color: blue; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// .el-table { |
||||
|
// flex: 1; |
||||
|
|
||||
|
// // white-space: nowrap; |
||||
|
// // display: flex; |
||||
|
// .childTable { |
||||
|
// display: flex; |
||||
|
// justify-content: space-around; |
||||
|
|
||||
|
// span { |
||||
|
// cursor: pointer; |
||||
|
|
||||
|
// &:nth-child(1) { |
||||
|
// color: red; |
||||
|
// } |
||||
|
|
||||
|
// &:nth-child(2) { |
||||
|
// color: green; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// .form2 .el-form { |
||||
|
// flex: 1; |
||||
|
// padding-left: 100px; |
||||
|
// padding-right: 100px; |
||||
|
// display: flex; |
||||
|
// justify-content: flex-start; |
||||
|
// align-content: flex-start; |
||||
|
// flex-wrap: wrap; |
||||
|
// overflow: hidden; |
||||
|
// overflow-y: auto; |
||||
|
// } |
||||
|
|
||||
|
// .screen-push { |
||||
|
// color: rgb(64, 158, 255); |
||||
|
|
||||
|
// span { |
||||
|
// cursor: pointer; |
||||
|
|
||||
|
// &:hover { |
||||
|
// color: blue; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// .formButton { |
||||
|
// padding: 20px 20px 20px 0; |
||||
|
// } |
||||
|
} |
||||
@ -0,0 +1,513 @@ |
|||||
|
<template> |
||||
|
<div class="login-container"> |
||||
|
<img class="loginLogoImg" src="../../../public/login_logo.png" alt=""> |
||||
|
<div class="login-form-wrapper"> |
||||
|
<div class="left"></div> |
||||
|
<div class="right" id="right"> |
||||
|
<el-form |
||||
|
ref="loginForm" |
||||
|
:model="loginForm" |
||||
|
:rules="loginRules" |
||||
|
class="login-form" |
||||
|
autocomplete="on" |
||||
|
label-position="left" |
||||
|
> |
||||
|
<div class="title-container"> |
||||
|
<h3 class="title">欢迎登录</h3> |
||||
|
</div> |
||||
|
<el-form-item prop="username"> |
||||
|
<span class="svg-container"> |
||||
|
<svg-icon icon-class="user" /> |
||||
|
</span> |
||||
|
<el-input |
||||
|
ref="username" |
||||
|
v-model="loginForm.username" |
||||
|
placeholder="用户名" |
||||
|
name="username" |
||||
|
type="text" |
||||
|
tabindex="1" |
||||
|
autocomplete="on" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-tooltip |
||||
|
v-model="capsTooltip" |
||||
|
content="Caps lock is On" |
||||
|
placement="right" |
||||
|
manual |
||||
|
> |
||||
|
<el-form-item prop="password"> |
||||
|
<span class="svg-container"> |
||||
|
<svg-icon icon-class="password" /> |
||||
|
</span> |
||||
|
<el-input |
||||
|
:key="passwordType" |
||||
|
ref="password" |
||||
|
v-model="loginForm.password" |
||||
|
:type="passwordType" |
||||
|
placeholder="密码" |
||||
|
name="password" |
||||
|
tabindex="2" |
||||
|
autocomplete="on" |
||||
|
@keyup.native="checkCapslock" |
||||
|
@blur="capsTooltip = false" |
||||
|
@keyup.enter.native="handleLogin" |
||||
|
/> |
||||
|
<span class="show-pwd" @click="showPwd"> |
||||
|
<svg-icon |
||||
|
:icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" |
||||
|
/> |
||||
|
</span> |
||||
|
</el-form-item> |
||||
|
</el-tooltip> |
||||
|
|
||||
|
<el-button |
||||
|
class="loginButton" |
||||
|
:loading="loading" |
||||
|
type="primary" |
||||
|
@click.native.prevent="handleLogin" |
||||
|
>登 录</el-button |
||||
|
> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Login', |
||||
|
data () { |
||||
|
const validateUsername = (rule, value, callback) => { |
||||
|
if (!value) { |
||||
|
callback(new Error('请输入正确的用户名')) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
const validatePassword = (rule, value, callback) => { |
||||
|
if (value.length < 6) { |
||||
|
callback(new Error('密码不能少于6位')) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
return { |
||||
|
loginForm: { |
||||
|
grant_type: 'password', |
||||
|
client_id: 'Auth_App', |
||||
|
warehouseCode: localStorage.getItem("warehouseCode"), |
||||
|
company: localStorage.getItem("company"), |
||||
|
username: '', |
||||
|
password: '' |
||||
|
}, |
||||
|
loginRules: { |
||||
|
username: [{ required: true, trigger: 'blur', validator: validateUsername }], |
||||
|
password: [{ required: true, trigger: 'blur', validator: validatePassword }] |
||||
|
}, |
||||
|
passwordType: 'password', |
||||
|
capsTooltip: false, |
||||
|
loading: false, |
||||
|
redirect: undefined, |
||||
|
otherQuery: {} |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
$route: { |
||||
|
handler: function (route) { |
||||
|
const query = route.query |
||||
|
if (query) { |
||||
|
this.redirect = query.redirect |
||||
|
this.otherQuery = this.getOtherQuery(query) |
||||
|
} |
||||
|
}, |
||||
|
immediate: true |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
// window.addEventListener('storage', this.afterQRScan) |
||||
|
// 禁止缩放 |
||||
|
document.addEventListener('mousewheel', function (e) { |
||||
|
e = e || window.event; |
||||
|
if ((e.wheelDelta && event.ctrlKey) || e.detail) { |
||||
|
event.preventDefault(); |
||||
|
} |
||||
|
}, { |
||||
|
capture: false, |
||||
|
passive: false |
||||
|
}); |
||||
|
}, |
||||
|
mounted () { |
||||
|
window.showInfoFromJava = this.showInfoFromJava |
||||
|
if (this.loginForm.username === '') { |
||||
|
this.$refs.username.focus() |
||||
|
} else if (this.loginForm.password === '') { |
||||
|
this.$refs.password.focus() |
||||
|
} |
||||
|
}, |
||||
|
destroyed () { |
||||
|
// window.removeEventListener('storage', this.afterQRScan) |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfoFromJava(msg){ |
||||
|
console.log("showInfoFromJava") |
||||
|
alert(msg) |
||||
|
}, |
||||
|
checkCapslock (e) { |
||||
|
const { key } = e |
||||
|
this.capsTooltip = key && key.length === 1 && (key >= 'A' && key <= 'Z') |
||||
|
}, |
||||
|
showPwd () { |
||||
|
if (this.passwordType === 'password') { |
||||
|
this.passwordType = '' |
||||
|
} else { |
||||
|
this.passwordType = 'password' |
||||
|
} |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.password.focus() |
||||
|
}) |
||||
|
}, |
||||
|
handleLogin () { |
||||
|
this.$refs.loginForm.validate(valid => { |
||||
|
if (valid) { |
||||
|
this.loading = true |
||||
|
this.$store.dispatch('user/login', this.loginForm) |
||||
|
.then(() => { |
||||
|
if(this.$route.query && this.$route.query.redirect){ |
||||
|
this.$router.push({ path: this.$route.query.redirect}) |
||||
|
}else{ |
||||
|
this.$router.push({ path: '/isPadForMenuPage'}) |
||||
|
} |
||||
|
}) |
||||
|
.catch((error) => { |
||||
|
this.$message.error('用户名或密码错误！') |
||||
|
this.loading = false |
||||
|
}) |
||||
|
} else { |
||||
|
console.log('error submit!!') |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getOtherQuery (query) { |
||||
|
return Object.keys(query).reduce((acc, cur) => { |
||||
|
if (cur !== 'redirect') { |
||||
|
acc[cur] = query[cur] |
||||
|
} |
||||
|
return acc |
||||
|
}, {}) |
||||
|
}, |
||||
|
// afterQRScan() { |
||||
|
// if (e.key === 'x-admin-oauth-code') { |
||||
|
// const code = getQueryObject(e.newValue) |
||||
|
// const codeMap = { |
||||
|
// wechat: 'code', |
||||
|
// tencent: 'code' |
||||
|
// } |
||||
|
// const type = codeMap[this.auth_type] |
||||
|
// const codeName = code[type] |
||||
|
// if (codeName) { |
||||
|
// this.$store.dispatch('LoginByThirdparty', codeName).then(() => { |
||||
|
// this.$router.push({ path: this.redirect || '/' }) |
||||
|
// }) |
||||
|
// } else { |
||||
|
// alert('第三方登录失败') |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
/* 修复input 背景不协调 和光标变色 */ |
||||
|
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */ |
||||
|
|
||||
|
$bg: #283443; |
||||
|
$bg_gray: #ececec; |
||||
|
$light_gray: #fff; |
||||
|
$cursor: #fff; |
||||
|
$dark_gray: #889aa4; |
||||
|
|
||||
|
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { |
||||
|
.login-container .el-input input { |
||||
|
color: $cursor; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* reset element-ui css */ |
||||
|
.login-container { |
||||
|
.el-select { |
||||
|
display: inline-block; |
||||
|
height: 47px; |
||||
|
width: calc(100% - 30px); |
||||
|
.el-input { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
.el-input { |
||||
|
display: inline-block; |
||||
|
height: 47px; |
||||
|
width: 85%; |
||||
|
|
||||
|
input { |
||||
|
background: transparent; |
||||
|
border: 0px; |
||||
|
appearance: none; |
||||
|
-webkit-appearance: none; |
||||
|
border-radius: 0px; |
||||
|
padding: 12px 5px 12px 15px; |
||||
|
color: $dark_gray; |
||||
|
height: 47px; |
||||
|
caret-color: $dark_gray; |
||||
|
|
||||
|
&:-webkit-autofill { |
||||
|
box-shadow: 0 0 0px 1000px $bg_gray inset !important; |
||||
|
-webkit-text-fill-color: $dark_gray !important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-form-item { |
||||
|
border: 1px solid rgba(255, 255, 255, 0.1); |
||||
|
// background: rgba(0, 0, 0, 0.1); |
||||
|
// background-color: $bg; |
||||
|
background-color: $bg_gray; |
||||
|
border-radius: 5px; |
||||
|
color: #454545; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
$bg: #2d3a4b; |
||||
|
$dark_gray: #889aa4; |
||||
|
$light_gray: #eee; |
||||
|
|
||||
|
.login-container { |
||||
|
background: url('../../../public/LoginBackground.png') no-repeat; |
||||
|
background-size: cover; |
||||
|
background-position: center 0; |
||||
|
height: 100vh; |
||||
|
width: 100vw; |
||||
|
overflow: hidden; |
||||
|
.loginLogoImg{ |
||||
|
position: fixed; |
||||
|
left: 30px; |
||||
|
top: 30px; |
||||
|
// width:600px; |
||||
|
height: 110px; |
||||
|
} |
||||
|
// .login-bg-wrapper { |
||||
|
// position: absolute; |
||||
|
// top: 0; |
||||
|
// left: 0; |
||||
|
// height: 100%; |
||||
|
// width: 100%; |
||||
|
// img { |
||||
|
// width: 100%; |
||||
|
// height: 100%; |
||||
|
// // -o-object-fit: cover; |
||||
|
// object-fit: cover; |
||||
|
// } |
||||
|
// } |
||||
|
.login-form-wrapper { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.login-form { |
||||
|
padding-top: 30px; |
||||
|
overflow: hidden; |
||||
|
// position: relative; |
||||
|
// width: 520px; |
||||
|
// max-width: 100%; |
||||
|
// padding: 160px 35px 0; |
||||
|
// margin: 0 auto; |
||||
|
// overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.tips { |
||||
|
font-size: 14px; |
||||
|
color: #fff; |
||||
|
margin-bottom: 10px; |
||||
|
|
||||
|
span { |
||||
|
&:first-of-type { |
||||
|
margin-right: 16px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.svg-container { |
||||
|
padding: 6px 5px 6px 15px; |
||||
|
color: $dark_gray; |
||||
|
vertical-align: middle; |
||||
|
width: 30px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.title-container { |
||||
|
position: relative; |
||||
|
|
||||
|
.title { |
||||
|
font-size: 30px; |
||||
|
letter-spacing:19px; |
||||
|
// color: $light_gray; |
||||
|
color: $bg; |
||||
|
margin: 0px auto 40px auto; |
||||
|
text-align: center; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.loginButton{ |
||||
|
width: 100%; |
||||
|
margin-top: 100px; |
||||
|
height:50px; |
||||
|
font-size:18px |
||||
|
} |
||||
|
|
||||
|
.show-pwd { |
||||
|
position: absolute; |
||||
|
right: 10px; |
||||
|
top: 7px; |
||||
|
font-size: 16px; |
||||
|
color: $dark_gray; |
||||
|
cursor: pointer; |
||||
|
user-select: none; |
||||
|
} |
||||
|
|
||||
|
.thirdparty-button { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
bottom: 6px; |
||||
|
} |
||||
|
|
||||
|
@media only screen and (max-width: 470px) { |
||||
|
.thirdparty-button { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media screen and (min-width: 992px) { |
||||
|
// @media screen and (min-width: 992px) { |
||||
|
.left { |
||||
|
// background-position: center 0; |
||||
|
// background-size: cover; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
// display: block; |
||||
|
// flex: 1; |
||||
|
} |
||||
|
.right { |
||||
|
height: 100%; |
||||
|
// background-position: center -15px; |
||||
|
// min-width: 650px; |
||||
|
// width: 35%; |
||||
|
width: 440px; |
||||
|
margin-right: 11%; |
||||
|
flex-shrink: 0; |
||||
|
// flex: 1; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.login-form { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
background: #fff; |
||||
|
padding: 80px 40px; |
||||
|
border-radius: 8px; |
||||
|
// position: relative; |
||||
|
// width: 520px; |
||||
|
// max-width: 100%; |
||||
|
// padding: 160px 35px 0; |
||||
|
// margin: 0 auto; |
||||
|
// overflow: hidden; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// @media screen and (max-height: 750px) { |
||||
|
// .login-container { |
||||
|
// background: url('../../../public/LoginBackground-right.png') no-repeat; |
||||
|
// background-size: cover; |
||||
|
// // background-image: none; |
||||
|
// // background-color: $bg; |
||||
|
// } |
||||
|
// .left { |
||||
|
// display: none; |
||||
|
// } |
||||
|
// .right{ |
||||
|
// width: 100%; |
||||
|
// .login-form { |
||||
|
// width: 76%; |
||||
|
// margin: 0 auto; |
||||
|
// } |
||||
|
// // background-size: cover; |
||||
|
// // background-position: center 0; |
||||
|
// } |
||||
|
// } |
||||
|
|
||||
|
// @media screen and (min-width: 768px) and (max-width: 992px) { |
||||
|
// .login-container { |
||||
|
// background: url('../../../public/LoginBackground-right.png') no-repeat; |
||||
|
// background-size: cover; |
||||
|
// // background-image: none; |
||||
|
// // background-color: $bg; |
||||
|
// } |
||||
|
// .left { |
||||
|
// display: none; |
||||
|
// } |
||||
|
// .right { |
||||
|
// width: 100%; |
||||
|
// .login-form { |
||||
|
// width: 76%; |
||||
|
// margin: 0 auto; |
||||
|
|
||||
|
// .title{ |
||||
|
// color: $light_gray; |
||||
|
// } |
||||
|
// } |
||||
|
// // flex: 1; |
||||
|
// // display: flex; |
||||
|
// // justify-content: center; |
||||
|
// // align-items: center; |
||||
|
// // .login-form { |
||||
|
// // width: 70%; |
||||
|
// // } |
||||
|
// } |
||||
|
// } |
||||
|
@media screen and (max-width: 992px) { |
||||
|
.login-container { |
||||
|
background: url('../../../public/LoginBackground-right.png') no-repeat; |
||||
|
background-size: cover; |
||||
|
// background-image: none; |
||||
|
// background-color: $bg; |
||||
|
// .loginLogoImg{ |
||||
|
// width: 80%; |
||||
|
// } |
||||
|
} |
||||
|
.left { |
||||
|
display: none; |
||||
|
} |
||||
|
.right { |
||||
|
width: 100%; |
||||
|
.login-form { |
||||
|
width: 76%; |
||||
|
margin: 0 auto; |
||||
|
.title{ |
||||
|
color: $light_gray; |
||||
|
} |
||||
|
} |
||||
|
// flex: 1; |
||||
|
// min-width: 250px; |
||||
|
// display: flex; |
||||
|
// justify-content: center; |
||||
|
// align-items: center; |
||||
|
// .login-form { |
||||
|
// width: 90%; |
||||
|
// } |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,26 @@ |
|||||
|
<template> |
||||
|
<div class="isPadForTransferLibJobPage"> |
||||
|
<div class="padListHeader"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'isPadForTransferLibJob', |
||||
|
data () { |
||||
|
return {} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.isPadForTransferLibJobPage{ |
||||
|
background:#fff; |
||||
|
margin:15px; |
||||
|
height:calc(100% - 30px); |
||||
|
min-width:800px; |
||||
|
overflow:auto; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,278 @@ |
|||||
|
<template> |
||||
|
<div class="page-box" v-loading="Loading.appMainLoading"> |
||||
|
<tablePagination |
||||
|
:currenButtonData="currenButtonData" |
||||
|
:tableData="tableData" |
||||
|
:tableLoading="Loading.tableLoading" |
||||
|
:tableColumns="tableColumns" |
||||
|
@rowDrop="rowDrop" |
||||
|
:totalCount="totalCount" |
||||
|
:multipleSelection="multipleSelection" |
||||
|
:MaxResultCount="PageListParams.MaxResultCount" |
||||
|
@topbutton="topbuttonHandle" |
||||
|
@inlineDialog="inlineDialog" |
||||
|
@sortChange="sortChange" |
||||
|
@alertoldSkipCount="alertoldSkipCount" |
||||
|
@alterResultCount="alterResultCount" |
||||
|
@handleSelectionChange="handleSelectionChange" |
||||
|
:currentPageProps="oldSkipCount" |
||||
|
:quicklySearchOption="quicklySearchOption" |
||||
|
@quicklySearchClick="quicklySearchClick" |
||||
|
@quicklySearchClear="quicklySearchClear" |
||||
|
:primarySearchOption="primarySearchOption" |
||||
|
@overallSearchFormClick="overallSearchFormClick" |
||||
|
:httpOverallSearchData="httpOverallSearchData" |
||||
|
:setUTableHeight="140" |
||||
|
> |
||||
|
</tablePagination> |
||||
|
<!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用--> |
||||
|
<!-- methodValue 导入方式默认选项 是否局部导入 默认选项 --> |
||||
|
<importFile |
||||
|
:loading="Loading.importLoading" |
||||
|
:show="displayDialog.importDialog" |
||||
|
:URL="URL" |
||||
|
:disabledMethod = {method1:false,method2:false,method3:false} |
||||
|
:disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false} |
||||
|
isAllowPartImportValue="1" |
||||
|
@importClick="postImportMergeClick(arguments)" |
||||
|
@postImportDown="importDown" |
||||
|
></importFile> |
||||
|
<!--抽屉--> |
||||
|
<curren-Drawer |
||||
|
:title="tableColumns" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:propsData="propsData" |
||||
|
:tabsDesTions="tabsDesTions" |
||||
|
:Butttondata="DrawerButtonData" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:tableColumns="detailsTableColumns" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
></curren-Drawer> |
||||
|
<!-- 新增与编辑 --> |
||||
|
<newAndEdiDialog |
||||
|
:loading="Loading.newAndEdiLoading" |
||||
|
:active="active" |
||||
|
:pageStatus="pageStatus" |
||||
|
:formReveal="formReveal" |
||||
|
:formTitle="formTitle" |
||||
|
:displayDialog="editDialog" |
||||
|
:FormData="formReveal ? CreateFormData : editFormData" |
||||
|
:Form="formReveal ? CreateForm : editForm" |
||||
|
:Options="editOptions" |
||||
|
:Handle="editHandle" |
||||
|
:Rules="formReveal ? editRules.cerateRule : editRules.editRule" |
||||
|
@FormSubmit="FormSubmitHandle" |
||||
|
@close="FormCloseHandle" |
||||
|
@goBack="goBack" |
||||
|
> |
||||
|
<template> |
||||
|
<curren-descriptions |
||||
|
v-if="this.displayDialog.newDialog" |
||||
|
:border="true" |
||||
|
:column="3" |
||||
|
:direction="'horizontal'" |
||||
|
:colon="false" |
||||
|
:tabsDesTions="detailsTableColumns" |
||||
|
:propsData="propsData.details[0]" |
||||
|
class="drawerDescriptionsFirst" |
||||
|
style="width:100%;padding-top:20px" |
||||
|
> |
||||
|
</curren-descriptions> |
||||
|
</template> |
||||
|
</newAndEdiDialog> |
||||
|
<!-- 搜索按钮——窗体组件 --> |
||||
|
<searchPage |
||||
|
ref="searchTable" |
||||
|
:tableLoading="Loading.autoTableLoading" |
||||
|
:advancedFilter="advancedFilter()" |
||||
|
:filterPageListParams="filterPageListParams" |
||||
|
:formTitle="searchTitle" |
||||
|
:displayDialog="displayDialog.AddNewDialog" |
||||
|
:searchTableData="searchData" |
||||
|
:searchTableColumns="searchColumns" |
||||
|
:searchTotalCount="searchTotalCount" |
||||
|
:supplierItemPage="searchPageListParams" |
||||
|
@handleSelectionChange="prepareFormData" |
||||
|
@SizeChange="searchAlterResultCount($event, searchPageListParams)" |
||||
|
@CurrentChange="searchAlertoldSkipCount($event, searchPageListParams)" |
||||
|
@tableButtonClick="searchSubmit(arguments)" |
||||
|
></searchPage> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { tableMixins } from "@/mixins/TableMixins"; |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins"; |
||||
|
import { drawerMixins } from "@/mixins/drawerMixins"; |
||||
|
import { TableHeaderMixins } from "@/mixins/TableHeaderMixins"; |
||||
|
import { mixins } from "@/mixins/mixins"; |
||||
|
import { newAndEdiDialogMixins } from "@/mixins/newAndEdiDialogMixins" |
||||
|
import { filterSelectMixins } from '@/mixins/filter-Select' |
||||
|
import { transferLibJobHandel } from '@/api/wms-job' |
||||
|
import { getInventoryByPackingCode,getDetailed } from '@/api/wms-api' |
||||
|
import currenDescriptions from "@/components/currenDescriptions" |
||||
|
export default { |
||||
|
name: "isPadForTransferLibJob", |
||||
|
components: { |
||||
|
currenDescriptions, |
||||
|
}, |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
filterSelectMixins, |
||||
|
newAndEdiDialogMixins |
||||
|
], |
||||
|
computed: { |
||||
|
editDialog: { |
||||
|
get: function () { |
||||
|
return this.displayDialog.newDialog || this.displayDialog.editDialog; |
||||
|
}, |
||||
|
}, |
||||
|
//按钮显示 |
||||
|
hideButton: function () { |
||||
|
return function (val) { |
||||
|
let data = true |
||||
|
val.forEach(key => { |
||||
|
if (this.propsData.jobStatus == key) { |
||||
|
data = false |
||||
|
} |
||||
|
}) |
||||
|
return data |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
URL: "wms/store/transfer-lib-job", |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
// this.defaultImportBtn(),//导入 |
||||
|
{ |
||||
|
type: 'warning', |
||||
|
label: '查看待执行数据', |
||||
|
name: "showCanHandle", |
||||
|
size: 'mini' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'success', |
||||
|
label: '查看所有数据', |
||||
|
name: "showAllData", |
||||
|
size: 'mini' |
||||
|
}, |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
DrawerButtonData:[ |
||||
|
{ |
||||
|
type:'success', |
||||
|
label: '完成库移', |
||||
|
name: "handle", |
||||
|
hide: () => { return this.hideButton([1,2,4]) }, |
||||
|
size:"mini" |
||||
|
}, |
||||
|
], |
||||
|
CreateFormData: { |
||||
|
packingCode:"", |
||||
|
fromLocationCode:"", |
||||
|
toLocationCode:"", |
||||
|
}, |
||||
|
CreateForm: [ |
||||
|
{ type: "input", label: "箱码", prop: 'packingCode', colSpan: 12, }, |
||||
|
{ type: "input", label: "来源库位", prop: 'fromLocationCode', colSpan: 12, }, |
||||
|
{ type: "input", label: "目标库位", prop: 'toLocationCode', colSpan: 12, }, |
||||
|
], |
||||
|
editRules: { |
||||
|
cerateRule: { |
||||
|
packingCode: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
fromLocationCode: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
toLocationCode: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
methods:{ |
||||
|
topbuttonHandle(val,item){ |
||||
|
if(val == 'showCanHandle'){ |
||||
|
this.PageListParams.condition.filters.push({ |
||||
|
logic:"And", |
||||
|
column:"jobStatus", |
||||
|
action:"In", |
||||
|
value: JSON.stringify([1,2,4,30]) |
||||
|
}) |
||||
|
this.paging(); |
||||
|
} |
||||
|
else if(val == 'showAllData'){ |
||||
|
this.PageListParams.condition.filters = this.PageListParams.condition.filters.filter(obj => obj.column != 'jobStatus'); |
||||
|
this.paging(); |
||||
|
} |
||||
|
else{ |
||||
|
this.topbutton(val,item) |
||||
|
} |
||||
|
}, |
||||
|
drawerbutton(val){ |
||||
|
// 完成库移 |
||||
|
if(val == "handle"){ |
||||
|
this.formTitle = "完成库移"; |
||||
|
this.formReveal = true |
||||
|
this.theEvent = "newly" |
||||
|
this.displayDialog.newDialog = true; |
||||
|
} |
||||
|
}, |
||||
|
FormSubmitHandle(val){ |
||||
|
this.Loading.newAndEdiLoading = true |
||||
|
// 先获取库存余额进行部分项赋值 |
||||
|
getInventoryByPackingCode(this.CreateFormData.packingCode).then(inventory => { |
||||
|
// 目前定的需求为：details中只有一条明细，所以按钮写在最外层，默认赋值第一位 |
||||
|
let _data = this.propsData |
||||
|
_data.details[0].handledFromPackingCode = this.CreateFormData.packingCode |
||||
|
_data.details[0].handledToPackingCode = this.CreateFormData.packingCode |
||||
|
_data.details[0].handledFromLocationCode = this.CreateFormData.fromLocationCode |
||||
|
_data.details[0].handledToLocationCode = this.CreateFormData.toLocationCode |
||||
|
_data.details[0].handledToLot = inventory.lot |
||||
|
_data.details[0].handledFromLot = inventory.lot |
||||
|
_data.details[0].handledFromSupplierBatch = inventory.supplierBatch |
||||
|
_data.details[0].handledToSupplierBatch = inventory.supplierBatch |
||||
|
_data.details[0].handledFromQty = inventory.qty |
||||
|
_data.details[0].handledToQty = inventory.qty |
||||
|
transferLibJobHandel(this.propsData.id, _data).then(res => { |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.FormResult("success") |
||||
|
}).catch(err => { |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.FormResult("error") |
||||
|
}) |
||||
|
}).catch(err => { |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
FormCloseHandle(val){ |
||||
|
this.FormClose(val) |
||||
|
this.Loading.appMainLoading = true |
||||
|
getDetailed(this.propsData.id, this.URL) |
||||
|
.then(res => { |
||||
|
this.propsData = res |
||||
|
this.Loading.appMainLoading = false |
||||
|
}) |
||||
|
.catch(err=>{ |
||||
|
this.Loading.appMainLoading = false |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/styles/mainbasicData.scss"; |
||||
|
</style> |
||||
Loading…
Reference in new issue