From e4ec224be9eb3b06b836b2d5cfe252c32596a5d6 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Thu, 12 Jun 2025 22:03:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8A=A0=E6=B6=B2=E6=8A=98=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/craft/AddCraft/index.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/craft/AddCraft/index.vue b/src/components/craft/AddCraft/index.vue
index 36df8f2..dc014ad 100644
--- a/src/components/craft/AddCraft/index.vue
+++ b/src/components/craft/AddCraft/index.vue
@@ -357,7 +357,15 @@ const addHandle = async () => {
           <div v-if="form.stepList?.length" class="step-box">
             <div v-for="(item, index) in form.stepList" :key="index" class="step-item">
               <el-form-item :label="`${index + 1}: ${item.name}`">
-                <div v-if="item.method === 'addLiquid'" class="list-box">
+                <div v-if="item.method === 'addLiquid'" class="list-box" :class="{ 'list-box-fold': item.params.fold }">
+                  <div style="display: flex; justify-content: flex-end;font-size: 18px;padding: 5px;color: #1989fa">
+                    <el-icon v-if="item.params.fold" @click="item.params.fold = false">
+                      <ArrowRightBold />
+                    </el-icon>
+                    <el-icon v-else @click="item.params.fold = true">
+                      <ArrowDownBold />
+                    </el-icon>
+                  </div>
                   <div v-for="(liquid, liquidIndex) in item.params?.list || []" :key="liquidIndex">
                     <span>试管{{ liquid.tubeNum }} </span>
                     <div v-for="(s, sIndex) in liquid.solutionList" :key="sIndex" class="step-solution-item">
@@ -516,6 +524,11 @@ const addHandle = async () => {
         width: 120px;
         margin: 0 5px;
       }
+      .list-box-fold {
+        transition: height  0.1s;
+        height: 25px !important;
+        overflow: hidden;
+      }
       .list-box {
         width: 90%;
         height: 100%;