From 0931fc881b5db727d8774541f89fdac6bca324e6 Mon Sep 17 00:00:00 2001
From: buaixuexideshitongxue <2936013465@qq.com>
Date: Thu, 30 Apr 2026 11:14:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/data/complaintCollection.ts           |   8 --
 src/components/data/complaint_detail.vue      | 104 ------------------
 src/views/data/ComplaintCollection.vue        |   9 --
 .../data/ComplaintCollection_12389ts.vue      |  11 +-
 src/views/data/ComplaintCollection_gabxf.vue  |  11 +-
 src/views/data/ComplaintCollection_gjxf.vue   |  11 +-
 src/views/data/ComplaintCollection_jzxx.vue   |  11 +-
 src/views/data/ComplaintCollection_ldxj.vue   |  11 +-
 src/views/data/DuplicateDrawerWithDetail.vue  |  10 +-
 9 files changed, 6 insertions(+), 180 deletions(-)
 delete mode 100644 src/components/data/complaint_detail.vue

diff --git a/src/api/data/complaintCollection.ts b/src/api/data/complaintCollection.ts
index 6233d23..5700887 100644
--- a/src/api/data/complaintCollection.ts
+++ b/src/api/data/complaintCollection.ts
@@ -33,14 +33,6 @@ export function updateComplaintCollection(body) {
 }
 
 
-
-export function watchDetail(body) {
-    return request.post({
-        url: `/data/complaintCollection/watchDetail`,
-        body
-    });
-}
-
 /**
  * 查重
  */
