Skip to content

梁建民 / wmsApp

Go to a project
Commit d07a92d4 by liangjianmin
Options

refactor(arrivalRegister): 优化包装尺寸输入逻辑，提升用户体验 

- 替换标准包装长宽高选择器为直接输入框，简化用户操作
- 统一了单位和标准包装的输入逻辑，确保一致性
- 增强了输入验证，确保用户填写完整信息
parent 0576a842
Inline Side-by-side
Showing with 167 additions and 39 deletions
.cursor/rules/arrival-register-index.mdc 0 → 100644
---
description: 到货登记页面开发规范和组件结构说明
globs: pages/arrivalRegister/index.vue
---
# 到货登记页面 (pages/arrivalRegister/index.vue) 开发规范
## 页面功能概述
到货登记页面主要处理入库单的登记和管理，包含三个主要弹窗：
1. **入库单详情弹窗** (ref="showRight")
2. **无单号登记弹窗** (ref="showRightAdd")
3. **自营商品到货登记弹窗** (ref="showRightZyGoodsDat")
## 关键组件结构
### 自营商品到货登记弹窗 (showRightZyGoodsDat)
- **用途**: 处理深圳自营商品的第一次入库登记
- **数据源**: `zyGoodsData` 和 `saveZyGoodsParams`
- **轮播组件**: 使用 swiper 组件逐个处理商品信息
### 重要字段说明
#### 尺寸相关字段 (已修改为独立显示)
```javascript
// 标准包装尺寸 - 必填
standard_length // 标准包装长
standard_width // 标准包装宽
standard_high // 标准包装高
// 单位尺寸 - 必填
unit_length // 单位长
unit_width // 单位宽
unit_high // 单位高
```
#### 重量相关字段 (仍使用picker切换)
```javascript
// 净重 - 通过 netWeightIndex 切换
standard_net_weight // 标准包装净重
unit_net_weight // 单位净重
// 毛重 - 通过 grossWeightIndex 切换
standard_gross_weight // 标准包装毛重
unit_gross_weight // 单位毛重
```
## 验证规则
### 必填字段验证 (saveZyGoodsDataSubmit 方法)
1. **标准包装量** (`mpq`) - 必填
2. **包装方式为编带时的尺寸字段** - 6个字段全部必填:
- `standard_length`, `standard_width`, `standard_high`
- `unit_length`, `unit_width`, `unit_high`
### 验证逻辑示例
```javascript
// 检查包装方式为编带(packing === 5)时的必填字段
var hasError = this.saveZyGoodsParams.filter(item => item.packing === 5).some(({
standard_length, standard_width, standard_high,
unit_length, unit_width, unit_high
}, index) => {
// 分别验证6个尺寸字段
});
```
## Picker 处理器 (bindPickerZYChange)
### Case 映射关系
- **Case 1**: 包装方式选择
- **Case 2**: 拣货方式选择
- **Case 5**: 净重类型切换 (标准/单位)
- **Case 6**: 净重单位选择 (kg/g)
- **Case 7**: 毛重类型切换 (标准/单位)
- **Case 8**: 毛重单位选择 (kg/g)
- **Case 9**: 其他属性选择
**注意**: Case 3 (标准包装长宽高切换) 已移除，因为现在6个尺寸字段独立显示
## 修改注意事项
### 1. 尺寸字段修改
- 标准包装长宽高和单位长宽高现在**同时显示**
- 不再通过picker切换，直接独立输入
- 所有6个字段都标记为必填 (`required` 样式)
### 2. 验证逻辑修改
- 修改 `saveZyGoodsDataSubmit` 验证时需要检查全部6个尺寸字段
- 每个字段提供具体的错误提示信息
### 3. 数据结构保持
- `saveZyGoodsParams` 数组结构保持不变
- 字段名称保持原有命名规范
### 4. 样式类名规范
```css
.uni-swiper-input-multipl // 多输入字段容器
.label.required // 必填字段标签
.multipl-input // 多输入框容器
.timesSymbol // 乘号分隔符 ✖
.unit // 单位显示 (cm)
```
## API 调用
- `saveZyGoodsData`: 保存自营商品数据
- `addStockInRegister`: 添加入库登记
- `getZyGoodsData`: 获取自营商品数据
## 代码规范
- 使用 `var` 声明变量
- 使用箭头函数和ES6+特性
- 每个逻辑块添加简洁注释
- 遵循驼峰命名法
\ No newline at end of file
pages/arrivalRegister/index.vue
......@@ -410,31 +410,28 @@
</view>
<!-- 标准包装长宽高 -->
<view class="uni-swiper-input-multipl row verCenter bothSide">
<view class="label row">
<picker @change="bindPickerZYChange($event, 3, index)" :value="standardSizeIndex" :range="standardSize" style="width: 100%;height: 100%;">
<view class="row verCenter bothSide">
<view class="uni-input row verCenter" style="color: #919399;">{{ standardSizeIndex == -1 ? '请选择' : standardSize[standardSizeIndex] }}</view>
<view class="uni-arrow"></view>
</view>
</picker>
</view>
<text class="label required">标准包装长宽高：</text>
<view class="multipl-input row verCenter bothSide">
<view class="row verCenter">
<!-- 切换标准和单位 -->
<template v-if="standardSizeIndex == 0">
<input type="text" class="uni-input" placeholder="长" style="width: 100rpx;" v-model="saveZyGoodsParams[index].standard_length" />
<text class="timesSymbol">✖</text>
<input type="text" class="uni-input" placeholder="宽" style="width: 100rpx;" v-model="saveZyGoodsParams[index].standard_width" />
<text class="timesSymbol">✖</text>
<input type="text" class="uni-input" placeholder="高" style="width: 100rpx;" v-model="saveZyGoodsParams[index].standard_high" />
</template>
<template v-else>
</view>
<view class="multipl-input-select row"><text class="unit">cm</text></view>
</view>
</view>
<!-- 单位长宽高 -->
<view class="uni-swiper-input-multipl row verCenter bothSide">
<text class="label required">单位长宽高：</text>
<view class="multipl-input row verCenter bothSide">
<view class="row verCenter">
<input type="text" class="uni-input" placeholder="长" style="width: 100rpx;" v-model="saveZyGoodsParams[index].unit_length" />
<text class="timesSymbol">✖</text>
<input type="text" class="uni-input" placeholder="宽" style="width: 100rpx;" v-model="saveZyGoodsParams[index].unit_width" />
<text class="timesSymbol">✖</text>
<input type="text" class="uni-input" placeholder="高" style="width: 100rpx;" v-model="saveZyGoodsParams[index].unit_high" />
</template>
</view>
<view class="multipl-input-select row"><text class="unit">cm</text></view>
</view>
......@@ -452,7 +449,7 @@
<view class="multipl-input row verCenter">
<view class="row verCenter" style="width: 86%;">
<!-- 切换标准和单位 -->
<template v-if="standardSizeIndex == 0">
<template v-if="netWeightIndex == 0">
<input type="text" class="uni-input" placeholder="净重" v-model="saveZyGoodsParams[index].standard_net_weight" />
</template>
<template v-else>
......@@ -572,8 +569,6 @@
},
packingSet: [{ name: '编带', value: 5 }, { name: '袋', value: 6 }, { name: '盒', value: 7 }, { name: '管', value: 8 }, { name: '托盘', value: 9 }, { name: '卷', value: 10 }, { name: '其他', value: 11 }],
pickingModeSet: [{ name: '裁剪', value: 1 }, { name: '称重', value: 2 }, { name: '计数', value: 3 }],
standardSize: ['标准包装长宽高', '单位长宽高'],
standardSizeIndex: 1,
netWeight: ['标准包装净重', '单位净重'],
netWeightIndex: 1,
grossWeight: ['标准包装毛重', '单位毛重'],
......@@ -654,31 +649,16 @@
case 2:
this.saveZyGoodsParams[index].picking_mode = this.pickingModeSet[e.detail.value].value;
break;
//选择标准包装长宽高
case 3:
this.standardSizeIndex = e.detail.value;
if (this.standardSizeIndex == 1) {
//标准包装长宽高
this.saveZyGoodsParams[index].standard_length = '';
this.saveZyGoodsParams[index].standard_width = '';
this.saveZyGoodsParams[index].standard_high = '';
} else {
//单位包装长宽高
this.saveZyGoodsParams[index].unit_length = '';
this.saveZyGoodsParams[index].unit_width = '';
this.saveZyGoodsParams[index].unit_high = '';
}
this.$forceUpdate();
break;
//选择标标准包净重
case 5:
this.netWeightIndex = e.detail.value;
if (this.netWeightSizeIndex == 1) {
//标准包装净重
this.saveZyGoodsParams[index].standard_net_weight = '';
} else {
if (this.netWeightIndex == 1) {
//单位净重
this.saveZyGoodsParams[index].unit_net_weight = '';
} else {
//标准包装净重
this.saveZyGoodsParams[index].standard_net_weight = '';
}
break;
......@@ -1026,15 +1006,34 @@
return false
}
var hasError = this.saveZyGoodsParams.filter(item => item.packing === 5).some(({ standard_length, unit_length }, index) => {
if (this.standardSizeIndex == 0 && !standard_length) {
var hasError = this.saveZyGoodsParams.filter(item => item.packing === 5).some(({ standard_length, standard_width, standard_high, unit_length, unit_width, unit_high }, index) => {
// 检查标准包装尺寸字段
if (!standard_length) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，标准包装长为必填`,
showCancel: false
});
return true;
} else if (this.standardSizeIndex == 1 && !unit_length) {
}
if (!standard_width) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，标准包装宽为必填`,
showCancel: false
});
return true;
}
if (!standard_high) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，标准包装高为必填`,
showCancel: false
});
return true;
}
// 检查单位尺寸字段
if (!unit_length) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，单位长为必填`,
......@@ -1042,6 +1041,22 @@
});
return true;
}
if (!unit_width) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，单位宽为必填`,
showCancel: false
});
return true;
}
if (!unit_high) {
uni.showModal({
title: '提示',
content: `第${index + 1}页，包装方式为编带的时候，单位高为必填`,
showCancel: false
});
return true;
}
return false;
});
if (hasError) {
......
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