Skip to content

梁建民 / wmsApp

Go to a project
Commit 04b6b623 by LJM
Options

入库单

parent fc24c175
Inline Side-by-side
Showing with 2798 additions and 25 deletions
assets/css/arrivalRegister/index.scss
...@@ -112,6 +112,14 @@ ...@@ -112,6 +112,14 @@
font-size: 15rpx; font-size: 15rpx;
color: #ffffff; color: #ffffff;
} }
.btn1 {
width: 68rpx;
height: 30rpx;
border-radius: 8rpx;
border: 1px solid #c6c7cc;
font-size: 15rpx;
color: #1969f9;
}
} }
} }
} }
...@@ -134,6 +142,37 @@ ...@@ -134,6 +142,37 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn3 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
border-right: 1px solid #f0f0f2;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
.btn4 {
width: calc(100% - 128rpx);
height: 75rpx;
background: #ffffff;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
} }
} }
...@@ -141,7 +180,7 @@ ...@@ -141,7 +180,7 @@
width: 85% !important; width: 85% !important;
} }
.uni-drawer { .uni-drawer-layer {
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
...@@ -186,6 +225,15 @@ ...@@ -186,6 +225,15 @@
overflow: hidden; overflow: hidden;
max-width: 176rpx; max-width: 176rpx;
} }
.tt {
font-size: 17rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
} }
} }
.drawer-list { .drawer-list {
...@@ -243,4 +291,16 @@ ...@@ -243,4 +291,16 @@
font-size: 23rpx; font-size: 23rpx;
color: #ffffff; color: #ffffff;
} }
.btn1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 75rpx;
background: #ffe0d7;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
} }
assets/css/picking/sort.scss
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
width: 85% !important; width: 85% !important;
} }
.uni-drawer-tally-receive-detail { .uni-drawer-picking {
width: 100%; width: 100%;
background-color: #ffffff; background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx; padding: 22rpx 22rpx 0 22rpx;
...@@ -261,4 +261,38 @@ ...@@ -261,4 +261,38 @@
font-weight: bold; font-weight: bold;
} }
} }
.list-drawer {
margin-top: 15rpx;
.box {
position: relative;
padding: 15px 17rpx 18rpx 17rpx;
background: #ffffff;
border: 1px solid #c6c7cc;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 98rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
}
}
} }
assets/css/stockRecheck/index.scss 0 → 100644
.stockRecheck {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 12rpx 17rpx;
width: 345rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&:nth-of-type(2n) {
margin-right: 0;
}
.check-box-icon {
position: absolute;
right: 18rpx;
top: 17rpx;
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
}
&.curr {
border: 1px solid #1969f9;
.check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
width: calc(100% - 93rpx);
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.btn-box {
justify-content: flex-end;
.btn1 {
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
.btn2 {
width: 68rpx;
height: 30rpx;
border-radius: 8rpx;
border: 1px solid #c6c7cc;
font-size: 15rpx;
color: #1969f9;
}
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
.btn2 {
width: calc(100% - 128rpx);
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.btn3 {
width: 180rpx;
height: 75rpx;
background: #ffffff;
font-size: 23rpx;
color: #ff3700;
border-left: 1px solid #f0f0f2;
font-weight: bold;
}
}
}
assets/css/stockRecheck/print.scss 0 → 100644
.stockRecheck-print {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
.box {
position: relative;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 82rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-picking {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.field-item {
flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.text {
font-size: 16rpx;
color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.form-input {
margin-bottom: 18rpx;
.input-title {
margin-bottom: 10rpx;
.input-title-t1 {
font-size: 16rpx;
color: #1969f9;
font-weight: bold;
}
.input-title-t2 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
}
.input-box {
.uni-input {
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
text-indent: 15rpx;
font-size: 16rpx;
}
}
}
.select-box {
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
margin-bottom: 18rpx;
.wrap {
padding-left: 15rpx;
padding-right: 25rpx;
height: 55rpx;
}
.uni-input {
font-size: 17rpx;
color: #484b59;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.item-tit {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 18rpx;
.text {
font-weight: normal;
margin-right: 160rpx;
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.print {
margin-bottom: 27rpx;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.tt {
font-size: 17rpx;
color: #484b59;
margin-left: 10rpx;
}
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn1 {
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
font-weight: bold;
}
}
}
assets/css/stockRecheck/record.scss 0 → 100644
.stockRecheck-record {
padding: 15rpx 22rpx;
.list {
padding-bottom: 100rpx;
.box {
position: relative;
padding: 15px 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.check-box-icon {
position: absolute;
right: 18rpx;
top: 17rpx;
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
}
&.curr {
border: 1px solid #1969f9;
.check-box-icon {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
border-right: 1px solid #f0f0f2;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
.btn2 {
width: calc(100% - 128rpx);
height: 75rpx;
background: #fff;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
}
}
assets/css/stockRecheck/sort.scss 0 → 100644
.stockRecheck-sort {
.tab {
height: 54rpx;
background: #ffffff;
.box {
flex: 0 0 50%;
height: 100%;
position: relative;
font-size: 18rpx;
color: #292b33;
font-weight: bold;
&.curr {
color: #1969f9;
&::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 85rpx;
height: 5rpx;
margin: 0 auto;
text-align: center;
background: #1969f9;
border-radius: 3rpx;
content: '';
}
}
}
}
.picking-sort-wrap {
padding: 15rpx 22rpx;
}
.search-type {
margin-bottom: 15rpx;
.search-bar {
width: 345rpx;
height: 60rpx;
padding-right: 17rpx;
background: #ffffff;
border-radius: 10rpx;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
.icon-juxing3 {
font-size: 30rpx;
color: #c6c7cc;
}
}
.title {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 10rpx;
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 128rpx;
height: 75rpx;
background: #ffffff;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
.btn2 {
width: calc(100% - 128rpx);
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.btn3 {
width: 180rpx;
height: 75rpx;
background: #ffffff;
font-size: 23rpx;
color: #ff3700;
border-left: 1px solid #f0f0f2;
font-weight: bold;
}
}
.list {
padding-bottom: 100rpx;
.box {
position: relative;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
.list-style {
flex-wrap: wrap;
.box {
position: relative;
width: 345rpx;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-picking {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.field-item {
flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 114rpx;
font-size: 16rpx;
color: #919399;
}
.text {
font-size: 16rpx;
color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.form-input {
margin-bottom: 18rpx;
.input-title {
margin-bottom: 10rpx;
.input-title-t1 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
}
.input-box {
.uni-input {
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
text-indent: 15rpx;
font-size: 16rpx;
}
}
}
.item-tit {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 18rpx;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.pack {
margin-top: 37rpx;
.h2 {
font-size: 17rpx;
color: #484b59;
font-weight: bold;
margin-bottom: 10rpx;
.tt {
font-size: 17rpx;
color: #919399;
font-weight: normal;
}
.num {
.t1 {
font-size: 13rpx;
color: #1969f9;
}
.t2 {
font-size: 13rpx;
color: #919399;
}
}
}
.search {
padding-right: 18rpx;
width: 488rpx;
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
}
.icon-box {
width: 75rpx;
height: 55rpx;
border-radius: 10rpx;
border: 1px solid #c6c7cc;
.iconfont {
font-size: 30rpx;
color: #56585e;
}
}
}
.p-text {
margin-top: 38rpx;
.tt {
font-size: 20rpx;
color: #484b59;
}
.ed {
font-weight: bold;
font-size: 20rpx;
color: #1969f9;
}
}
.print {
margin-bottom: 27rpx;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.tt {
font-size: 17rpx;
color: #484b59;
margin-left: 10rpx;
}
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn0 {
width: 50%;
height: 75rpx;
background: #f5f5f7;
font-size: 23rpx;
color: #1969f9;
font-weight: bold;
}
.btn1 {
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
font-weight: bold;
}
.btn2 {
width: 248rpx;
height: 75rpx;
background: #fff;
.check-box-icon {
width: 20rpx;
height: 20rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
background-size: contain;
display: block;
&.curr {
background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
background-size: contain;
}
}
.text {
margin-left: 10rpx;
font-size: 20rpx;
color: #484b59;
}
}
}
.list-drawer {
margin-top: 15rpx;
.box {
position: relative;
padding: 15px 17rpx 18rpx 17rpx;
background: #ffffff;
border: 1px solid #c6c7cc;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 98rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
}
}
}
assets/css/transfer/index.scss 0 → 100644
.transfer {
padding: 15rpx 22rpx;
.search-box {
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
padding: 0 18rpx 0 0;
.sn {
width: 164rpx;
height: 35rpx;
border-right: 1px solid #f0f0f2;
.uni-input {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.uni-arrow {
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
margin-left: 12rpx;
}
}
.search-bar {
width: calc(100% - 164rpx);
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 13rpx 17rpx;
width: 345rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 82rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
width: calc(100% - 93rpx);
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.btn-box {
justify-content: flex-end;
.btn {
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
}
assets/css/transfer/task.scss 0 → 100644
.transfer-task {
padding: 15rpx 22rpx;
.search-type {
margin-bottom: 15rpx;
.search-bar {
width: 345rpx;
height: 60rpx;
padding-right: 17rpx;
background: #ffffff;
border-radius: 10rpx;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
.title {
font-size: 18rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 10rpx;
}
}
.list {
.box {
position: relative;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.input-box {
margin-bottom: 11rpx;
flex: 0 0 50%;
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
.list-style {
flex-wrap: wrap;
.box {
position: relative;
width: 345rpx;
padding: 15px 17rpx 20rpx 17rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-bottom: 15rpx;
flex-wrap: wrap;
.input-box {
margin-bottom: 11rpx;
.bor {
height: 1px;
background-color: #f0f0f2;
color: #f0f0f2;
margin-bottom: 10rpx;
}
.label {
width: 114rpx;
font-size: 17rpx;
color: #919399;
white-space: nowrap;
}
.text {
font-size: 17rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.tt {
font-size: 17rpx;
color: #1969f9;
}
}
.btn {
position: absolute;
right: 17rpx;
bottom: 12rpx;
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-tally-receive-detail {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.field-item {
flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 114rpx;
font-size: 16rpx;
color: #919399;
}
.text {
font-size: 16rpx;
color: #1969f9;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
.tt {
font-size: 16rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.form-input {
margin-bottom: 18rpx;
.input-title {
margin-bottom: 10rpx;
.input-title-t1 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
.arrow {
color: #1969f9;
font-size: 16rpx;
font-weight: bold;
}
}
.input-box {
.uni-input {
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
text-indent: 15rpx;
font-size: 16rpx;
}
}
.input-box-search {
padding-right: 18rpx;
height: 55rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
.icon-a-juxing11 {
font-size: 30rpx;
color: #c6c7cc;
}
}
}
.item-tit {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 18rpx;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn1 {
width: 50%;
height: 75rpx;
background: #f5f5f7;
font-size: 23rpx;
color: #1969f9;
}
.btn2 {
width: 50%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
font-weight: bold;
}
}
}
pages.json
...@@ -161,7 +161,46 @@ ...@@ -161,7 +161,46 @@
}, { }, {
"path": "pages/stockRecheck/index", "path": "pages/stockRecheck/index",
"style": { "style": {
"navigationBarTitleText": "复核" "navigationBarTitleText": "复核",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "打印快递单",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "120px"
}]
}
}
}
}, {
"path": "pages/stockRecheck/sort",
"style": {
"navigationBarTitleText": "复核拣货",
"app-plus": {
"titleNView": {
"buttons": [{
"index": "0",
"text": "复核记录",
"fontSize": "15px",
"color": "#1969F9",
"float": "right",
"width": "100px"
}]
}
}
}
}, {
"path": "pages/stockRecheck/record",
"style": {
"navigationBarTitleText": "复核记录"
}
}, {
"path": "pages/stockRecheck/print",
"style": {
"navigationBarTitleText": "打快递单"
} }
}, { }, {
"path": "pages/transfer/index", "path": "pages/transfer/index",
...@@ -169,6 +208,11 @@ ...@@ -169,6 +208,11 @@
"navigationBarTitleText": "移位" "navigationBarTitleText": "移位"
} }
}, { }, {
"path": "pages/transfer/task",
"style": {
"navigationBarTitleText": "移位任务"
}
}, {
"path": "pages/immediatelyStockIn/index", "path": "pages/immediatelyStockIn/index",
"style": { "style": {
"navigationBarTitleText": "库存查询" "navigationBarTitleText": "库存查询"
......
pages/arrivalRegister/index.vue
...@@ -111,8 +111,8 @@ ...@@ -111,8 +111,8 @@
<view class="btn2 row rowCenter verCenter">到货登记</view> <view class="btn2 row rowCenter verCenter">到货登记</view>
</view> </view>
<!-- 入库单详情弹窗 --> <!-- 入库单详情弹窗 -->
<uni-drawer ref="showRight" mode="right" :mask-click="true"> <uni-drawer ref="showRight" mode="right">
<view class="uni-drawer"> <view class="uni-drawer-layer">
<view class="title row rowCenter verCenter"> <view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text> <text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">入库单详情</text> <text class="text">入库单详情</text>
...@@ -157,8 +157,8 @@ ...@@ -157,8 +157,8 @@
</scroll-view> </scroll-view>
</view> </view>
<view class="time">创建时间：2023-04-01 11:28:59</view> <view class="time">创建时间：2023-04-01 11:28:59</view>
<view class="btn row rowCenter verCenter">到货登记</view>
</view> </view>
<view class="btn row rowCenter verCenter">到货登记</view>
</uni-drawer> </uni-drawer>
</view> </view>
</template> </template>
......
pages/arrivalRegister/registered.vue
<template> <template>
<view class="arrivalRegister">已登记</view> <view class="arrivalRegister">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入物流单号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box curr" @click="showDrawer()" v-for="(item, index) in 20">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">物流单号：</text>
<text class="t1">SF2135661465161</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="tt">A65512、A65512、A65512、A65512、A65512、</text>
</view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">TI</text>
</view>
<view class="text-item row verCenter">
<text class="label">预期数量：</text>
<text class="tt">预期数量：</text>
</view>
<view class="btn-box row"><view class="btn1 row rowCenter verCenter">详情</view></view>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn3 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn4 row rowCenter verCenter" @click="showDrawer()">取消登记</view>
</view>
<!-- 入库单详情弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-layer">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">入库单详情</text>
</view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">入库单号：</text>
<text class="text">ASN2201010001</text>
</view>
<view class="item row verCenter">
<text class="label">状 态：</text>
<text class="text">入库单详情</text>
</view>
<view class="item row verCenter">
<text class="label">物流单号：</text>
<text class="text">SF2135661465161</text>
</view>
</view>
<view class="pp">货品详情</view>
<view class="drawer-list">
<scroll-view style="max-height: 755rpx" scroll-y="true">
<view class="box">
<view class="row verCenter top">
<text class="t1">{{ index + 1 }}.</text>
<text class="t2">SDF44555SDF5ASD54ASDA</text>
</view>
<view class="row verCenter">
<view class="bar row verCenter" style="flex: 0 0 40%;">
<text class="tt">标准品牌：</text>
<text class="yy">AS2D1ASD</text>
</view>
<view class="bar row verCenter" style="flex: 0 0 30%;">
<text class="tt">数量：</text>
<text class="yy">100</text>
</view>
<view class="bar row verCenter" style="flex: 0 0 30%;">
<text class="tt">入仓号：</text>
<text class="yy">A65512</text>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">到货日期：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
<view class="item row verCenter">
<text class="label">到货操作人：</text>
<text class="tt">朱国军</text>
</view>
</view>
<view class="btn1 row rowCenter verCenter">取消登记</view>
</view>
</uni-drawer>
</view>
</template> </template>
<script> <script>
...@@ -13,6 +128,9 @@ export default { ...@@ -13,6 +128,9 @@ export default {
}, },
onNavigationBarButtonTap(e) { onNavigationBarButtonTap(e) {
if (e.index == 0) { if (e.index == 0) {
uni.navigateTo({
url: '/pages/arrivalRegister/registered'
});
} }
}, },
methods: { methods: {
......
pages/picking/sort.vue
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
<text class="label">销 售 员：</text> <text class="label">销 售 员：</text>
<text class="text">朱国军：</text> <text class="text">朱国军：</text>
</view> </view>
<view class="btn row rowCenter verCenter" @click="showDrawer()">拣货</view> <view class="btn row rowCenter verCenter" @click="showDrawer(1)">拣货</view>
</view> </view>
</view> </view>
<view class="list-style row bothSide" v-if="curr == 1"> <view class="list-style row bothSide" v-if="curr == 1">
...@@ -107,16 +107,16 @@ ...@@ -107,16 +107,16 @@
<text class="label">销 售 员：</text> <text class="label">销 售 员：</text>
<text class="text">朱国军</text> <text class="text">朱国军</text>
</view> </view>
<view class="btn row rowCenter verCenter">选择</view> <view class="btn row rowCenter verCenter" @click="showDrawer(2)">选择</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 拣货 详情弹窗 --> <!-- 按货品拣货详情弹窗 -->
<uni-drawer ref="showRight" mode="right"> <uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-tally-receive-detail"> <view class="uni-drawer-picking">
<view class="title row rowCenter verCenter"> <view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text> <text class="iconfont icon-juxing2" @click="closeDrawer(1)"></text>
<text class="text">详情</text> <text class="text">按货品拣货</text>
</view> </view>
<view class="field-item row" style="margin-top: 39rpx;"> <view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter"> <view class="item row verCenter">
...@@ -197,6 +197,95 @@ ...@@ -197,6 +197,95 @@
<view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter">拣 货</view></view> <view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter">拣 货</view></view>
</view> </view>
</uni-drawer> </uni-drawer>
<!-- 按容器拣货详情弹窗 -->
<uni-drawer ref="showRightPack" mode="right">
<view class="uni-drawer-picking">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer(2)"></text>
<text class="text">按容器拣货</text>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter">
<text class="label">库 位：</text>
<text class="text">A00001</text>
</view>
<view class="item row verCenter">
<text class="label">库 位：</text>
<text class="text">A65512</text>
</view>
<view class="item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="item row verCenter">
<text class="label">合计应拣数量：</text>
<text class="tt">1118</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit">货品明细</view>
<view class="list-drawer">
<scroll-view style="max-height: 755rpx" scroll-y="true">
<view class="box row" v-for="(item, index) in 25" :key="index">
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">入库批次号：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="bor" style="flex: 0 0 100%;"></view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">22+</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">拣货数量：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军</text>
</view>
<view class="input-box row verCenter">
<text class="label">采 购 员：</text>
<text class="text">牛荣壮</text>
</view>
<view class="input-box row verCenter">
<text class="label">收货客户：</text>
<text class="text">猎芯科技有限公司</text>
</view>
</view>
</scroll-view>
</view>
<view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter">拣 货</view></view>
</view>
</uni-drawer>
</view> </view>
</template> </template>
...@@ -221,11 +310,19 @@ export default { ...@@ -221,11 +310,19 @@ export default {
tab(index) { tab(index) {
this.curr = index; this.curr = index;
}, },
showDrawer() { showDrawer(type) {
this.$refs.showRight.open(); if (type == 1) {
this.$refs.showRight.open();
} else if (type == 2) {
this.$refs.showRightPack.open();
}
}, },
closeDrawer() { closeDrawer(type) {
this.$refs.showRight.close(); if (type == 1) {
this.$refs.showRight.close();
} else if (type == 2) {
this.$refs.showRightPack.close();
}
} }
} }
}; };
......
pages/stockRecheck/index.vue
<template> <template>
<view class="index">复核</view> <view class="stockRecheck">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box" v-for="(item, index) in 10" :key="index">
<template v-if="index == 1">
<view class="check-box-icon"></view>
</template>
<view class="text-item row verCenter">
<text class="label">出库单号：</text>
<text class="t1">ASN2201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">状 态：</text>
<text class="t1">全部锁库</text>
</view>
<view class="text-item row verCenter">
<text class="label">复核确认：</text>
<text class="t1">待确认</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="text-item row verCenter">
<text class="label">总 数 量：</text>
<text class="tt">5000</text>
</view>
<view class="text-item row verCenter">
<text class="label">上游备注：</text>
<text class="tt">我是一条备注我是一条备注我是一条备注我是一条备注</text>
</view>
<view class="text-item row verCenter">
<text class="label">销售员：</text>
<text class="tt">朱国军</text>
</view>
<view class="btn-box row">
<template v-if="index == 0">
<navigator url="/pages/stockRecheck/sort" class="btn1 row rowCenter verCenter" hover-class="none">选择</navigator>
</template>
<template v-else-if="index == 1">
<navigator class="btn2 row rowCenter verCenter" url="/pages/stockRecheck/record" hover-class="none">详情</navigator>
</template>
<template v-else>
<navigator url="/pages/stockRecheck/sort" class="btn1 row rowCenter verCenter" hover-class="none">选择</navigator>
</template>
</view>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn1 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn2 row rowCenter verCenter">复核确认</view>
</view>
</view>
</template> </template>
<script> <script>
import { API } from '@/util/api.js'; import { API } from '@/util/api.js';
export default { export default {
data() { data() {
return {}; return {
index: 0,
array: ['出库单号']
};
}, },
onLoad() {}, onLoad() {},
methods: {} onNavigationBarButtonTap(e) {
if (e.index == 0) {
uni.navigateTo({
url: '/pages/stockRecheck/print'
});
}
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/assets/css/index/index.scss'; @import '@/assets/css/stockRecheck/index.scss';
</style> </style>
pages/stockRecheck/print.vue 0 → 100644
<template>
<view class="stockRecheck-print">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list">
<view class="box row" v-for="(item, index) in 15">
<view class="input-box row verCenter">
<text class="label">出库单号：</text>
<text class="tt">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">状态：</text>
<text class="tt">已完成</text>
</view>
<view class="bor" style="flex: 0 0 100%;"></view>
<view class="input-box row verCenter">
<text class="label">总 数 量：</text>
<text class="text">20000</text>
</view>
<view class="input-box row verCenter">
<text class="label">打包箱数：</text>
<text class="text">23</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">上游备注：</text>
<text class="text">我是一条备注</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">酆维青</text>
</view>
<view class="input-box row verCenter">
<text class="label">采 购 员：</text>
<text class="text">苏馨</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">收货客户：</text>
<text class="text">深圳市猎芯科技有限公司</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">操 作 人：</text>
<text class="text">邰哲伟</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">完成时间：</text>
<text class="text">2023-04-01 11:28:59</text>
</view>
<view class="btn row rowCenter verCenter" @click="showDrawer()">选择</view>
</view>
</view>
<!-- 打快递单弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-picking">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer(1)"></text>
<text class="text">打快递单</text>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter">
<text class="label">出库单号：</text>
<text class="text">ASN2201010001</text>
</view>
<view class="item row verCenter">
<text class="label">状态：</text>
<text class="text">出库单号：</text>
</view>
</view>
<view class="bor"></view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">上游备注：</text>
<text class="tt" style="max-width: 100%;">我是一条备注，我是一条备注</text>
</view>
<view class="item row verCenter">
<text class="label">销 售 员：</text>
<text class="tt">裴萍</text>
</view>
<view class="item row verCenter">
<text class="label">采 购 员：</text>
<text class="tt">简岩菊</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">收货客户：</text>
<text class="tt">深圳市猎芯科技有限公司</text>
</view>
<view class="item row verCenter">
<text class="label">完成时间：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
<view class="item row verCenter">
<text class="label">操 作 人：</text>
<text class="tt">吉言</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit row verCenter bothSide">
<text>交货信息</text>
<view class="text">
<text class="label">包 裹 数：</text>
<text class="tt">1</text>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="input-title-t1">*</text>
<text class="input-title-t2">交货方式：</text>
</view>
<view class="select-box row">
<picker @change="bindPickerChange" :value="index" :range="array" style="width: 100%;">
<view class="row verCenter bothSide wrap">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="input-title-t1">*</text>
<text class="input-title-t2">物流公司：</text>
</view>
<view class="select-box row">
<picker @change="bindPickerChange" :value="index" :range="array" style="width: 100%;">
<view class="row verCenter bothSide wrap">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="input-title-t1">*</text>
<text class="input-title-t2">物流模式：</text>
</view>
<view class="select-box row">
<picker @change="bindPickerChange" :value="index" :range="array" style="width: 100%;">
<view class="row verCenter bothSide wrap">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="input-title-t1">*</text>
<text class="input-title-t2">物流单号：</text>
</view>
<view class="input-box"><input type="text" class="uni-input" placeholder-style="color:#919399" placeholder="请输入" /></view>
</view>
<view class="print row verCenter">
<text class="check-box-icon curr"></text>
<text class="tt">打印纸质发票</text>
<text class="check-box-icon curr" style="margin-left: 105rpx;"></text>
<text class="tt">签回单</text>
</view>
<view class="bor"></view>
<view class="item-tit">地址信息</view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">收货公司：</text>
<text class="tt">深圳市猎芯科技有限公司</text>
</view>
<view class="item row verCenter">
<text class="label">收 货 人：</text>
<text class="tt">裴萍</text>
</view>
<view class="item row verCenter">
<text class="label">联系电话：</text>
<text class="tt">138000138000</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">收货地址：</text>
<text class="tt" style="max-width: 100%;">广东省深圳市龙岗区坂田街道宝能科技园12栋11楼</text>
</view>
</view>
<view class="btn row verCenter bothSide"><view class="btn1 row rowCenter verCenter">打 印</view></view>
</view>
</uni-drawer>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
index: 0,
array: ['出库单号']
};
},
onLoad() {},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
},
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/stockRecheck/print.scss';
</style>
pages/stockRecheck/record.vue 0 → 100644
<template>
<view class="stockRecheck-record">
<view class="list">
<view class="box row curr" v-for="(item, index) in 15">
<view class="check-box-icon"></view>
<view class="input-box row verCenter">
<text class="label">入库批次号：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">状态：</text>
<text class="tt">待确认</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">美国</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter">
<text class="label">复核数量：</text>
<text class="text" style="color: #F98119;">30000</text>
</view>
<view class="input-box row verCenter">
<text class="label">打包箱号：</text>
<text class="text">RQ0001</text>
</view>
<view class="input-box row verCenter">
<text class="label">复 核 人：</text>
<text class="text">欧阳雪雁</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军</text>
</view>
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">复核时间：</text>
<text class="text">2023-04-01 11:28:59</text>
</view>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn1 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn2 row rowCenter verCenter">取消复核</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/stockRecheck/record.scss';
</style>
pages/stockRecheck/sort.vue 0 → 100644
<template>
<view class="stockRecheck-sort">
<view class="tab row verCenter">
<view class="box row rowCenter verCenter" :class="{ curr: curr == index }" v-for="(item, index) in itemArr" :key="index" @click="tab(index)">{{ item }}</view>
</view>
<view class="picking-sort-wrap">
<view class="search-type row bothSide verCenter">
<view class="left">
<view class="title">打包箱号：</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入库位" placeholder-style="color:#919399" />
</view>
<view class="row verCenter">
<text class="iconfont icon-a-juxing11" style="margin-right: 26rpx;"></text>
<text class="iconfont icon-juxing3"></text>
</view>
</view>
</view>
<view class="right">
<view class="title">入库批次号：</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入入库批次号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
</view>
<view class="list" v-if="curr == 0">
<view class="box row" v-for="(item, index) in 15">
<view class="input-box row verCenter">
<text class="label">入库批次号：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">状态：</text>
<text class="tt">待审核</text>
</view>
<view class="bor"></view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">22+</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter">
<text class="label">待复核数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">已复核数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军：</text>
</view>
<view class="btn row rowCenter verCenter" @click="showDrawer(1)">复核</view>
</view>
</view>
<view class="list-style row bothSide" v-if="curr == 1">
<view class="box" v-for="(item, index) in 15">
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">容 器：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="bor"></view>
<view class="input-box row verCenter">
<text class="label">任 务 数：</text>
<text class="text">88</text>
</view>
<view class="input-box row verCenter">
<text class="label">合计应拣数量：</text>
<text class="text">100</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军</text>
</view>
<view class="btn row rowCenter verCenter" @click="showDrawer(2)">选择</view>
</view>
</view>
</view>
<view class="fix-btn row verCenter" v-if="curr == 0">
<view class="btn1 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn2 row rowCenter verCenter" @click="showDrawer(0)">一键复核</view>
</view>
<!-- 按货品复核单个详情弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-picking">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer(1)"></text>
<text class="text">按货品复核单个</text>
</view>
<view class="pack">
<view class="h2">打包箱号：</view>
<view class="row verCenter bothSide">
<view class="search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入物流单号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="row verCenter">
<view class="icon-box row rowCenter verCenter"><text class="iconfont icon-juxing3"></text></view>
</view>
</view>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">入库批次号：</text>
<text class="text">ASN2201010001</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit">货品详情</view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品编码：</text>
<text class="tt" style="max-width: 100%;">6546546416541654665</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品名称：</text>
<text class="tt" style="max-width: 100%;">ASD3DAADS22</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">标准品牌：</text>
<text class="tt" style="max-width: 100%;">Nexperia</text>
</view>
<view class="item row verCenter">
<text class="label">D / C：</text>
<text class="tt">22+</text>
</view>
<view class="item row verCenter">
<text class="label">产 地：</text>
<text class="tt">美国</text>
</view>
<view class="item row verCenter">
<text class="label">货品品质：</text>
<text class="tt">良品</text>
</view>
<view class="item row verCenter">
<text class="label">入 仓 号：</text>
<text class="tt">C12345</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;margin-bottom: 17rpx;">
<text class="label">其他批次属性：</text>
<text class="tt">-</text>
</view>
</view>
<view class="bor"></view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">锁库数量：</text>
<text class="tt" style="color: #F98119;">100000</text>
</view>
<view class="item row verCenter">
<text class="label">锁库数量：</text>
<text class="tt" style="color: #F98119;">0</text>
</view>
<view class="item row verCenter">
<text class="label">已复核数：</text>
<text class="tt" style="color: #F98119;">212</text>
</view>
<view class="item row verCenter">
<text class="label">待复核数：</text>
<text class="tt" style="color: #F98119;">22222：</text>
</view>
</view>
<view class="form-input" style="margin-top: 17rpx;">
<view class="input-title"><text class="input-title-t1">复核数量：</text></view>
<view class="input-box"><input type="text" class="uni-input" placeholder-style="color:#919399" placeholder="请输入" /></view>
</view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">销 售 员：</text>
<text class="tt">拾贰</text>
</view>
</view>
<view class="bor"></view>
<view class="print row verCenter">
<text class="check-box-icon curr"></text>
<text class="tt">打印客户专属标签</text>
</view>
<view class="btn row verCenter bothSide">
<view class="btn0 row rowCenter verCenter" @click="closeDrawer(1)">取 消</view>
<view class="btn1 row rowCenter verCenter" style="width: 50%;">复 核</view>
</view>
</view>
</uni-drawer>
<!-- 按货品复核一键详情弹窗 -->
<uni-drawer ref="showRightAll" mode="right">
<view class="uni-drawer-picking">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer(0)"></text>
<text class="text">一键复核</text>
</view>
<view class="p-text">
<text class="tt">您已选中</text>
<text class="ed">5</text>
<text class="tt">个复核任务</text>
</view>
<view class="pack" style="margin-bottom: 25rpx;margin-top: 25rpx;">
<view class="h2">打包箱号：</view>
<view class="row verCenter bothSide">
<view class="search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入物流单号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="row verCenter">
<view class="icon-box row rowCenter verCenter"><text class="iconfont icon-juxing3"></text></view>
</view>
</view>
</view>
<view class="print row verCenter">
<text class="check-box-icon curr"></text>
<text class="tt">打印客户专属标签</text>
</view>
<view class="btn row verCenter bothSide">
<view class="btn0 row rowCenter verCenter" @click="closeDrawer(0)">取 消</view>
<view class="btn1 row rowCenter verCenter" style="width: 50%;">一键复核</view>
</view>
</view>
</uni-drawer>
<!-- 按容器复核详情弹窗 -->
<uni-drawer ref="showRightPack" mode="right">
<view class="uni-drawer-picking">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer(2)"></text>
<text class="text">按容器复核</text>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">容 器：</text>
<text class="text">A00001</text>
</view>
<view class="item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="item row verCenter">
<text class="label">合计待复核数量：</text>
<text class="tt">1118</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit">货品明细</view>
<view class="list-drawer">
<scroll-view style="max-height: 755rpx" scroll-y="true">
<view class="box row" v-for="(item, index) in 25" :key="index">
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">入库批次号：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="bor" style="flex: 0 0 100%;"></view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">22+</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">入 仓 号：</text>
<text class="text">C12345</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter">
<text class="label">锁库数量：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">拣货数量：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">已复核数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">待复核数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">销 售 员：</text>
<text class="text">朱国军</text>
</view>
</view>
</scroll-view>
</view>
<view class="btn row verCenter bothSide">
<view class="btn2 row rowCenter verCenter">
<text class="check-box-icon curr"></text>
<text class="text">打印客户专属标签</text>
</view>
<view class="btn1 row rowCenter verCenter" style="width: calc(100% - 248rpx);">复 核</view>
</view>
</view>
</uni-drawer>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
curr: 0,
itemArr: ['按货品复核', '按容器复核']
};
},
onNavigationBarButtonTap(e) {
if (e.index == 0) {
uni.navigateTo({
url: '/pages/stockRecheck/record'
});
}
},
onLoad() {},
methods: {
tab(index) {
this.curr = index;
},
showDrawer(type) {
if (type == 1) {
this.$refs.showRight.open();
} else if (type == 2) {
this.$refs.showRightPack.open();
} else if (type == 0) {
this.$refs.showRightAll.open();
}
},
closeDrawer(type) {
if (type == 1) {
this.$refs.showRight.close();
} else if (type == 2) {
this.$refs.showRightPack.close();
} else if (type == 0) {
this.$refs.showRightAll.close();
}
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/stockRecheck/sort.scss';
</style>
pages/transfer/index.vue
<template> <template>
<view class="index">移位</view> <view class="transfer">
<view class="search-box row bothSide verCenter">
<view class="sn row rowCenter verCenter">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter">
<view class="uni-input">{{ array[index] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入号码" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="list row bothSide">
<view class="box" v-for="(item, index) in 10" :key="index">
<view class="text-item row verCenter">
<text class="label">移位单号：</text>
<text class="t1">L-YW2201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">状 态：</text>
<text class="t1">任务生成</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">任 务 数：</text>
<text class="tt">8</text>
</view>
<view class="text-item row verCenter">
<text class="label">总 数 量：</text>
<text class="tt">5000</text>
</view>
<view class="text-item row verCenter">
<text class="label">创建时间：</text>
<text class="tt">2023-04-01 11:28:59</text>
</view>
<navigator class="btn-box row" url="/pages/transfer/task" hover-class="none"><view class="btn row rowCenter verCenter">选择</view></navigator>
</view>
</view>
</view>
</template> </template>
<script> <script>
import { API } from '@/util/api.js'; import { API } from '@/util/api.js';
export default { export default {
data() { data() {
return {}; return {
index: 0,
array: ['移位单号']
};
}, },
onLoad() {}, onLoad() {},
methods: {} methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '@/assets/css/index/index.scss'; @import '@/assets/css/transfer/index.scss';
</style> </style>
pages/transfer/task.vue 0 → 100644
<template>
<view class="transfer-task">
<view class="search-type row bothSide verCenter">
<view class="left">
<view class="title">源库位：</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入源库位" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="right">
<view class="title">入库批次号：</view>
<view class="search-bar row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入入库批次号" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
</view>
<view class="list">
<view class="box row" v-for="(item, index) in 15">
<view class="input-box row verCenter" style="flex: 0 0 100%;">
<text class="label">源 库 位：</text>
<text class="tt">A65512</text>
</view>
<view class="input-box row verCenter">
<text class="label">入库批次号：</text>
<text class="tt">L-ASN2201010001</text>
</view>
<view class="input-box row verCenter">
<text class="label">容 器：</text>
<text class="tt">A65512</text>
</view>
<view class="bor" style="flex: 0 0 100%;"></view>
<view class="input-box row verCenter">
<text class="label">货品编码：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品名称：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">标准品牌：</text>
<text class="text">TI</text>
</view>
<view class="input-box row verCenter">
<text class="label">D / C：</text>
<text class="text">22+</text>
</view>
<view class="input-box row verCenter">
<text class="label">产 地：</text>
<text class="text">美国</text>
</view>
<view class="input-box row verCenter">
<text class="label">货品品质：</text>
<text class="text">良品</text>
</view>
<view class="input-box row verCenter">
<text class="label">其他批次属性：</text>
<text class="text">-</text>
</view>
<view class="input-box row verCenter">
<text class="label">计划数量：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">已位移数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="input-box row verCenter">
<text class="label">待位移数：</text>
<text class="text" style="color: #F98119;">2121</text>
</view>
<view class="btn row rowCenter verCenter" @click="showDrawer()">移位</view>
</view>
</view>
<!-- 位移操作弹窗 -->
<uni-drawer ref="showRight" mode="right">
<view class="uni-drawer-tally-receive-detail">
<view class="title row rowCenter verCenter">
<text class="iconfont icon-juxing2" @click="closeDrawer()"></text>
<text class="text">位移操作</text>
</view>
<view class="field-item row" style="margin-top: 39rpx;">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">源 库 位：</text>
<text class="text">ASN2201010001</text>
</view>
<view class="item row verCenter">
<text class="label">入库批次号：</text>
<text class="text">SF2135661465161</text>
</view>
<view class="item row verCenter">
<text class="label">容 器：</text>
<text class="text">A00001</text>
</view>
</view>
<view class="bor"></view>
<view class="item-tit">货品详情</view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品编码：</text>
<text class="tt" style="max-width: 100%;">6546546416541654665</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品名称：</text>
<text class="tt" style="max-width: 100%;">ASD3DAADS22</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">标准品牌：</text>
<text class="tt" style="max-width: 100%;">Nexperia</text>
</view>
<view class="item row verCenter">
<text class="label">D / C：</text>
<text class="tt">22+</text>
</view>
<view class="item row verCenter">
<text class="label">产 地：</text>
<text class="tt">美国</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">货品品质：</text>
<text class="tt">良品</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;margin-bottom: 17rpx;">
<text class="label">其他批次属性：</text>
<text class="tt">-</text>
</view>
</view>
<view class="bor"></view>
<view class="field-item row">
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">计划数量：</text>
<text class="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">已位移数：</text>
<text class="tt" style="color: #F98119;">5000</text>
</view>
<view class="item row verCenter">
<text class="label">待位移数：</text>
<text class="tt" style="color: #F98119;">1212</text>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="arrow">*</text>
<text class="input-title-t1">移位数量：</text>
</view>
<view class="input-box"><input type="text" class="uni-input" placeholder-style="color:#919399" placeholder="请输入" /></view>
</view>
<view class="form-input">
<view class="input-title">
<text class="arrow">*</text>
<text class="input-title-t1">目标库位：</text>
</view>
<view class="input-box-search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="form-input">
<view class="input-title">
<text class="arrow">*</text>
<text class="input-title-t1">目标容器：</text>
</view>
<view class="input-box-search row bothSide verCenter">
<view class="row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请扫描或输入" placeholder-style="color:#919399" />
</view>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="btn row verCenter bothSide">
<view class="btn1 row rowCenter verCenter" @click="closeDrawer()">取 消</view>
<view class="btn2 row rowCenter verCenter">移 位</view>
</view>
</view>
</uni-drawer>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
},
onLoad() {},
methods: {
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/transfer/task.scss';
</style>
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 sign in to comment