diff --git a/src/components/data/complaint_detail.vue b/src/components/data/complaint_detail.vue
deleted file mode 100644
index b4a12b5..0000000
--- a/src/components/data/complaint_detail.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-  <el-dialog title="详情" v-model="visible" width="60vw" :lock-scroll="false" destroy-on-close>
-    <div style="min-height: 50vh" v-loading="loading">
-      <div class="row" style="margin: 0 60px">
-        <div class="col col-24">
-<!--          <complaint-problem-info :data="base" :dict="dict" />-->
-        </div>
-
-        <div class="col col-24">
-<!--          <complaintdes :data="base" :dict="dict" />-->
-        </div>
-      </div>
-    </div>
-
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button size="large" @click="visible = false">关闭</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import {computed, ref, watch} from "vue";
-import {ElMessage} from "element-plus";
-import {watchDetail} from "@/api/data/complaintCollection.ts";
-
-const props = defineProps({
-  modelValue: { type: Boolean, default: false },
-  id: { type: [String, Number], default: "" },
-  dict: { type: Object, default: () => ({}) },
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-const visible = computed({
-  get: () => props.modelValue,
-  set: (v) => emit("update:modelValue", v),
-});
-
-const loading = ref(false);
-const loaded = ref(false);
-const detail = ref({});
-
-/** ✅ 假设接口统一返回：detail = { ...baseFields, negative: { ...核查/涉及信息 } } */
-const base = computed(() => detail.value || {});
-
-async function fetchDetail() {
-  if (!props.id) return;
-
-  loading.value = true;
-  loaded.value = false;
-  try {
-    const body={
-      id:props.id
-    }
-    const res = await watchDetail(body);
-    detail.value = res?.data ?? res ?? {};
-    loaded.value = true;
-  } catch (e) {
-    detail.value = {};
-    loaded.value = true;
-    ElMessage.error(e?.message || "详情获取失败");
-  } finally {
-    loading.value = false;
-  }
-}
-
-/** 打开弹窗或 id 变化时自动请求 */
-watch(
-    () => [visible.value, props.id],
-    ([v]) => {
-      if (v) fetchDetail();
-    }
-);
-</script>
-
-<style scoped>
-/* ✅ 让弹窗内容纵向排列，每个模块一整行 */
-.row {
-  display: flex;
-  flex-direction: column; /* 关键：不要横向排 */
-  gap: 14px;              /* 替代 row-gap，更直观 */
-  margin: 0;
-}
-
-/* ✅ 强制每个 col-24 占满 100% 宽度（在 flex 下生效） */
-.col.col-24,
-.col-24 {
-  width: 100%;
-  flex: 0 0 100%;
-  max-width: 100%;
-  min-width: 0;
-}
-
-/* ✅ 保险：如果你的子组件根节点是 el-collapse，确保它也占满 */
-:deep(.el-collapse) {
-  width: 100%;
-}
-:deep(.el-collapse-item__header) {
-  width: 100%;
-}
-
-</style>
diff --git a/src/views/data/ComplaintCollection.vue b/src/views/data/ComplaintCollection.vue
index e955937..4838d79 100644
--- a/src/views/data/ComplaintCollection.vue
+++ b/src/views/data/ComplaintCollection.vue
@@ -409,14 +409,6 @@
       @updateSuccess="getList"
   />
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      width="80vw"
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
-
   <negative-dialog
       v-model="show"
       :id="activeNegativeId"
@@ -443,7 +435,6 @@ import {
   getComplaintCollectionPage, saveInvolveJson,
   updateComplaintCollection
 } from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
 import useUserStore from "@/stores/modules/user.ts";
 
 const route = useRoute()
diff --git a/src/views/data/ComplaintCollection_12389ts.vue b/src/views/data/ComplaintCollection_12389ts.vue
index 0ee7279..5685c2c 100644
--- a/src/views/data/ComplaintCollection_12389ts.vue
+++ b/src/views/data/ComplaintCollection_12389ts.vue
@@ -298,12 +298,6 @@
     </div>
   </div>
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
 </template>
 
 
@@ -315,10 +309,7 @@ import {
   exportData,
   getComplaintCollectionPage
 } from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
-
-
-const catchStore = useCatchStore();
+import useCatchStore = useCatchStore();
 
 const query = ref({
   size: 10,
diff --git a/src/views/data/ComplaintCollection_gabxf.vue b/src/views/data/ComplaintCollection_gabxf.vue
index 148e444..e3ef8fa 100644
--- a/src/views/data/ComplaintCollection_gabxf.vue
+++ b/src/views/data/ComplaintCollection_gabxf.vue
@@ -297,12 +297,6 @@
     </div>
   </div>
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
 </template>
 
 
@@ -315,10 +309,7 @@ import {
   exportData,
   getComplaintCollectionPage
 } from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
-
-
-const catchStore = useCatchStore();
+import useCatchStore = useCatchStore();
 
 const query = ref({
   size: 10,
diff --git a/src/views/data/ComplaintCollection_gjxf.vue b/src/views/data/ComplaintCollection_gjxf.vue
index 0a3cc44..5c69907 100644
--- a/src/views/data/ComplaintCollection_gjxf.vue
+++ b/src/views/data/ComplaintCollection_gjxf.vue
@@ -297,12 +297,6 @@
     </div>
   </div>
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
 </template>
 
 
@@ -311,10 +305,7 @@ import {computed, onMounted, ref} from 'vue';
 import {timeFormat} from "@/utils/util";
 import useCatchStore from "@/stores/modules/catch";
 import {exportData, getComplaintCollectionPage} from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
-
-
-const catchStore = useCatchStore();
+import useCatchStore = useCatchStore();
 
 const query = ref({
   size: 10,
diff --git a/src/views/data/ComplaintCollection_jzxx.vue b/src/views/data/ComplaintCollection_jzxx.vue
index 5f8fba6..285e4e7 100644
--- a/src/views/data/ComplaintCollection_jzxx.vue
+++ b/src/views/data/ComplaintCollection_jzxx.vue
@@ -324,12 +324,6 @@
     </div>
   </div>
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
 </template>
 
 
@@ -341,10 +335,7 @@ import {
   exportData,
   getComplaintCollectionPage
 } from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
-
-
-const catchStore = useCatchStore();
+import useCatchStore = useCatchStore();
 
 const query = ref({
   size: 10,
diff --git a/src/views/data/ComplaintCollection_ldxj.vue b/src/views/data/ComplaintCollection_ldxj.vue
index 6454c7d..223de01 100644
--- a/src/views/data/ComplaintCollection_ldxj.vue
+++ b/src/views/data/ComplaintCollection_ldxj.vue
@@ -297,12 +297,6 @@
     </div>
   </div>
 
-  <!-- 查看详情 -->
-  <complaint_detail
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"/>
-
 </template>
 
 
@@ -314,10 +308,7 @@ import {
   exportData,
   getComplaintCollectionPage
 } from "@/api/data/complaintCollection.ts";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
-
-
-const catchStore = useCatchStore();
+import useCatchStore = useCatchStore();
 
 const query = ref({
   size: 10,
diff --git a/src/views/data/DuplicateDrawerWithDetail.vue b/src/views/data/DuplicateDrawerWithDetail.vue
index 60255d1..09e55d4 100644
--- a/src/views/data/DuplicateDrawerWithDetail.vue
+++ b/src/views/data/DuplicateDrawerWithDetail.vue
@@ -65,25 +65,17 @@
     </div>
   </el-drawer>
 
-  <!-- 详情弹窗：封装在组件内部 -->
-  <complaint_detail
-      width="80vw"
-      v-model="detailShow"
-      :id="activeId"
-      :dict="dict"
-  />
 </template>
 
 <script setup>
 import { computed, ref, watch } from "vue";
 import dayjs from "dayjs";
 import { WarningFilled } from "@element-plus/icons-vue";
-import Complaint_detail from "@/components/data/complaint_detail.vue";
 
 /**
  * 目标：组件内部封装：
  * 1) 抽屉展示重复件列表
- * 2) 点击行 -> 打开 complaint_detail
+ * 2) 点击行 -> 查看详情
  *
  * props:
  * - modelValue: 抽屉开关