From 201340a2da844a6a5ab99cd19ca5feb348388057 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Sun, 1 Jun 2025 15:34:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0=E6=BA=B6=E6=B6=B2?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=85=A8=E9=80=89=E8=AF=95=E7=AE=A1;ui?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/AddLiquid/index.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

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')
+}
 </script>
 
 <template>
-  <FtDialog visible title="添加溶液" width="60%" :ok-handle="okHandle" @cancel="cancel">
+  <FtDialog visible title="添加溶液" width="70%" :ok-handle="okHandle" @cancel="cancel">
     <el-row :gutter="20">
       <el-col :span="12">
         <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
           <el-form-item label="选择试管" prop="tubeNum">
+            <el-checkbox v-model="selectVisible" style="margin-right: 10px" @change="checkChange">
+              全选
+            </el-checkbox>
             <!--            <el-select v-model="form.tubeNum" placeholder="请选择试管"> -->
             <!--              <el-option v-for="item in 16" :key="item" :label="`试管${item}`" :value="item" /> -->
             <!--            </el-select> -->
@@ -172,7 +182,7 @@ const activeTube = ref(Array.from({ length: 16 }).fill(false))
           <el-tag v-for="(item, key) in addList" :key>
             <div>
               <span>试管[</span>
-              <span>{{ item.tubeNum }}</span>
+              <span>{{ item.tubeNum. split(',').length === 16 ? '全部' : item.tubeNum }}</span>
               <span>]</span>
               <span>-</span>
               <span>{{ solsList.find(i => i.id === item.solutionList[0].solutionId)!.name }}</span>