Skip to content

梁建民 / wmsApp

Go to a project
Commit 05c40e83 by LJM
Options

js

parent 1be1d0c9
Inline Side-by-side
Showing with 2391 additions and 0 deletions
assets/css/putaway/index.scss 0 → 100644
.putaway {
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 0 17rpx;
width: 345rpx;
height: 160rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&.box-width {
width: 345rpx;
height: 314rpx;
}
.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;
}
}
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 98rpx;
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 {
position: absolute;
right: 17rpx;
bottom: 12rpx;
.btn {
width: 68rpx;
height: 30rpx;
background: #1969f9;
border-radius: 8rpx;
font-size: 15rpx;
color: #ffffff;
}
}
}
}
.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;
}
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-pack {
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;
}
}
.p-text {
margin-top: 38rpx;
margin-bottom: 25rpx;
.tt {
font-size: 20rpx;
color: #484b59;
}
.ed {
font-weight: bold;
font-size: 20rpx;
color: #1969f9;
}
}
.pack {
.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: 578rpx;
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;
}
}
.tip-box {
margin-top: 18rpx;
.iconfont {
font-size: 23rpx;
color: #c6c7cc;
}
.t1 {
font-size: 16rpx;
color: #484b59;
margin-left: 5rpx;
}
.t2 {
font-size: 16rpx;
color: #1969f9;
}
}
}
.btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99;
.btn1 {
width: 50%;
height: 75rpx;
background: #f5f5f7;
font-size: 23rpx;
color: #1969f9;
font-weight: bold;
}
.btn2 {
width: 50%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
}
.uni-drawer {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.title {
position: relative;
.iconfont {
position: absolute;
left: 0;
top: 0;
sfont-size: 30rpx;
color: #292b33;
}
.text {
font-size: 23rpx;
color: #292b33;
font-weight: bold;
}
}
.pp {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-bottom: 17rpx;
margin-top: 35rpx;
}
.field-item {
flex-wrap: wrap;
margin-top: 36rpx;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
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;
}
}
}
.drawer-list {
.box {
padding: 18rpx 18rpx 0 18rpx;
height: 94rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
border: 1px solid #c6c7cc;
margin-bottom: 15rpx;
.top {
margin-bottom: 10rpx;
.t1 {
font-size: 17rpx;
color: #1969f9;
font-weight: bold;
}
.t2 {
font-size: 20rpx;
color: #292b33;
font-weight: bold;
margin-left: 8rpx;
}
}
.bar {
.tt {
font-size: 16rpx;
color: #919399;
}
.yy {
width: 95rpx;
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
}
.time {
margin-top: 34rpx;
font-size: 16rpx;
color: #919399;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
assets/css/putaway/packSingle.scss 0 → 100644
.packSingle {
padding: 15rpx 22rpx;
.search-type {
.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;
}
.tip-box {
.iconfont {
font-size: 23rpx;
color: #c6c7cc;
}
.t1 {
font-size: 16rpx;
color: #484b59;
margin-left: 5rpx;
}
.t2 {
font-size: 16rpx;
color: #1969f9;
}
}
}
.info-box {
margin-top: 15rpx;
padding: 17rpx;
height: 89rpx;
background: #ffffff;
border-radius: 10rpx;
flex-wrap: wrap;
.text-item {
flex: 0 0 33.3%;
.label {
width: 98rpx;
font-size: 16rpx;
color: #919399;
}
.t1 {
font-size: 16rpx;
color: #1969f9;
}
.tt {
font-size: 16rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.list {
margin-top: 15rpx;
padding-bottom: 150rpx;
flex-wrap: wrap;
.box {
position: relative;
padding: 15rpx 17rpx 0 17rpx;
width: 345rpx;
height: 160rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
&.box-width {
width: 345rpx;
height: 314rpx;
}
.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;
}
}
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 98rpx;
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 {
position: absolute;
right: 17rpx;
bottom: 12rpx;
.btn {
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: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
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;
}
}
.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;
}
.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/putaway/record.scss 0 → 100644
.putaway-record {
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 0 17rpx;
width: 345rpx;
height: 371rpx;
background: #ffffff;
box-shadow: 0px 3rpx 3rpx 0px rgba(198, 199, 204, 0.3);
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
.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;
}
}
&:nth-of-type(2n) {
margin-right: 0;
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 10rpx;
}
.text-item {
margin-bottom: 11rpx;
}
.label {
width: 98rpx;
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 {
position: absolute;
right: 17rpx;
bottom: 12rpx;
.btn {
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;
}
}
}
::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;
}
}
}
.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: #ffe0d7;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
.btn2 {
width: 50%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
font-weight: bold;
}
}
}
assets/css/putaway/single.scss 0 → 100644
.putaway-single {
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;
}
}
}
.section {
margin-top: 15rpx;
padding: 18rpx 22rpx 23rpx 22rpx;
background-color: #ffffff;
.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;
}
}
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.tip-box {
margin-top: 18rpx;
margin-bottom: 17rpx;
.iconfont {
font-size: 23rpx;
color: #c6c7cc;
}
.t1 {
font-size: 16rpx;
color: #484b59;
margin-left: 5rpx;
}
.t2 {
font-size: 16rpx;
color: #1969f9;
}
}
.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;
}
.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: 398rpx;
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;
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 100%;
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
}
assets/css/tallyReceive/operate.scss 0 → 100644
.tallyReceive {
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;
}
}
}
.search-type {
margin-top: 10rpx;
height: 60rpx;
border-radius: 10rpx;
.left {
height: 100%;
background-color: #ffffff;
.text {
padding-left: 30rpx;
width: 164rpx;
height: 35rpx;
line-height: 35rpx;
border-right: 1px solid #f0f0f2;
font-size: 18rpx;
color: #292b33;
font-weight: bold;
}
.search-width {
width: 360rpx;
.icon-juxing1 {
font-size: 30rpx;
color: #919399;
margin-left: 17rpx;
margin-right: 13rpx;
}
.uni-input {
font-size: 18rpx;
color: #484b59;
}
}
}
.icon-box {
width: 75rpx;
height: 60rpx;
background: #ffffff;
border-radius: 10rpx;
.iconfont {
font-size: 30rpx;
color: #56585e;
}
}
}
.section {
margin-top: 15rpx;
padding: 18rpx 22rpx 23rpx 22rpx;
background-color: #ffffff;
.field-item {
flex-wrap: wrap;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
width: 98rpx;
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;
}
}
}
.bor {
height: 1px;
background-color: #f0f0f2;
margin-bottom: 17rpx;
}
.form-input {
.input-title-p1 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
.input-title-p2 {
font-size: 16rpx;
color: #f98119;
font-weight: bold;
margin-left: 5rpx;
}
.input-title {
margin-bottom: 10rpx;
.input-title-t1 {
font-size: 16rpx;
color: #1969f9;
font-weight: bold;
margin-right: 5rpx;
}
.input-title-t2 {
font-size: 16rpx;
color: #484b59;
font-weight: bold;
}
}
.input-box-wrap {
margin-bottom: 17rpx;
.input-box {
.uni-input {
width: 278rpx;
height: 43rpx;
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;
}
.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: 398rpx;
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;
}
}
.pic-list {
flex-wrap: wrap;
margin-bottom: 18rpx;
.default {
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
.iconfont {
font-size: 60rpx;
color: #c6c7cc;
}
}
.box {
position: relative;
width: 120rpx;
height: 120rpx;
background: #f5f5f7;
border-radius: 10rpx;
margin-right: 15rpx;
margin-bottom: 15rpx;
image {
width: 120rpx;
height: 120rpx;
}
.iconfont {
position: absolute;
right: 0;
top: 0;
font-size: 30rpx;
color: #ff3700;
z-index: 9;
}
}
}
.textarea-box {
width: 100%;
textarea {
width: 100%;
height: 85rpx;
padding: 10rpx 15rpx;
background: #f5f5f7;
border-radius: 10rpx;
font-size: 16rpx;
box-sizing: border-box;
}
}
.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;
}
}
}
.fix-btn {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
.btn1 {
width: 248rpx;
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% - 248rpx);
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
}
}
pages/picking/me.vue 0 → 100644
<template>
<view class="index">我的拣货</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/index/index.scss';
</style>
pages/putaway/pack.vue 0 → 100644
<template>
<view class="putaway">
<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">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">容器：</text>
<text class="t1">A00001</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">500</text>
</view>
<view class="text-item row verCenter">
<text class="label">待上架数量：</text>
<text class="tt">500</text>
</view>
<navigator class="btn-box row" url="/pages/putaway/packSingle" hover-class="none"><view class="btn row rowCenter verCenter">选择</view></navigator>
</view>
<view class="box" v-for="(item, index) in 10">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">容器：</text>
<text class="t1">A00001</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">500</text>
</view>
<view class="text-item row verCenter">
<text class="label">待上架数量：</text>
<text class="tt">500</text>
</view>
<navigator class="btn-box row" url="/pages/putaway/packSingle" hover-class="none"><view class="btn row rowCenter verCenter">选择</view></navigator>
</view>
</view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
index: 0,
array: ['容器']
};
},
onNavigationBarButtonTap(e) {
console.log(e);
if (e.index == 0) {
uni.navigateTo({
url: '/pages/putaway/record'
});
}
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/putaway/index.scss';
</style>
pages/putaway/packSingle.vue 0 → 100644
<template>
<view class="packSingle">
<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="row bothSide verCenter" style="margin-bottom: 10rpx;">
<view class="title" style="margin-bottom: 0;">库位：</view>
<view class="tip-box row verCenter">
<text class="iconfont icon-a-juxing4"></text>
<text class="t1">推荐库位：</text>
<text class="t2">A001 A货架01位</text>
</view>
</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="info-box row">
<view class="text-item row verCenter" style="flex: 0 0 100%;">
<text class="label">容 器：</text>
<text class="t1">A00001</text>
</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">5000</text>
</view>
</view>
<view class="list row bothSide">
<view class="box box-width" v-for="(item, index) in 10" :key="index">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">入库批次号：</text>
<text class="t1">A00001</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="t1">A00001</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">ASD3DAADS22</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">D / C：</text>
<text class="tt">22+</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" style="color: #F98119;">1000</text>
</view>
<view class="text-item row verCenter">
<text class="label">待上架数量：</text>
<text class="tt" style="color: #F98119;">500</text>
</view>
<view class="text-item row verCenter">
<text class="label">销 售 员：</text>
<text class="tt">元瑾晶</text>
</view>
<view class="btn-box row" @click="showDrawer()"><view class="btn row rowCenter verCenter">详情</view></view>
</view>
</view>
<view class="fix-btn row verCenter"><view class="btn1 row rowCenter verCenter">上 架</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">
<text class="label">入库批次号：</text>
<text class="text">ASN2201010001</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="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">
<text class="label">预期数量：</text>
<text class="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">单 位：</text>
<text class="tt">PCS</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="bor"></view>
<view class="form-input">
<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="bor"></view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">销 售 员：</text>
<text class="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">采 购 员：</text>
<text class="tt">PCS</text>
</view>
<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="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 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 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="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 {};
},
onNavigationBarButtonTap(e) {
console.log(e);
if (e.index == 0) {
uni.navigateTo({
url: '/pages/putaway/record'
});
}
},
methods: {
showDrawer() {
this.$refs.showRight.open();
},
closeDrawer() {
this.$refs.showRight.close();
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/putaway/packSingle.scss';
</style>
pages/putaway/record.vue 0 → 100644
<template>
<view class="putaway-record">
<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">
<view class="check-box-icon"></view>
<view class="text-item row verCenter">
<text class="label">入库批次号：</text>
<text class="t1">A00001</text>
</view>
<view class="text-item row verCenter">
<text class="label">入库单号：</text>
<text class="t1">ASN201010001</text>
</view>
<view class="text-item row verCenter">
<text class="label">入仓号：</text>
<text class="t1">A12345</text>
</view>
<view class="bor row"></view>
<view class="text-item row verCenter">
<text class="label">货品名称：</text>
<text class="tt">ASD3DAADS22</text>
</view>
<view class="text-item row verCenter">
<text class="label">标准品牌：</text>
<text class="tt">ASD3DAADS22</text>
</view>
<view class="text-item row verCenter">
<text class="label">上架数量：</text>
<text class="tt">1000</text>
</view>
<view class="text-item row verCenter">
<text class="label">当前状态：</text>
<text class="t1">ASD3DAADS22</text>
</view>
<view class="text-item row verCenter">
<text class="label">库 位：</text>
<text class="tt">21212</text>
</view>
<view class="text-item row verCenter">
<text class="label">容 器：</text>
<text class="tt">21212</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"><view class="btn row rowCenter verCenter" @click="showDrawer()">详情</view></view>
</view>
</view>
<view class="fix-btn row verCenter">
<view class="btn1 row rowCenter verCenter" style="width: 127rpx;">
<text class="check-box-icon curr"></text>
<text class="text">全选</text>
</view>
<view class="btn3 row rowCenter verCenter">取消上架</view>
<view class="btn2 row rowCenter verCenter" style="width: calc(100% - 308rpx);" @click="submit()">提 交</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">
<text class="label">入库批次号：</text>
<text class="text">ASN2201010001</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="text">SF2135661465161</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">货品详情</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">
<text class="label">上架数量：</text>
<text class="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">单 位：</text>
<text class="tt">PCS</text>
</view>
<view class="item row verCenter">
<text class="label">库 位：</text>
<text class="tt">A0001</text>
</view>
<view class="item row verCenter">
<text class="label">容 器：</text>
<text class="tt">RQ001</text>
</view>
</view>
<view class="bor"></view>
<view class="field-item row">
<view class="item row verCenter">
<text class="label">销 售 员：</text>
<text class="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">采 购 员：</text>
<text class="tt">PCS</text>
</view>
<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="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 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 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="btn row verCenter bothSide">
<view class="btn1 row rowCenter verCenter">取消上架</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 {
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();
},
submit() {
uni.showModal({
content: '该物料上架数量小于入库单预期数量，确认上架将自动更新入库单的预期数量为本次上架数量。',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/putaway/record.scss';
</style>
pages/putaway/single.vue 0 → 100644
<template>
<view class="putaway-single">
<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="section">
<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">A65512</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">2023-04-01 11:28:59</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">100000</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%;">
<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">1000</text>
</view>
<view class="item row verCenter">
<text class="label">单 位：</text>
<text class="tt">PCS</text>
</view>
<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;">1212</text>
</view>
</view>
<view class="form-input">
<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="form-input">
<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="bor"></view>
<view class="field-item row">
<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>
<view class="bor"></view>
<view class="tip-box row verCenter">
<text class="iconfont icon-a-juxing4"></text>
<text class="t1">按数量推荐库位：</text>
<text class="t2">A001、A002、A003</text>
</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 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>
<view class="fix-btn row verCenter"><view class="btn1 row rowCenter verCenter">上 架</view></view>
</view>
</template>
<script>
import { API } from '@/util/api.js';
export default {
data() {
return {
index: 0,
array: ['入库批次号']
};
},
methods: {
bindPickerChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value);
this.index = e.detail.value;
}
}
};
</script>
<style scoped lang="scss">
@import '@/assets/css/putaway/single.scss';
</style>
pages/tallyReceive/operate.vue 0 → 100644
<template>
<view class="tallyReceive">
<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="search-type row verCenter bothSide">
<view class="left row verCenter">
<view class="text">容 器</view>
<view class="search-width row verCenter">
<text class="iconfont icon-juxing1"></text>
<input class="uni-input" placeholder="请输入容器" placeholder-style="color:#919399" />
</view>
</view>
<view class="row verCenter">
<view class="icon-box row rowCenter verCenter" style="margin-right: 15rpx;"><text class="iconfont icon-juxing3"></text></view>
<view class="icon-box row rowCenter verCenter"><text class="iconfont icon-a-juxing12"></text></view>
</view>
</view>
<view class="section">
<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">A65512</text>
</view>
<view class="item row verCenter" style="flex: 0 0 100%;">
<text class="label">物流单号：</text>
<text class="text">SF2135661465161</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" style="margin-bottom: 17rpx;">
<text class="label">到货操作人：</text>
<text class="tt">拾贰</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">货品品质：</text>
<text class="tt">良品</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="tt">100000</text>
</view>
<view class="item row verCenter">
<text class="label">单 位：</text>
<text class="tt">PCS</text>
</view>
</view>
<view class="form-input">
<view class="row bothSide verCenter input-box-wrap">
<view>
<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="row verCenter" style="flex: 0 0 278rpx;margin-top: 38rpx;">
<text class="input-title-p1">待理货数量：</text>
<text class="input-title-p2">100000</text>
</view>
</view>
<view class="row bothSide verCenter input-box-wrap">
<view>
<view class="input-title"><text class="input-title-t2">D / C：</text></view>
<view class="input-box"><input type="text" class="uni-input" placeholder-style="color:#919399" placeholder="请输入" /></view>
</view>
<view>
<view class="input-title"><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>
<view class="row bothSide verCenter input-box-wrap">
<view>
<view class="input-title"><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></view>
</view>
</view>
<view class="h2 row bothSide verCenter" style="margin-top: 34rpx;">
<view>
<text>理货照片：</text>
<text class="tt">最多只支持10张图</text>
</view>
<view class="num">
<text class="t1">0</text>
<text class="t2">/10</text>
</view>
</view>
<view class="pic-list row">
<view class="default row rowCenter verCenter"><text class="iconfont icon-a-juxing3"></text></view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
<view class="box">
<image src="https://img.ichunt.com/images/ichunt/202304/11/372bae650d699de8b3008cace4e4f081.jpg" mode="aspectFill"></image>
<text class="iconfont icon-a-juxing11"></text>
</view>
</view>
<view class="print row verCenter">
<text class="check-box-icon curr"></text>
<text class="tt">整单照片</text>
</view>
<view class="h2">理货备注：</view>
<view class="textarea-box"><textarea placeholder-style="color:#919399" placeholder="请输入" /></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 {
index: 0,
array: ['物流单号', '入库单号', '入仓号']
};
},
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/tallyReceive/operate.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