diff --git a/frontend/src/i18n/locales/en/admin/ops.ts b/frontend/src/i18n/locales/en/admin/ops.ts
index fe6a7a28b..4bb48c64d 100644
--- a/frontend/src/i18n/locales/en/admin/ops.ts
+++ b/frontend/src/i18n/locales/en/admin/ops.ts
@@ -307,6 +307,7 @@ export default {
title: 'Error Detail',
titleWithId: 'Error #{id}',
noErrorSelected: 'No error selected.',
+ backToList: 'Back to List',
resolution: 'Resolved:',
failedToUpdateResolvedStatus: 'Failed to update resolved status',
classificationKeys: {
diff --git a/frontend/src/i18n/locales/zh/admin/ops.ts b/frontend/src/i18n/locales/zh/admin/ops.ts
index 1e521c891..3e568e1dd 100644
--- a/frontend/src/i18n/locales/zh/admin/ops.ts
+++ b/frontend/src/i18n/locales/zh/admin/ops.ts
@@ -307,6 +307,7 @@ export default {
title: '错误详情',
titleWithId: '错误 #{id}',
noErrorSelected: '未选择错误。',
+ backToList: '返回列表',
resolution: '已解决:',
failedToUpdateResolvedStatus: '更新解决状态失败',
classificationKeys: {
diff --git a/frontend/src/views/admin/ops/OpsDashboard.vue b/frontend/src/views/admin/ops/OpsDashboard.vue
index cd5c67296..dc482ab07 100644
--- a/frontend/src/views/admin/ops/OpsDashboard.vue
+++ b/frontend/src/views/admin/ops/OpsDashboard.vue
@@ -119,11 +119,12 @@
:platform="platform"
:group-id="groupId"
:error-type="errorDetailsType"
+ :resume-state="resumeListState"
@update:show="showErrorDetails = $event"
@openErrorDetail="openError"
/>
-
+
@@ -377,6 +379,13 @@ const requestDetailsPreset = ref({
sort: 'created_at_desc'
})
+// 记录单条错误详情来自哪个列表,便于"返回列表"时重新打开对应弹窗并保留状态。
+type DetailReturnTarget = 'errorList' | 'requestList' | null
+const detailReturnTarget = ref(null)
+
+// 从详情返回时,列表弹窗应保留上一次的筛选/分页状态而非重置。
+const resumeListState = ref(false)
+
const showSettingsDialog = ref(false)
const showAlertRulesCard = ref(false)
@@ -508,12 +517,34 @@ function onQueryModeChange(v: string | number | boolean | null) {
function openError(id: number) {
selectedErrorId.value = id
+ // 记录来源列表,便于详情页"返回列表"。
+ detailReturnTarget.value = showRequestDetails.value ? 'requestList' : showErrorDetails.value ? 'errorList' : null
// Ensure only one modal visible at a time.
showErrorDetails.value = false
showRequestDetails.value = false
showErrorModal.value = true
}
+// 从单条错误详情返回其来源列表,重新打开关联弹窗(保留筛选/分页状态)。
+function handleBackToList() {
+ const target = detailReturnTarget.value
+ resumeListState.value = true
+ if (target === 'requestList') {
+ showErrorModal.value = false
+ showErrorDetails.value = false
+ showRequestDetails.value = true
+ } else if (target === 'errorList') {
+ showErrorModal.value = false
+ showRequestDetails.value = false
+ showErrorDetails.value = true
+ }
+ detailReturnTarget.value = null
+ // 子组件 watch 在本次 show 变化中消费 resumeState 后复位,保证下次手动打开仍会重置筛选。
+ window.setTimeout(() => {
+ resumeListState.value = false
+ }, 0)
+}
+
function buildApiParams() {
const params: any = {
platform: platform.value || undefined,
diff --git a/frontend/src/views/admin/ops/components/OpsErrorDetailModal.vue b/frontend/src/views/admin/ops/components/OpsErrorDetailModal.vue
index 407c671ca..8b0dc388f 100644
--- a/frontend/src/views/admin/ops/components/OpsErrorDetailModal.vue
+++ b/frontend/src/views/admin/ops/components/OpsErrorDetailModal.vue
@@ -211,6 +211,16 @@
+
+
+
@@ -228,10 +238,12 @@ interface Props {
show: boolean
errorId: number | null
errorType?: 'request' | 'upstream'
+ backToList?: boolean
}
interface Emits {
(e: 'update:show', value: boolean): void
+ (e: 'back'): void
}
const props = defineProps()
@@ -363,6 +375,11 @@ function close() {
emit('update:show', false)
}
+function goBack() {
+ emit('update:show', false)
+ emit('back')
+}
+
function prettyJSON(raw?: string): string {
if (!raw) return 'N/A'
try {
diff --git a/frontend/src/views/admin/ops/components/OpsErrorDetailsModal.vue b/frontend/src/views/admin/ops/components/OpsErrorDetailsModal.vue
index 0c513a5f1..e97e919f6 100644
--- a/frontend/src/views/admin/ops/components/OpsErrorDetailsModal.vue
+++ b/frontend/src/views/admin/ops/components/OpsErrorDetailsModal.vue
@@ -15,6 +15,7 @@ interface Props {
platform?: string
groupId?: number | null
errorType: 'request' | 'upstream'
+ resumeState?: boolean
}
const props = defineProps()
@@ -167,6 +168,7 @@ watch(
() => props.show,
(open) => {
if (!open) return
+ if (props.resumeState) return
page.value = 1
pageSize.value = 10
resetFilters()
diff --git a/frontend/src/views/admin/ops/components/OpsRequestDetailsModal.vue b/frontend/src/views/admin/ops/components/OpsRequestDetailsModal.vue
index 33ce05814..2d8e885a0 100644
--- a/frontend/src/views/admin/ops/components/OpsRequestDetailsModal.vue
+++ b/frontend/src/views/admin/ops/components/OpsRequestDetailsModal.vue
@@ -23,6 +23,7 @@ interface Props {
preset: OpsRequestDetailsPreset
platform?: string
groupId?: number | null
+ resumeState?: boolean
}
const props = defineProps()
@@ -98,6 +99,7 @@ watch(
() => props.modelValue,
(open) => {
if (open) {
+ if (props.resumeState) return
page.value = 1
pageSize.value = 10
fetchData()
@@ -142,7 +144,6 @@ async function handleCopyRequestId(requestId: string) {
function openErrorDetail(errorId: number | null | undefined) {
if (!errorId) return
- close()
emit('openErrorDetail', errorId)
}