fix: 加液折叠

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%;