Skip to content

梁建民 / wmsApp

Go to a project
Commit 8145374b by liangjianmin
Options

feat(scanTally): 新增到货登记和待理货任务弹窗功能 

- 在扫描页新增到货登记右侧弹窗，支持自营货品资料填写
- 实现待理货任务选择弹窗，展示多个待理货任务供用户选择
- 根据入库单状态自动区分流程，支持新建登记和直接理货操作
- 提供详细货品包装、净重、毛重及其他属性的选择及输入控件
- 增加自营货品第一次入库逻辑，完成资料保存后自动到货登记
- 优化搜索输入防抖，结合扫码解析查询入库单明细并展示弹窗
- 支持清空输入并重新聚焦，提升用户交互体验
parent 3fac4d59
Expand all
Inline Side-by-side
Showing with 386 additions and 0 deletions
assets/css/scanTally/index.scss
......@@ -9,3 +9,389 @@
background: #f1f4f6;
}
}
::v-deep .uni-drawer__content {
width: 85% !important;
}
.uni-drawer-layer {
width: 100%;
background-color: #ffffff;
padding: 22rpx 22rpx 0 22rpx;
.tip {
color: red;
font-size: 17rpx;
margin-top: 28rpx;
}
.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;
margin-top: 16rpx;
.item {
flex: 0 0 50%;
margin-bottom: 8rpx;
.label {
font-size: 16rpx;
color: #919399;
white-space: nowrap;
}
.tt {
font-size: 17rpx;
color: #484b59;
margin-left: 6rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 176rpx;
}
}
}
.uni-swiper-wrap {
margin-top: 15rpx;
.uni-swiper-input {
margin-bottom: 15rpx;
.label {
width: 24%;
font-size: 16rpx;
color: #919399;
&.required:before {
content: ' *';
color: red;
}
}
.select-box {
position: relative;
width: 76%;
height: 45rpx;
.uni-arrow {
position: absolute;
right: 14rpx;
width: 14rpx;
height: 9rpx;
background: url('https://img.ichunt.com/images/ichunt/202304/10/e4c72319ad41ce1425f71cc6ec35f111.png') no-repeat center;
background-size: contain;
}
.uni-input {
width: 100%;
height: 45rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
font-size: 17rpx;
padding-left: 18rpx;
}
}
.input-box {
position: relative;
width: 76%;
.uni-input {
width: 100%;
height: 45rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
font-size: 17rpx;
padding-left: 18rpx;
}
}
}
.uni-swiper-input-multipl {
margin-bottom: 15rpx;
.label {
width: 24%;
font-size: 16rpx;
color: #919399;
&.required:before {
content: ' *';
color: red;
}
.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-right: 10rpx;
}
.uni-input {
font-size: 17rpx;
}
}
.multipl-input {
width: 76%;
.uni-input {
width: 100%;
height: 45rpx;
background: #ffffff;
border-radius: 10rpx;
border: 1px solid #1969f9;
font-size: 17rpx;
padding-left: 18rpx;
}
.timesSymbol {
padding: 0 14rpx;
font-size: 24rpx;
color: #292b33;
font-weight: bold;
}
.unit {
margin-left: 10rpx;
color: #919399;
font-size: 25rpx;
}
}
}
}
.swiper {
height: 790rpx;
}
.btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
.btn1 {
height: 75rpx;
background: #1969f9;
font-size: 23rpx;
color: #ffffff;
}
.btn2 {
height: 75rpx;
background: #ffe0d7;
font-size: 23rpx;
color: #ff3700;
font-weight: bold;
}
}
}
.popup-content-sn {
background-color: #f1f4f6;
padding: 28rpx 24rpx 24rpx 24rpx;
border-radius: 10rpx;
width: 675rpx;
.tally-header {
display: flex;
align-items: center;
margin-bottom: 12rpx;
.order-sn {
font-size: 28rpx;
color: #ff6600;
}
.goods-type {
font-size: 26rpx;
margin-left: 24rpx;
.label {
color: #333;
}
.value {
color: #ff6600;
}
}
}
.tally-subtitle {
font-size: 26rpx;
color: #333;
margin-bottom: 20rpx;
}
.tally-empty-tip {
font-size: 26rpx;
color: #e64340;
line-height: 1.8;
padding: 40rpx 0 20rpx;
}
.tally-list {
background-color: #ffffff;
border-radius: 8rpx;
overflow: hidden;
.scroll-Y {
max-height: 500rpx;
}
.list-header {
padding: 20rpx 24rpx;
border-bottom: 1px solid #e6edf0;
.col-select {
width: 100rpx;
font-size: 24rpx;
color: #6e767a;
}
.col-order {
flex: 1;
font-size: 24rpx;
color: #6e767a;
}
.col-qty {
width: 150rpx;
font-size: 24rpx;
color: #6e767a;
text-align: right;
}
}
.list-item {
padding: 24rpx;
border-bottom: 1px solid #e6edf0;
transition: background-color 0.2s ease;
&:last-child {
border-bottom: none;
}
&.active {
background-color: #e6f4ff;
}
.col-select {
width: 100rpx;
}
.radio-circle {
width: 36rpx;
height: 36rpx;
border: 2rpx solid #d9d9d9;
border-radius: 50%;
position: relative;
transition: all 0.2s ease;
&.checked {
border-color: #197adb;
background-color: #197adb;
&::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12rpx;
height: 12rpx;
background-color: #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
}
}
.col-order {
flex: 1;
font-size: 26rpx;
color: #333;
&.highlight {
color: #ff9500;
font-weight: bold;
}
}
.col-qty {
width: 150rpx;
font-size: 26rpx;
color: #333;
text-align: right;
&.highlight {
color: #ff9500;
font-weight: bold;
}
}
}
}
.tally-footer {
display: flex;
justify-content: center;
gap: 24rpx;
margin-top: 24rpx;
.tally-btn {
flex: 1;
height: 64rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
border-radius: 8rpx;
transition: all 0.2s ease;
&:active {
transform: scale(0.96);
}
}
.tally-btn-cancel {
background: #ffffff;
color: #323233;
border: 1px solid #ebedf0;
&:active {
background: #f5f5f5;
}
}
.tally-btn-confirm {
background: #1989fa;
color: #ffffff;
&:active {
background: #0570db;
}
}
}
}
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