From b25046f051f02ded55b172c8ee0417b363ec4a8f Mon Sep 17 00:00:00 2001
From: zerosaturation <zerosaturation@163.com>
Date: Mon, 13 Apr 2026 11:30:05 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E7=A1=AE?=
 =?UTF-8?q?=E8=AE=A4=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/pages/square/debug-grid.vue | 58 ++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/square/debug-grid.vue b/frontend/pages/square/debug-grid.vue
index e8bcc53..c9fa7db 100644
--- a/frontend/pages/square/debug-grid.vue
+++ b/frontend/pages/square/debug-grid.vue
@@ -157,11 +157,24 @@
       </view>
     </view>
   </view>
+
+  <!-- 通用确认弹窗 -->
+  <ConfirmModal
+    :visible="confirmModal.visible"
+    :title="confirmModal.title"
+    :content="confirmModal.content"
+    :confirmText="confirmModal.confirmText"
+    :cancelText="confirmModal.cancelText"
+    :showCancel="confirmModal.showCancel"
+    @confirm="onConfirmModal"
+    @cancel="onCancelModal"
+  />
 </template>
 
 <script setup>
 import { ref, computed } from 'vue'
 import { GRID_CONFIG, generateGridCoordinates, IMAGE_W, IMAGE_H } from './config/cabin.js'
+import ConfirmModal from '@/components/ConfirmModal.vue'
 
 const config = ref(JSON.parse(JSON.stringify(GRID_CONFIG)))
 const selectedIndex = ref(null)
@@ -175,7 +188,46 @@ const scale = ref(1)
 // 滑动相关
 const bgOffsetX = ref(0)
 let touchStartX = 0
-let lastMoveX = 0
+
+// 通用确认弹窗状态
+const confirmModal = ref({
+	visible: false,
+	title: '',
+	content: '',
+	confirmText: '确认',
+	cancelText: '取消',
+	showCancel: true,
+	confirmCallback: null
+})
+
+// 弹窗确认回调
+const onConfirmModal = () => {
+	if (confirmModal.value.confirmCallback) {
+		confirmModal.value.confirmCallback({ confirm: true })
+	}
+	confirmModal.value.visible = false
+}
+
+// 弹窗取消回调
+const onCancelModal = () => {
+	if (confirmModal.value.confirmCallback) {
+		confirmModal.value.confirmCallback({ confirm: false })
+	}
+	confirmModal.value.visible = false
+}
+
+// 显示通用确认弹窗
+const showConfirmModal = (options) => {
+	confirmModal.value = {
+		visible: true,
+		title: options.title || '',
+		content: options.content || '',
+		confirmText: options.confirmText || '确认',
+		cancelText: options.cancelText || '取消',
+		showCancel: options.showCancel !== false,
+		confirmCallback: options.success || null
+	}
+}
 
 // 原始坐标（未缩放）
 const originalCoords = computed(() => {
@@ -354,7 +406,7 @@ const exportConfig = () => {
     console.log('}')
   }
   
-  uni.showModal({
+  showConfirmModal({
     title: '配置已导出',
     content: '请查看控制台输出，复制到 config/cabin.js',
     showCancel: false
@@ -362,7 +414,7 @@ const exportConfig = () => {
 }
 
 const resetConfig = () => {
-  uni.showModal({
+  showConfirmModal({
     title: '确认重置',
     content: '将重置所有参数和调整，是否继续？',
     success: (res) => {