From d53ab80f73dc45fa9400bca91a8016e5c68b1fb5 Mon Sep 17 00:00:00 2001
From: wxc <191104855@qq.com>
Date: Wed, 29 Apr 2026 17:35:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E5=B1=80=E9=95=BF?=
 =?UTF-8?q?=E4=BF=A1=E7=AE=B1=E6=9D=A5=E6=BA=90=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E7=9B=B4=E6=8E=A5=E5=B1=95=E7=A4=BA=E5=B1=80=E9=95=BF?=
 =?UTF-8?q?=E4=BF=A1=E7=AE=B1=E7=B3=BB=E7=BB=9F=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/negative/dialog.vue         | 14 ++++--
 src/components/negative/mailbox-dialog.vue | 53 ++++++++++++++++++++++
 src/views/data/ComplaintCollection.vue     | 20 ++++++--
 src/views/work/Query.vue                   | 23 ++++++----
 4 files changed, 94 insertions(+), 16 deletions(-)
 create mode 100644 src/components/negative/mailbox-dialog.vue

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){