From c44553000963925f2174face6e18ef79e7b4791a Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Wed, 11 Jun 2025 16:00:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8A=A0=E6=B6=B2=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/container/Item/index.vue | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/components/container/Item/index.vue b/src/components/container/Item/index.vue
index c8c9e81..beb5504 100644
--- a/src/components/container/Item/index.vue
+++ b/src/components/container/Item/index.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { ElMessageBox } from 'element-plus'
 import { FtMessage } from 'libs/message'
 import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
@@ -27,7 +28,7 @@ const solutionId = ref()
 const selectedSolutionItem = ref()
 const solutionInfo = ref(props.solutionItem)
 const solutionStyle = computed(() => {
-  const difference = solutionInfo.value.capacityUsed / solutionInfo.value.capacityTotal
+  const difference = (solutionInfo.value.capacityTotal - solutionInfo.value.capacityUsed) / solutionInfo.value.capacityTotal
   const process = 100 - (difference * 100)
   const filter = difference > 0.4 ? 'hue-rotate(270deg) saturate(100) brightness(81%)' : difference > 0.1 ? 'hue-rotate(150deg) saturate(100)' : 'hue-rotate(120deg) saturate(100)'
   return {
@@ -35,15 +36,28 @@ const solutionStyle = computed(() => {
     '-webkit-mask': `linear-gradient(to bottom, transparent ${process}%, #EEEFF8 ${process + 0.1}%)`,
   }
 })
-const onInputBlur = () => {
+const onInputBlur = async () => {
   if (solutionInfo.value.capacityUsed > solutionInfo.value.capacityTotal) {
     FtMessage.error(`容器容量不能超过${solutionInfo.value.capacityTotal}ml`)
     solutionInfo.value.capacityUsed = 5000
+    return
   }
-  saveContainer()
+  await ElMessageBox.confirm(
+    '确认保存吗? ',
+    '提示',
+    {
+      confirmButtonText: '确认',
+      showClose: false,
+      showCancelButton: true,
+      closeOnClickModal: false,
+      closeOnPressEscape: false,
+      type: 'warning',
+    },
+  )
+  await saveContainer()
 }
 
-const saveContainer = () => {
+const saveContainer = async () => {
   if (!solutionInfo.value.capacityUsed) {
     FtMessage.warning('请输入当前容量')
     return
@@ -61,10 +75,9 @@ const saveContainer = () => {
     capacityUsed: solutionInfo.value.capacityUsed,
     filled: solutionInfo.value.filled,
   }
-  updateContainer(params).then(() => {
-    FtMessage.success('保存成功')
-    emits('ok')
-  })
+  await updateContainer(params)
+  FtMessage.success('保存成功')
+  emits('ok')
 }
 const onSolutionChange = (value: number) => {
   if (value) {