From 6ac1e2f1612b7feee6d19fff12fa124190f78eb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <bestsongj@163.com>
Date: Sun, 17 Aug 2025 18:45:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95=E5=AF=B9=E8=AF=9D=E6=A1=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BC=82=E5=B8=B8=E9=97=AE=E9=A2=98=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/HistoryRecord.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/components/HistoryRecord.vue b/src/views/components/HistoryRecord.vue
index 571edbb..dad4b7a 100644
--- a/src/views/components/HistoryRecord.vue
+++ b/src/views/components/HistoryRecord.vue
@@ -377,7 +377,7 @@
     </div>
   </div>
 
-  <el-dialog v-model="deleteDialogVisible" title="永久删除记录" width="500">
+  <el-dialog v-model="deleteDialogVisible" title="永久删除记录" :width="computedDialogWidth">
     <span>删除后，该记录将不可恢复。确认删除吗？</span>
     <template #footer>
       <div class="dialog-footer">
@@ -442,6 +442,15 @@ const selectedRecordId = ref(null);
 
 const delObj = ref({});
 const deleteDialogVisible = ref(false);
+const dialogWidth = ref('500px'); // 对话框动态宽度
+
+// 计算属性：根据移动端状态动态设置对话框宽度
+const computedDialogWidth = computed(() => {
+  if (props.isMobile) {
+    return '70%'; // 移动端使用百分比宽度
+  }
+  return dialogWidth.value; // 桌面端使用固定宽度
+});
 
 const openDeleteDialog = () => {
   deleteDialogVisible.value = true;