更新录入合卷分卷新增内容

This commit is contained in:
2025-11-01 11:50:53 +08:00
parent f15a9f94f8
commit 5e47f4065e
3 changed files with 443 additions and 89 deletions

View File

@@ -117,8 +117,22 @@
</view>
</view>
<!-- 原材料选择仅当该分卷选择了原材料库区时显示 -->
<view class="split-field" v-if="item.itemType === 'raw_material'">
<text class="field-label-optional">选择原材料</text>
<view
class="picker-input"
@click="showRawMaterialPickerForItem(index)"
>
<text class="picker-text" :class="{ 'picker-placeholder': !item.rawMaterialName }">
{{ item.rawMaterialName || '请选择原材料' }}
</text>
<text class="picker-arrow"></text>
</view>
</view>
<view class="split-field">
<text class="field-label-optional">毛重 (kg)</text>
<text class="field-label-optional">毛重 ()</text>
<input
v-model="item.grossWeight"
type="digit"
@@ -127,7 +141,7 @@
/>
</view>
<view class="split-field">
<text class="field-label-optional">净重 (kg)</text>
<text class="field-label-optional">净重 ()</text>
<input
v-model="item.netWeight"
type="digit"
@@ -217,6 +231,38 @@
</scroll-view>
</view>
</uni-popup>
<!-- 原材料选择弹窗 -->
<uni-popup ref="rawMaterialPopup" type="bottom">
<view class="warehouse-popup">
<view class="popup-header">
<text class="popup-title">选择原材料</text>
<text class="popup-close" @click="closeRawMaterialPickerForItem"></text>
</view>
<view class="popup-search">
<input
v-model="rawMaterialSearchKeyword"
@input="filterRawMaterialsInPicker"
placeholder="搜索原材料名称"
class="search-input"
/>
</view>
<scroll-view class="popup-body" scroll-y>
<view
class="warehouse-item"
v-for="material in filteredRawMaterialsInPicker"
:key="material.rawMaterialId"
@click="selectRawMaterialFromPicker(material)"
>
<text class="warehouse-name">{{ material.rawMaterialName }}</text>
<text class="warehouse-check" v-if="currentPickerItemIndex !== -1 && splitCoils[currentPickerItemIndex].itemId === material.rawMaterialId"></text>
</view>
<view class="empty-tip" v-if="!filteredRawMaterialsInPicker || filteredRawMaterialsInPicker.length === 0">
<text>未找到匹配的原材料</text>
</view>
</scroll-view>
</view>
</uni-popup>
</view>
</template>
@@ -225,6 +271,7 @@ import { getGenerateRecord } from '@/api/wms/code.js'
import { updateMaterialCoil, getMaterialCoil, getMaterialCoilTrace } from '@/api/wms/coil.js'
import { listWarehouse } from '@/api/wms/warehouse.js'
import { listProduct } from '@/api/wms/product.js'
import { listRawMaterial } from '@/api/wms/rawMaterial.js'
export default {
data() {
@@ -233,39 +280,50 @@ export default {
coilId: undefined,
hasMergeSplit: 1 // 1表示分卷
},
coilDetail: {},
splitCoils: [
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: [],
showWarehouseList: false,
grossWeight: '',
netWeight: ''
},
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
coilDetail: {},
splitCoils: [
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: [],
showWarehouseList: false,
itemType: '',
itemId: undefined,
productName: '',
rawMaterialName: '',
grossWeight: '',
netWeight: ''
},
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: [],
showWarehouseList: false,
grossWeight: '',
netWeight: ''
}
],
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: [],
showWarehouseList: false,
itemType: '',
itemId: undefined,
productName: '',
rawMaterialName: '',
grossWeight: '',
netWeight: ''
}
],
warehouses: [],
warehouseSearchKeyword: '',
filteredWarehousesInPicker: [],
products: [], // 产品列表
productSearchKeyword: '',
filteredProductsInPicker: [],
rawMaterials: [], // 原材料列表
rawMaterialSearchKeyword: '',
filteredRawMaterialsInPicker: [],
currentPickerItemIndex: -1,
loading: false
}
@@ -279,10 +337,14 @@ export default {
onLoad() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
mounted() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
methods: {
@@ -326,6 +388,24 @@ export default {
}
},
// 加载原材料列表
async loadRawMaterials() {
console.log('开始加载原材料列表...');
try {
const res = await listRawMaterial({ pageNum: 1, pageSize: 1000 });
console.log("原材料返回值", res);
if (res.code === 200) {
this.rawMaterials = res.rows || res.data || [];
this.filteredRawMaterialsInPicker = this.rawMaterials;
console.log('原材料加载成功,数量:', this.rawMaterials.length);
} else {
console.error('原材料加载失败:', res.msg);
}
} catch (err) {
console.error('加载原材料异常:', err);
}
},
// 过滤库区(在选择器中)
filterWarehousesInPicker() {
const keyword = this.warehouseSearchKeyword.trim().toLowerCase();
@@ -344,16 +424,23 @@ export default {
if (this.currentPickerItemIndex === -1) return;
const item = this.splitCoils[this.currentPickerItemIndex];
item.warehouseId = warehouse.warehouseId;
item.warehouseName = warehouse.warehouseName;
const currentIndex = this.currentPickerItemIndex;
// 使用 $set 确保响应式更新
this.$set(item, 'warehouseId', warehouse.warehouseId);
this.$set(item, 'warehouseName', warehouse.warehouseName);
this.closeWarehousePickerForItem();
// 检查是否选择了成品库区
if (warehouse.warehouseName && warehouse.warehouseName.includes('成品')) {
// 加载产品列表
await this.loadProducts();
// 弹出产品选择框
this.showProductPickerForItem(this.currentPickerItemIndex);
// 根据库区ID判断类型999为成品库其他为原材料库
if (warehouse.warehouseId === 999) {
// 成品库,显示产品选择器
this.$set(item, 'itemType', 'product');
this.showProductPickerForItem(currentIndex);
} else {
// 其他库区,显示原材料选择器
this.$set(item, 'itemType', 'raw_material');
this.showRawMaterialPickerForItem(currentIndex);
}
},
@@ -413,6 +500,48 @@ export default {
this.closeProductPickerForItem();
},
// 显示原材料选择器(为特定分卷)
showRawMaterialPickerForItem(index) {
this.currentPickerItemIndex = index;
this.rawMaterialSearchKeyword = '';
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
this.$refs.rawMaterialPopup.open();
},
// 关闭原材料选择器
closeRawMaterialPickerForItem() {
this.$refs.rawMaterialPopup.close();
this.currentPickerItemIndex = -1;
},
// 过滤原材料(在选择器中)
filterRawMaterialsInPicker() {
const keyword = this.rawMaterialSearchKeyword.trim().toLowerCase();
if (!keyword) {
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
} else {
this.filteredRawMaterialsInPicker = this.rawMaterials.filter(material => {
const name = (material.rawMaterialName || '').toLowerCase();
return name.includes(keyword);
});
}
},
// 从选择器中选择原材料
selectRawMaterialFromPicker(material) {
if (this.currentPickerItemIndex === -1) return;
const item = this.splitCoils[this.currentPickerItemIndex];
item.itemId = material.rawMaterialId;
item.itemType = 'raw_material';
item.rawMaterialName = material.rawMaterialName; // 保存原材料名称用于显示
uni.showToast({
title: `分卷 ${this.currentPickerItemIndex + 1} 已选择原材料:${material.rawMaterialName}`,
icon: 'success'
});
this.closeRawMaterialPickerForItem();
},
// 过滤库区(为特定分卷)
filterWarehousesForItem(index) {
console.log(`分卷页面过滤库区,分卷${index + 1},关键词:`, this.splitCoils[index].warehouseKeyword);
@@ -474,17 +603,6 @@ export default {
}
},
// 从选择器中选择库区
selectWarehouseFromPicker(warehouse) {
if (this.currentPickerItemIndex !== -1) {
const item = this.splitCoils[this.currentPickerItemIndex];
item.warehouseId = warehouse.warehouseId;
item.warehouseName = warehouse.warehouseName;
item.warehouseKeyword = warehouse.warehouseName;
}
this.closeWarehousePickerForItem();
},
// 扫码
handleScan() {
uni.scanCode({
@@ -594,6 +712,10 @@ export default {
warehouseKeyword: '',
filteredWarehouses: this.warehouses,
showWarehouseList: false,
itemType: '',
itemId: undefined,
productName: '',
rawMaterialName: '',
grossWeight: '',
netWeight: ''
});
@@ -614,33 +736,41 @@ export default {
coilId: undefined,
hasMergeSplit: 1
};
this.coilDetail = {};
this.splitCoils = [
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: this.warehouses,
showWarehouseList: false,
grossWeight: '',
netWeight: ''
},
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: this.warehouses,
showWarehouseList: false,
grossWeight: '',
netWeight: ''
}
];
this.coilDetail = {};
this.splitCoils = [
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: this.warehouses,
showWarehouseList: false,
itemType: '',
itemId: undefined,
productName: '',
rawMaterialName: '',
grossWeight: '',
netWeight: ''
},
{
currentCoilNo: '',
team: '',
hasMergeSplit: 1,
warehouseId: undefined,
warehouseName: '',
warehouseKeyword: '',
filteredWarehouses: this.warehouses,
showWarehouseList: false,
itemType: '',
itemId: undefined,
productName: '',
rawMaterialName: '',
grossWeight: '',
netWeight: ''
}
];
}
}
});

