11

src/views/supermarketerp/supermarketSpu/components/supermarketInventory.vue

@@ -14,19 +14,19 @@
 							</template>
 							<el-icon class="text-xl my-auto ml-4 text-yellow-600"><WarningFilled /></el-icon>
 						</el-tooltip>
-						<el-input-number v-model="stock" :min="0" :precision="0" />
+						<el-input-number v-model="form.stock" :min="0" :precision="0" />
 					</el-form-item>
 				</el-col>
 
 				<el-col :span="24" class="mb20">
 					<el-form-item label="库存上限" prop="inventoryUpperLimit">
-						<el-input-number v-model="inventoryUpperLimit" :min="0" :precision="0" />
+						<el-input-number v-model="form.inventoryUpperLimit" :min="0" :precision="0" />
 					</el-form-item>
 				</el-col>
 
 				<el-col :span="24" class="mb20">
 					<el-form-item label="库存下限" prop="inventoryLowerLimit">
-						<el-input-number v-model="inventoryLowerLimit" :min="0" :precision="0" />
+						<el-input-number v-model="form.inventoryLowerLimit" :min="0" :precision="0" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -41,11 +41,20 @@ const inventoryUpperLimit = defineModel("inventoryUpperLimit", { default: 0 })
 const inventoryLowerLimit = defineModel("inventoryLowerLimit", { default: 0 })
 
 const dataFormRef = ref()
-// const form = reactive({
-// 	stock: 0,
-// 	inventoryUpperLimit: 0,
-// 	inventoryLowerLimit: 0,
-// })
+const form = reactive({
+	stock: stock.value,
+	inventoryUpperLimit: inventoryUpperLimit.value,
+	inventoryLowerLimit: inventoryLowerLimit.value,
+})
+
+watch(
+	() => form,
+	(val) => {
+		stock.value = val.stock
+		inventoryUpperLimit.value = val.inventoryUpperLimit
+		inventoryLowerLimit.value = val.inventoryLowerLimit
+	},
+)
 
 const dataRules = ref({
 	stock: [{ required: true, message: "总库存不能为空", trigger: "blur" }],

src/views/supermarketerp/supermarketSpu/form.vue

@@ -248,9 +248,7 @@ const openDialog = async (id: string) => {
 	form.id = ""
 
 	// 重置表单数据
-	dataFormRef.value?.resetFields()
-	form.smErpUnitEntityList = []
-	form.smErpAuxiliaryCodeEntityList = []
+	resetForm()
 
 	// 获取supermarketSpu信息
 	if (id) {
@@ -295,6 +293,16 @@ const getsupermarketSpuData = async (id: string) => {
 	}
 }
 
+// 重置表单数据
+const resetForm = () => {
+	dataFormRef.value?.resetFields()
+	form.smErpUnitEntityList = []
+	form.smErpAuxiliaryCodeEntityList = []
+	form.stock = 0
+	form.inventoryUpperLimit = 0
+	form.inventoryLowerLimit = 0
+}
+
 // tab栏切换
 const handleTabChange = (name: TabPaneName) => (currentTabPaneIndex.value = tabPaneEnum.findIndex((item) => item === name))