bug ui

src/views/base/materialProductBom/add-or-updata.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
  * @LastEditors: DY
- * @LastEditTime: 2023-11-23 15:00:00
+ * @LastEditTime: 2023-11-25 19:10:12
  * @Description:
 -->
 <template>
@@ -85,28 +85,30 @@
 							<span>{{ parseTime(scope.row.createTime) }}</span>
 						</template>
 					</el-table-column>
-					<el-table-column prop="materialId" label="物料名称">
+					<el-table-column prop="materialId" label="物料名称*">
 						<template slot-scope="scope">
 							<el-select
-									v-model="scope.row.materialId"
-									filterable
-									clearable
-									:disabled="!scope.row.isEdit"
-									placeholder="请选择物料"
-									@change="setCode(scope.row)">
-									<el-option
-										v-for="dict in materialList"
-										:key="dict.id"
-										:label="dict.name"
-										:value="dict.id" />
-								</el-select>
+								v-model="scope.row.materialId"
+								filterable
+								clearable
+								:disabled="!scope.row.isEdit"
+								placeholder="请选择物料"
+								@change="setCode(scope.row)">
+								<el-option
+									v-for="dict in materialList"
+									:key="dict.id"
+									:label="dict.name"
+									:value="dict.id" />
+							</el-select>
+							<span v-if="scope.row.isShow" style="color: red">物料不可为空！</span>
 						</template>
 					</el-table-column>
 					<el-table-column prop="materialCode" label="物料编码" />
 					<el-table-column prop="mUnit" label="单位" />
-					<el-table-column prop="num" label="数量">
+					<el-table-column prop="num" label="数量*">
 						<template slot-scope="scope">
-							<el-input v-model="scope.row.num" :disabled="!scope.row.isEdit"></el-input>
+							<el-input v-model.number="scope.row.num" :disabled="!scope.row.isEdit" @input="changeNum(scope.row)"></el-input>
+							<span v-if="scope.row.isNum" style="color: red">数量不可为空！</span>
 						</template>
 					</el-table-column>
 					<el-table-column prop="remark" label="备注">
@@ -297,21 +299,35 @@ export default {
 				})
 				.catch(() => {});
 		},
-		setCode(row) {
-			const tempM = this.materialList.filter(item => {
-				if (row.materialId === item.id) {
-					row.materialCode = item.code
-				}
-				return row.materialId === item.id
-			})
-			if (tempM[0].unit) {
-				this.unitList.filter(u => {
-					if (tempM[0].unit === u.value) {
-						row.unit = u.value
-						row.mUnit = u.label
-					}
-				})
+		changeNum(row) {
+			if (row.num !== '') {
+				row.isNum = false
 			} else {
+				row.isNum = true
+			}
+		},
+		setCode(row) {
+			if (row.materialId) {
+				row.isShow = false
+				const tempM = this.materialList.filter(item => {
+					if (row.materialId === item.id) {
+						row.materialCode = item.code
+					}
+					return row.materialId === item.id
+				})
+				if (tempM[0].unit) {
+					this.unitList.filter(u => {
+						if (tempM[0].unit === u.value) {
+							row.unit = u.value
+							row.mUnit = u.label
+						}
+					})
+				} else {
+					row.unit = null
+					row.mUnit = ''
+				}
+			} else {
+				row.isShow = true
 				row.unit = null
 				row.mUnit = ''
 			}
@@ -322,6 +338,7 @@ export default {
 			row.isEdit = true
 		},
 		saveData(row) {
+			if (row.materialId) {
 			// this.$refs['dataForm'].validate((valid) => {
 				// if (valid) {
 				// 	修改的提交
@@ -336,13 +353,16 @@ export default {
 					return;
 				}
 					// 添加的提交
-			createMaterialPBDet({
-				...row
-			}).then((response) => {
-				this.$modal.msgSuccess('新增成功');
-				// this.visible = false;
-				this.getList();
-			});
+				createMaterialPBDet({
+					...row
+				}).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					// this.visible = false;
+					this.getList();
+				});
+			} else {
+				this.$message.warning('请选择物料！')
+			}
 				// }
 			// });
 		},