diff --git a/src/components/home/AddLiquid/index.vue b/src/components/home/AddLiquid/index.vue index dbc2f1e..9131b04 100644 --- a/src/components/home/AddLiquid/index.vue +++ b/src/components/home/AddLiquid/index.vue @@ -29,9 +29,9 @@ const receiveMessage = (data: Socket.cmdData) => { } const form = ref<{ - tubeNum: string - solutionId: number - volume: number + tubeNum?: number[] + solutionId?: number + volume?: number }>({}) const formRef = ref() @@ -74,7 +74,7 @@ const addHandle = async () => { return } addList.value!.push({ - tubeNum: form.value.tubeNum.toString(), + tubeNum: form.value.tubeNum?.toString(), solutionList: [{ solutionId: form.value.solutionId, volume: form.value.volume, @@ -131,14 +131,24 @@ const mousedownHandle = async (e: Event) => { } const activeTube = ref(Array.from({ length: 16 }).fill(false)) + +const selectVisible = ref(false) +const checkChange = () => { + activeTube.value = Array.from({ length: 16 }).fill(selectVisible.value) + form.value.tubeNum = activeTube.value.map((item, index) => index + 1).filter(item => activeTube.value[item - 1]) + formRef.value.validateField('tubeNum') +}