diff --git a/src/components/negative/dialog.vue b/src/components/negative/dialog.vue
index eb9cf44..4b7cfe8 100644
--- a/src/components/negative/dialog.vue
+++ b/src/components/negative/dialog.vue
@@ -1,6 +1,7 @@
 <template>
     <el-dialog
         :show-close="false"
+        :visible.sync="visible"
         width="84vw"
         top="2vh"
         class="dialog-header-nopadding"
@@ -435,6 +436,7 @@ const dict = useCatchStore().getDicts([
 ]);
 
 const props = defineProps({
+    visible: Boolean,
     id: {
         type: String,
         required: true,
@@ -508,10 +510,14 @@ const displayFlowActions = computed(() => {
 watch(
     () => props.id,
     () => {
-        getDetails();
-        verifyEditFlag.value = false;
-        formData.value = {};
-        currentComplaintStage.value = STAGE_COMPLETION;
+        console.log('props.visible', props.visible)
+        if (props.visible) {
+            getDetails();
+            verifyEditFlag.value = false;
+            formData.value = {};
+            currentComplaintStage.value = STAGE_COMPLETION;
+        }
+        
     }
 );
 
diff --git a/src/components/negative/mailbox-dialog.vue b/src/components/negative/mailbox-dialog.vue
new file mode 100644
index 0000000..f88227a
--- /dev/null
+++ b/src/components/negative/mailbox-dialog.vue
@@ -0,0 +1,53 @@
+<template>
+  <el-dialog
+    :show-close="false"
+    width="90vw"
+    top="2vh"
+    class="dialog-header-nopadding dialog-body-nopadding"
+    style="--el-dialog-padding-primary: 10px; margin-bottom: 0"
+    :lock-scroll="false"
+    :close-on-press-escape="false"
+    ref="dialogRef"
+  >
+    <template #header="{ close }">
+      <header class="dialog-header">
+        <el-button link circle size="large" @click="close" class="close-btn">
+          <template #icon>
+            <icon name="el-icon-close" :size="26" :color="'#fff'" />
+          </template>
+        </el-button>
+      </header>
+    </template>
+    <main>
+      <iframe :src="`http://65.47.60.145/#/mail-detail?mailId=` + id"></iframe>
+    </main>
+  </el-dialog>
+</template>
+<script lang="ts" setup>
+const props = defineProps({
+  id: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+<style lang="scss" scoped>
+iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+}
+main {
+  height: 90vh;
+}
+.dialog-header {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}
+</style>
+<style lang="scss">
+.dialog-body-nopadding .el-dialog__body {
+  padding: 0;
+}
+</style>
diff --git a/src/views/data/ComplaintCollection.vue b/src/views/data/ComplaintCollection.vue
index 527c165..e955937 100644
--- a/src/views/data/ComplaintCollection.vue
+++ b/src/views/data/ComplaintCollection.vue
@@ -424,6 +424,12 @@
       ref="negativeDialogRef"
   />
 
+  <negative-mailbox-dialog
+        v-model="mailboxShow"
+        :id="activeNegativeId"
+        @close="mailboxShow = false"
+    />
+
 </template>
 
 
@@ -811,14 +817,20 @@ const handleWatchDetail = async (row) => {
 }
 // endregion
 
-
+const mailboxShow = ref(false)
 // region 办理详情
 // const show = ref(false);
 const activeNegativeId = ref("");
 function handleActionDetail(row) {
-  debugger
-  show.value = true;
-  activeNegativeId.value = row.negativeId;
+  console.log('办理详情', row)
+  if (row.problemSources === '局长信箱') {
+    mailboxShow.value = true;
+    activeNegativeId.value = row.originId;
+  } else {
+    show.value = true;
+    activeNegativeId.value = row.negativeId;
+  }
+  
 }
 // endregion
 
diff --git a/src/views/work/Query.vue b/src/views/work/Query.vue
index d6e4679..1f04659 100644
--- a/src/views/work/Query.vue
+++ b/src/views/work/Query.vue
@@ -812,6 +812,12 @@
         ref="negativeDialogRef"
     />
 
+    <negative-mailbox-dialog
+        v-model="mailboxShow"
+        :id="activeNegativeId"
+        @close="mailboxShow = false"
+    />
+
     <el-dialog v-model="editShow" title="问题编辑" width="900px">
         <el-form label-width="148" :model="formData" ref="formRef">
             <div style="margin-bottom: 80px">
@@ -1235,8 +1241,6 @@ async function  updateQuery() {
     await nextTick()
   }
 
-
-
     if (route.query.extensionFlag === "true") {
         query.value.extensionFlag = true;
         query.value.processingStatus = ['signing', 'processing', 'approval'];
@@ -1250,10 +1254,16 @@ onMounted(() => {
 
 const show = ref(false);
 const activeNegativeId = ref("");
-
+const mailboxShow = ref(false);
 function handleAction(row) {
-    show.value = true;
-    activeNegativeId.value = row.id;
+    if (row.problemSources === '局长信箱') {
+        mailboxShow.value = true;
+        console.log(row)
+        activeNegativeId.value = row.originId;
+    } else {
+        show.value = true;
+        activeNegativeId.value = row.id;
+    }
 }
 
 const router = useRouter();
@@ -1360,9 +1370,6 @@ function handleSpotCheck(row) {
 
 const remainingTimeFlag = ref(true);
 
-
-
-
 const reportData = ref(null)
 watch(()=>reportData.value,(val)=>{
   if(val){