更新

src/views/asrs/warehouseStorehouseGoodsSpecification/attr-add.vue

@@ -24,8 +24,11 @@
 					v-model="dataForm.productInfo"
 					style="width: 100%"
 					filterable
+					remote
+					:remote-method="remoteMethod"
 					value-key="id"
-					placeholder="请选择产品">
+					placeholder="请选择产品"
+					:loading="loading">
 					<el-option
 						v-for="item in productArr"
 						:key="item.id"
@@ -34,19 +37,12 @@
 						:disabled="!item.deactivate" />
 				</el-select>
 			</el-form-item>
-			<el-form-item label="品质" prop="quality">
-				<el-select
-					v-model="dataForm.quality"
-					style="width: 100%"
-					filterable
-					value-key="id"
-					placeholder="请选择品质">
-					<el-option
-						v-for="item in qualityArr"
-						:key="item.id"
-						:label="item.name"
-						:value="item.id" />
-				</el-select>
+			<el-form-item label="品质" prop="grade">
+				<el-input
+					v-model="dataForm.grade"
+					placeholder="请输入品质"
+					clearable
+					:style="{ width: '100%' }" />
 			</el-form-item>
 			<el-form-item label="数量" prop="number">
 				<el-input-number
@@ -81,31 +77,16 @@ export default {
 				index: -1,
 				productInfo: null,
 				number: 1,
-				quality: null,
+				grade: null,
 			},
 			productArr: [],
-			qualityArr: [
-				{
-					name: 'C',
-					id: 2,
-				},
-				{
-					name: 'B',
-					id: 1,
-				},
-				{
-					name: 'A',
-					id: 0,
-				},
-			],
+			loading: false,
 			dataRule: {
 				productInfo: [
 					{ required: true, message: '产品不能为空', trigger: 'change' },
 				],
 				number: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
-				quality: [
-					{ required: true, message: '品质不能为空', trigger: 'change' },
-				],
+				grade: [{ required: true, message: '品质不能为空', trigger: 'change' }],
 			},
 		};
 	},
@@ -117,15 +98,24 @@ export default {
 			this.visible = true;
 			this.$nextTick(() => {
 				this.$refs['dataForm'].resetFields();
+			});
+		},
+		remoteMethod(query) {
+			if (query !== '') {
+				this.loading = true;
 				const params = {
 					pageSize: 100,
 					pageNo: 1,
-					warehouseId: this.warehouseId,
+					goodSpecificationName: query,
+					// warehouseId: this.warehouseId,
 				};
 				getGoodSpecificationPage(params).then((response) => {
+					this.loading = false;
 					this.productArr = response.data.list;
 				});
-			});
+			} else {
+				this.productArr = [];
+			}
 		},
 		// 表单提交
 		dataFormSubmit() {