From ad65d7a8a9b82644705fa085f5896d5e45747ae6 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Mon, 13 Apr 2026 18:19:36 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20OilReference=E6=9C=80=E5=90=8E2=E5=A4=84?=
 =?UTF-8?q?@click.self=E6=94=B9=E4=B8=BA@mousedown.self=EF=BC=8C=E6=8B=96?=
 =?UTF-8?q?=E9=80=89=E4=B8=8D=E8=AF=AF=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

全局已无@click.self弹窗关闭，统一使用@mousedown.self。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/OilReference.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index 7dce022..5fbb068 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -235,7 +235,7 @@
     </div>
 
     <!-- Simple Oil Detail Panel (for oils without a knowledge card) -->
-    <div v-if="selectedOilName && !activeCard" class="modal-overlay" @click.self="selectedOilName = null">
+    <div v-if="selectedOilName && !activeCard" class="modal-overlay" @mousedown.self="selectedOilName = null">
       <div class="oil-detail-panel">
         <div class="detail-header">
           <div>
@@ -305,7 +305,7 @@
     </div>
 
     <!-- Edit Oil Overlay -->
-    <div v-if="editingOilName" class="modal-overlay" @click.self="editingOilName = null" @keydown.enter="$event.isComposing || saveEditOil()">
+    <div v-if="editingOilName" class="modal-overlay" @mousedown.self="editingOilName = null" @keydown.enter="$event.isComposing || saveEditOil()">
       <div class="modal-panel">
         <div class="modal-header">
           <h3>{{ editingOilName }}</h3>