修改移动端历史记录对话框样式异常问题。

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;