From 1d783b6053fbf99ceeeea68b0847a65c10180214 Mon Sep 17 00:00:00 2001
From: LiLongLong <13717757313@163.com>
Date: Mon, 12 May 2025 01:15:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=A0=E6=B6=B2=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86css=E6=A0=B7=E5=BC=8F=E7=9A=84=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E6=80=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/container/liquidItem.vue | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/views/container/liquidItem.vue b/src/views/container/liquidItem.vue
index b1125e0..8f4f452 100644
--- a/src/views/container/liquidItem.vue
+++ b/src/views/container/liquidItem.vue
@@ -107,7 +107,7 @@ const onSubmitSolution = () => {
           <div class="bottle_base">
             <img class="content-img" src="@/assets/images/liquied/liquied_bottle.svg" alt="chemical-bottle">
           </div>
-          <div class="bottle" :style="{ mask: `linear-gradient(to bottom, transparent ${solutionProcess}%, rgb(38, 219, 50))` }">
+          <div class="bottle" :style="{ '-webkit-mask': `linear-gradient(to bottom, transparent ${solutionProcess}%, rgb(38, 219, 50))` }">
             <img class="content-img" src="@/assets/images/liquied/liquied_bottle.svg" alt="chemical-bottle">
           </div>
         </div>
@@ -121,7 +121,7 @@ const onSubmitSolution = () => {
         <el-input v-model="solutionInfo.capacityUsed" style="width: 100px;" size="small" :prefix-icon="Edit" @blur="onInputBlur" />ml
       </div>
     </div>
-    <FtDialog v-model="visible" title="选择酸液">
+    <FtDialog v-model="visible" title="选择酸液" :ok-handle="onSubmitSolution" @cancel="onClose">
       <div v-if="solutionStore.solutionList.length">
         <el-radio-group v-model="solutionId" size="large" class="radio-group" @change="onSolutionChange">
           <el-radio-button v-for="item in solutionStore.solutionList" :key="item.id" :label="item.name" :value="item.id" class="radio-marge" />
@@ -134,16 +134,6 @@ const onSubmitSolution = () => {
           </template>
         </el-empty>
       </div>
-      <template #footer>
-        <div>
-          <FtButton @click="onClose">
-            取消
-          </FtButton>
-          <FtButton type="primary" @click="onSubmitSolution">
-            确认
-          </FtButton>
-        </div>
-      </template>
     </FtDialog>
   </div>
 </template>