View File

@@ -97,9 +97,23 @@
</view>
</view>
<!-- 原材料选择仅当选择了原材料库区时显示 -->
<view class="form-item form-item-optional" v-if="itemType === 'raw_material'">
<text class="form-label-optional">选择原材料</text>
<view
class="picker-input"
@click="showRawMaterialPicker()"
>
<text class="picker-text" :class="{ 'picker-placeholder': !selectedRawMaterialName }">
{{ selectedRawMaterialName || '请选择原材料' }}
</text>
<text class="picker-arrow"></text>
</view>
</view>
<!-- 毛重 -->
<view class="form-item form-item-optional">
<text class="form-label-optional">毛重 (kg)</text>
<text class="form-label-optional">毛重 ()</text>
<input
v-model="grossWeight"
type="digit"
@@ -110,7 +124,7 @@
<!-- 净重 -->
<view class="form-item form-item-optional">
<text class="form-label-optional">净重 (kg)</text>
<text class="form-label-optional">净重 ()</text>
<input
v-model="netWeight"
type="digit"
@@ -202,6 +216,38 @@
</scroll-view>
</view>
</uni-popup>
<!-- 原材料选择弹窗 -->
<uni-popup ref="rawMaterialPopup" type="bottom">
<view class="warehouse-popup">
<view class="popup-header">
<text class="popup-title">选择原材料</text>
<text class="popup-close" @click="closeRawMaterialPicker"></text>
</view>
<view class="popup-search">
<input
v-model="rawMaterialSearchKeyword"
@input="filterRawMaterialsInPicker"
placeholder="搜索原材料名称"
class="search-input"
/>
</view>
<scroll-view class="popup-body" scroll-y>
<view
class="warehouse-item"
v-for="material in filteredRawMaterialsInPicker"
:key="material.rawMaterialId"
@click="selectRawMaterialFromPicker(material)"
>
<text class="warehouse-name">{{ material.rawMaterialName }}</text>
<text class="warehouse-check" v-if="itemId === material.rawMaterialId"></text>
</view>
<view class="empty-tip" v-if="!filteredRawMaterialsInPicker || filteredRawMaterialsInPicker.length === 0">
<text>未找到匹配的原材料</text>
</view>
</scroll-view>
</view>
</uni-popup>
</view>
</template>
@@ -210,6 +256,7 @@ import { getGenerateRecord } from '@/api/wms/code.js'
import { updateMaterialCoil, getMaterialCoil, getMaterialCoilTrace } from '@/api/wms/coil.js'
import { listWarehouse } from '@/api/wms/warehouse.js'
import { listProduct } from '@/api/wms/product.js'
import { listRawMaterial } from '@/api/wms/rawMaterial.js'
export default {
data() {
@@ -228,9 +275,13 @@ export default {
products: [], // 产品列表
productSearchKeyword: '',
filteredProductsInPicker: [],
rawMaterials: [], // 原材料列表
rawMaterialSearchKeyword: '',
filteredRawMaterialsInPicker: [],
itemType: '', // 合卷后的物品类型
itemId: undefined, // 合卷后的物品ID
selectedProductName: '', // 已选择的产品名称
selectedRawMaterialName: '', // 已选择的原材料名称
grossWeight: '',
netWeight: '',
loading: false
@@ -240,10 +291,14 @@ export default {
onLoad() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
mounted() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
computed: {
@@ -289,6 +344,24 @@ export default {
}
},
// 加载原材料列表
async loadRawMaterials() {
console.log('开始加载原材料列表...');
try {
const res = await listRawMaterial({ pageNum: 1, pageSize: 1000 });
console.log("原材料返回值", res);
if (res.code === 200) {
this.rawMaterials = res.rows || res.data || [];
this.filteredRawMaterialsInPicker = this.rawMaterials;
console.log('原材料加载成功,数量:', this.rawMaterials.length);
} else {
console.error('原材料加载失败:', res.msg);
}
} catch (err) {
console.error('加载原材料异常:', err);
}
},
// 显示产品选择器
showProductPicker() {
this.productSearchKeyword = '';
@@ -326,6 +399,43 @@ export default {
this.closeProductPicker();
},
// 显示原材料选择器
showRawMaterialPicker() {
this.rawMaterialSearchKeyword = '';
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
this.$refs.rawMaterialPopup.open();
},
// 关闭原材料选择器
closeRawMaterialPicker() {
this.$refs.rawMaterialPopup.close();
},
// 过滤原材料(在选择器中)
filterRawMaterialsInPicker() {
const keyword = this.rawMaterialSearchKeyword.trim().toLowerCase();
if (!keyword) {
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
} else {
this.filteredRawMaterialsInPicker = this.rawMaterials.filter(material => {
const name = (material.rawMaterialName || '').toLowerCase();
return name.includes(keyword);
});
}
},
// 从选择器中选择原材料
selectRawMaterialFromPicker(material) {
this.itemId = material.rawMaterialId;
this.itemType = 'raw_material';
this.selectedRawMaterialName = material.rawMaterialName;
uni.showToast({
title: `已选择原材料:${material.rawMaterialName}`,
icon: 'success'
});
this.closeRawMaterialPicker();
},
// 过滤库区
filterWarehouses() {
console.log('合卷页面过滤库区,关键词:', this.warehouseKeyword);
@@ -388,14 +498,15 @@ export default {
this.warehouseKeyword = warehouse.warehouseName;
this.closeWarehousePicker();
// 检查是否选择了成品库区
if (warehouse.warehouseName && warehouse.warehouseName.includes('成品')) {
// 切换为产品类型
// 根据库区ID判断类型999为成品库其他为原材料库
if (warehouse.warehouseId === 999) {
// 成品库,显示产品选择器
this.itemType = 'product';
// 加载产品列表
await this.loadProducts();
// 弹出产品选择框
this.showProductPicker();
} else {
// 其他库区,显示原材料选择器
this.itemType = 'raw_material';
this.showRawMaterialPicker();
}
},
@@ -528,6 +639,7 @@ export default {
this.itemType = '';
this.itemId = undefined;
this.selectedProductName = '';
this.selectedRawMaterialName = '';
this.grossWeight = '';
this.netWeight = '';
this.showWarehouseList = false;

View File

@@ -114,6 +114,21 @@
</view>
</view>
<!-- 原材料选择仅当选择了原材料库区时显示 -->
<view class="form-item form-item-optional" v-if="form.itemType === 'raw_material'">
<text class="form-label-optional">选择原材料</text>
<view
class="picker-input"
@click="coilDetail.dataType !== 0 && showRawMaterialPicker()"
:class="{ 'picker-input-disabled': coilDetail.dataType === 0 }"
>
<text class="picker-text" :class="{ 'picker-placeholder': !selectedRawMaterialName }">
{{ selectedRawMaterialName || '请选择原材料' }}
</text>
<text class="picker-arrow" v-if="coilDetail.dataType !== 0"></text>
</view>
</view>
<!-- 毛重 -->
<view class="form-item form-item-optional">
<text class="form-label-optional">毛重 ()</text>
@@ -224,6 +239,38 @@
</view>
</uni-popup>
<!-- 原材料选择弹窗 -->
<uni-popup ref="rawMaterialPopup" type="bottom">
<view class="warehouse-popup">
<view class="popup-header">
<text class="popup-title">选择原材料</text>
<text class="popup-close" @click="closeRawMaterialPicker"></text>
</view>
<view class="popup-search">
<input
v-model="rawMaterialSearchKeyword"
@input="filterRawMaterialsInPicker"
placeholder="搜索原材料名称"
class="search-input"
/>
</view>
<scroll-view scroll-y class="popup-body">
<view
class="warehouse-item"
v-for="material in filteredRawMaterialsInPicker"
:key="material.rawMaterialId"
@click="selectRawMaterialFromPicker(material)"
>
<text class="warehouse-name">{{ material.rawMaterialName }}</text>
<text class="warehouse-check" v-if="form.itemId === material.rawMaterialId"></text>
</view>
<view class="empty-tip" v-if="!filteredRawMaterialsInPicker || filteredRawMaterialsInPicker.length === 0">
<text>未找到匹配的原材料</text>
</view>
</scroll-view>
</view>
</uni-popup>
<!-- BOM弹窗 -->
<uni-popup ref="bomPopup" type="bottom">
<view class="bom-popup">
@@ -258,7 +305,7 @@
import { getGenerateRecord } from '@/api/wms/code.js'
import { updateMaterialCoil, getMaterialCoil, getMaterialCoilTrace } from '@/api/wms/coil.js'
import { listWarehouse } from '@/api/wms/warehouse.js'
import { getRawMaterial } from '@/api/wms/rawMaterial.js'
import { getRawMaterial, listRawMaterial } from '@/api/wms/rawMaterial.js'
import { listProduct } from '@/api/wms/product.js'
export default {
@@ -289,6 +336,10 @@ import { listProduct } from '@/api/wms/product.js'
productSearchKeyword: '',
filteredProductsInPicker: [],
selectedProductName: '', // 已选择的产品名称
rawMaterials: [], // 原材料列表
rawMaterialSearchKeyword: '',
filteredRawMaterialsInPicker: [],
selectedRawMaterialName: '', // 已选择的原材料名称
loading: false,
qrcodeStatus: 1 // 二维码状态0=历史码1=当前有效码
}
@@ -303,10 +354,14 @@ import { listProduct } from '@/api/wms/product.js'
onLoad() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
mounted() {
this.loadWarehouses();
this.loadProducts();
this.loadRawMaterials();
},
methods: {
@@ -346,6 +401,24 @@ import { listProduct } from '@/api/wms/product.js'
}
},
// 加载原材料列表
async loadRawMaterials() {
console.log('开始加载原材料列表...');
try {
const res = await listRawMaterial({ pageNum: 1, pageSize: 1000 });
console.log("原材料返回值", res);
if (res.code === 200) {
this.rawMaterials = res.rows || res.data || [];
this.filteredRawMaterialsInPicker = this.rawMaterials;
console.log('原材料加载成功,数量:', this.rawMaterials.length);
} else {
console.error('原材料加载失败:', res.msg);
}
} catch (err) {
console.error('加载原材料异常:', err);
}
},
// 显示产品选择器
showProductPicker() {
this.productSearchKeyword = '';
@@ -384,6 +457,44 @@ import { listProduct } from '@/api/wms/product.js'
this.closeProductPicker();
},
// 显示原材料选择器
showRawMaterialPicker() {
this.rawMaterialSearchKeyword = '';
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
this.$refs.rawMaterialPopup.open();
},
// 关闭原材料选择器
closeRawMaterialPicker() {
this.$refs.rawMaterialPopup.close();
},
// 过滤原材料(在选择器中)
filterRawMaterialsInPicker() {
console.log('过滤原材料,关键词:', this.rawMaterialSearchKeyword);
const keyword = this.rawMaterialSearchKeyword.trim().toLowerCase();
if (!keyword) {
this.filteredRawMaterialsInPicker = [...this.rawMaterials];
} else {
this.filteredRawMaterialsInPicker = this.rawMaterials.filter(material => {
const name = (material.rawMaterialName || '').toLowerCase();
return name.includes(keyword);
});
}
},
// 从选择器中选择原材料
selectRawMaterialFromPicker(material) {
this.form.itemId = material.rawMaterialId;
this.form.itemType = 'raw_material';
this.selectedRawMaterialName = material.rawMaterialName;
uni.showToast({
title: `已选择原材料:${material.rawMaterialName}`,
icon: 'success'
});
this.closeRawMaterialPicker();
},
// 过滤库区
filterWarehouses() {
console.log('过滤库区,关键词:', this.warehouseKeyword);
@@ -444,14 +555,15 @@ import { listProduct } from '@/api/wms/product.js'
this.currentWarehouseName = warehouse.warehouseName;
this.closeWarehousePicker();
// 检查是否选择了成品库区
if (warehouse.warehouseName && warehouse.warehouseName.includes('成品')) {
// 切换为产品类型
// 根据库区ID判断类型999为成品库其他为原材料库
if (warehouse.warehouseId === 999) {
// 成品库,显示产品选择器
this.form.itemType = 'product';
// 加载产品列表
await this.loadProducts();
// 弹出产品选择框
this.showProductPicker();
} else {
// 其他库区,显示原材料选择器
this.form.itemType = 'raw_material';
this.showRawMaterialPicker();
}
},