From e5f7129d617ff4366903109b41a1bb933c318a21 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 3 Nov 2025 11:29:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=80=89=E6=8B=A9=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E6=97=A5=E7=A8=8B=E7=9A=84=E9=A2=91=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/add-event/index.vue | 39 +++++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/pages/add-event/index.vue b/pages/add-event/index.vue
index b172f9a..e91b25e 100644
--- a/pages/add-event/index.vue
+++ b/pages/add-event/index.vue
@@ -49,7 +49,7 @@
       </view>
 
       <!-- 重复选项 -->
-      <view class="form-item clickable-item" @click="showRepeatPicker = true">
+      <view class="form-item clickable-item" @click="openRepeatPicker">
         <text class="label">{{ repeatText }}</text>
         <text class="arrow">›</text>
       </view>
@@ -190,7 +190,7 @@
     </view>
 
     <!-- 重复选择弹窗 -->
-    <view v-if="showRepeatPicker" class="modal-mask" @click="showRepeatPicker = false">
+    <view v-if="showRepeatPicker" class="modal-mask" @click="handleCancelRepeat">
       <view class="modal-content" @click.stop>
         <view class="modal-title">重复设置</view>
         <view class="repeat-options">
@@ -198,16 +198,16 @@
             v-for="item in repeatOptions" 
             :key="item.value"
             class="repeat-option"
-            :class="{ active: formData.repeat === item.value }"
-            @click="selectRepeat(item.value)"
+            :class="{ active: tempRepeat === item.value }"
+            @click="tempRepeat = item.value"
           >
             <text>{{ item.label }}</text>
-            <text v-if="formData.repeat === item.value" class="check">✓</text>
+            <text v-if="tempRepeat === item.value" class="check">✓</text>
           </view>
         </view>
         <view class="modal-buttons">
-          <button class="modal-btn" @click="showRepeatPicker = false">取消</button>
-          <button class="modal-btn primary" @click="showRepeatPicker = false">确定</button>
+          <button class="modal-btn" @click="handleCancelRepeat">取消</button>
+          <button class="modal-btn primary" @click="handleConfirmRepeat">确定</button>
         </view>
       </view>
     </view>
@@ -267,6 +267,9 @@ const showColorPicker = ref(false);
 const showRepeatPicker = ref(false);
 const showReminderPicker = ref(false);
 
+// 临时数据（用于弹窗暂存）
+const tempRepeat = ref('none');
+
 // 时间选择器相关
 const hourOptions = Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0') + '时');
 const minOptions = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0') + '分');
@@ -515,9 +518,25 @@ const selectColor = (color) => {
   formData.value.color = color;
 };
 
-// 选择重复
-const selectRepeat = (value) => {
-  formData.value.repeat = value;
+// 打开重复选择弹窗
+const openRepeatPicker = () => {
+  // 打开弹窗时，将当前值复制到临时变量
+  tempRepeat.value = formData.value.repeat;
+  showRepeatPicker.value = true;
+};
+
+// 取消重复选择
+const handleCancelRepeat = () => {
+  // 恢复原始值
+  tempRepeat.value = formData.value.repeat;
+  showRepeatPicker.value = false;
+};
+
+// 确认重复选择
+const handleConfirmRepeat = () => {
+  // 将临时变量的值更新到表单数据
+  formData.value.repeat = tempRepeat.value;
+  showRepeatPicker.value = false;
 };
 
 // 选择提醒