From 294e683a4718e789d95538b0463994d1714816d2 Mon Sep 17 00:00:00 2001
From: wsm <8454518+new-twice@user.noreply.gitee.com>
Date: Wed, 19 Aug 2026 07:34:37 +0000
Subject: [PATCH] =?UTF-8?q?!162=20style(supervision):=20=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=88=97=E5=90=8D=E7=A7=B0=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style(supervision): 反馈表格列名称居中
* style(supervision): 详情弹窗去除标题并固定tab切换位置
* feat(xispeak): 反馈办理情况统计与脉搏一致
---
 src/design/index.less                          |  6 ++++++
 .../components/BgPartymatterBPMForm.vue        |  1 +
 .../components/BgPartymatterDetailModal.vue    |  8 +++-----
 .../components/BgTakepulseBPMForm.vue          |  1 +
 .../components/BgTakepulseDetailModal.vue      |  8 +++-----
 .../bg/xispeak/components/BgXiSpeakBPMForm.vue |  1 +
 .../components/BgXiSpeakDetailModal.vue        | 18 +++++++++---------
 .../components/BgXiSpeakFeedbackViewModal.vue  |  1 +
 .../DqInspectProgressFeedbackViewModal.vue     |  1 +
 .../components/DqInspectTaskBPMForm.vue        |  1 +
 .../components/DqInspectTaskDetailModal.vue    |  8 +++-----
 11 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/design/index.less b/src/design/index.less
index 1c14f4c..8976129 100644
--- a/src/design/index.less
+++ b/src/design/index.less
@@ -304,3 +304,9 @@ html[data-theme='dark'] {
 .feedback-status-row-success td {
   background: #f6ffed !important;
 }
+
+/* 反馈表格列名称（表头）居中 */
+.feedback-table .ant-table-thead > tr > th,
+.feedback-inner-table .ant-table-thead > tr > th {
+  text-align: center !important;
+}
diff --git a/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue b/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
index 0051ffb..d10f977 100644
--- a/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
+++ b/src/views/bg/bgpartymatter/components/BgPartymatterBPMForm.vue
@@ -198,6 +198,7 @@
         </a-space>
       </div>
       <a-table
+        class="feedback-table"
         v-if="showFeedbackDetail"
         rowKey="id"
         size="small"
diff --git a/src/views/bg/bgpartymatter/components/BgPartymatterDetailModal.vue b/src/views/bg/bgpartymatter/components/BgPartymatterDetailModal.vue
index 127ba0d..ce43aa7 100644
--- a/src/views/bg/bgpartymatter/components/BgPartymatterDetailModal.vue
+++ b/src/views/bg/bgpartymatter/components/BgPartymatterDetailModal.vue
@@ -1,12 +1,11 @@
 <template>
   <a-modal
     v-model:open="visible"
-    :title="title"
     :width="width"
-    centered
+    :top="80"
     :footer="null"
     :maskClosable="true"
-    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '16px 24px 20px' }"
+    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '4px 24px 20px' }"
     wrapClassName="partymatter-detail-modal"
     destroyOnClose
   >
@@ -100,6 +99,7 @@
           <div class="feedback-summary-desc">当前事项的责任部门办理情况记录</div>
         </div>
         <a-table
+          class="feedback-table"
           rowKey="id"
           size="small"
           bordered
@@ -148,7 +148,6 @@
   );
 
   const visible = ref(false);
-  const title = ref('详情');
   const width = 1100;
   const activeKey = ref('item');
   const record = ref<Recordable>({});
@@ -276,7 +275,6 @@
 
   function open(currentRecord: Recordable) {
     record.value = currentRecord || {};
-    title.value = meetingPresentation.value.detailTitle;
     activeKey.value = 'item';
     visible.value = true;
     if (currentRecord?.id !== undefined && currentRecord?.id !== null && currentRecord?.id !== '') {
diff --git a/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue b/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue
index 566689c..c94d591 100644
--- a/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue
+++ b/src/views/bg/bqtakepulse/components/BgTakepulseBPMForm.vue
@@ -223,6 +223,7 @@
         </a-space>
       </div>
       <a-table
+        class="feedback-table"
         v-if="showFeedbackDetail"
         rowKey="id"
         size="small"
diff --git a/src/views/bg/bqtakepulse/components/BgTakepulseDetailModal.vue b/src/views/bg/bqtakepulse/components/BgTakepulseDetailModal.vue
index 9fd86aa..40c3b76 100644
--- a/src/views/bg/bqtakepulse/components/BgTakepulseDetailModal.vue
+++ b/src/views/bg/bqtakepulse/components/BgTakepulseDetailModal.vue
@@ -1,12 +1,11 @@
 <template>
   <a-modal
     v-model:open="visible"
-    :title="title"
     :width="width"
-    centered
+    :top="80"
     :footer="null"
     :maskClosable="true"
-    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '16px 24px 20px' }"
+    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '4px 24px 20px' }"
     wrapClassName="takepulse-detail-modal"
     destroyOnClose
   >
@@ -115,6 +114,7 @@
           <div class="feedback-summary-desc">当前事项的责任部门办理情况记录</div>
         </div>
         <a-table
+          class="feedback-table"
           rowKey="id"
           size="small"
           bordered
@@ -153,7 +153,6 @@
   import { feedbackStatusRowClassName } from '/@/views/bg/utils/feedbackStatusRender';
 
   const visible = ref(false);
-  const title = ref('详情');
   const width = 1100;
   const activeKey = ref('item');
   const record = ref<Recordable>({});
@@ -302,7 +301,6 @@
 
   function open(currentRecord: Recordable) {
     record.value = currentRecord || {};
-    title.value = '把把脉详情';
     activeKey.value = 'item';
     visible.value = true;
     if (currentRecord?.id !== undefined && currentRecord?.id !== null && currentRecord?.id !== '') {
diff --git a/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue b/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue
index 253fb35..cbae5df 100644
--- a/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue
+++ b/src/views/bg/xispeak/components/BgXiSpeakBPMForm.vue
@@ -197,6 +197,7 @@
         </a-space>
       </div>
       <a-table
+        class="feedback-table"
         v-if="showFeedbackInfo && showFeedbackDetail"
         rowKey="id"
         size="small"
diff --git a/src/views/bg/xispeak/components/BgXiSpeakDetailModal.vue b/src/views/bg/xispeak/components/BgXiSpeakDetailModal.vue
index 269b5ba..6fb26dd 100644
--- a/src/views/bg/xispeak/components/BgXiSpeakDetailModal.vue
+++ b/src/views/bg/xispeak/components/BgXiSpeakDetailModal.vue
@@ -1,12 +1,11 @@
 <template>
   <a-modal
     v-model:open="visible"
-    :title="title"
     :width="width"
-    centered
+    :top="80"
     :footer="null"
     :maskClosable="true"
-    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '16px 24px 20px' }"
+    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '4px 24px 20px' }"
     wrapClassName="xispeak-detail-modal"
     destroyOnClose
   >
@@ -66,12 +65,15 @@
               <Icon icon="ant-design:message-outlined" />
             </span>
             <span>办理情况</span>
-            <a-tag class="feedback-summary-tag">共 {{ total }} 条</a-tag>
-            <a-tag class="feedback-summary-tag" color="success">已完成 {{ done }} 条</a-tag>
+            <a-tag class="feedback-summary-tag" color="warning" style="color: #8c6900">未开始 {{ count.notStarted }}</a-tag>
+            <a-tag class="feedback-summary-tag" color="error">进行中 {{ count.inProgress }}（已逾期 {{ count.overdue }}）</a-tag>
+            <a-tag class="feedback-summary-tag" color="success">已完成 {{ count.completed }}</a-tag>
+            <a-tag class="feedback-summary-tag">共 {{ count.total }} 条</a-tag>
           </div>
           <div class="feedback-summary-desc">当前事项的落实情况反馈记录</div>
         </div>
         <a-table
+          class="feedback-table"
           rowKey="id"
           size="small"
           bordered
@@ -111,10 +113,10 @@
   import BgXiSpeakFeedbackDetailModal from './BgXiSpeakFeedbackDetailModal.vue';
   import { bgXiSpeakFeedbackList } from '../BgXiSpeak.api';
   import { feedbackStatusRowClassName } from '/@/views/bg/utils/feedbackStatusRender';
+  import { countFeedbackStatus } from '/@/views/bg/utils/feedbackStatusCount';
   import type { BasicColumn } from '/@/components/Table';
 
   const visible = ref(false);
-  const title = ref('详情');
   const width = 1100;
   const activeKey = ref('item');
   const record = ref<Recordable>({});
@@ -209,8 +211,7 @@
     { title: '操作', dataIndex: 'action', key: 'action', align: 'center', width: 90, fixed: 'right' },
   ];
 
-  const total = computed(() => feedbackList.value.length);
-  const done = computed(() => feedbackList.value.filter((item) => item.completionStatus_dictText === '已完成').length);
+  const count = computed(() => countFeedbackStatus(feedbackList.value, 'completionStatus', 'deadline'));
 
   async function loadFeedback(mainId: string | number) {
     feedbackLoading.value = true;
@@ -235,7 +236,6 @@
 
   function open(currentRecord: Recordable) {
     record.value = currentRecord || {};
-    title.value = '详情';
     activeKey.value = 'item';
     visible.value = true;
     if (currentRecord?.id !== undefined && currentRecord?.id !== null && currentRecord?.id !== '') {
diff --git a/src/views/bg/xispeak/components/BgXiSpeakFeedbackViewModal.vue b/src/views/bg/xispeak/components/BgXiSpeakFeedbackViewModal.vue
index 4582b75..52a8091 100644
--- a/src/views/bg/xispeak/components/BgXiSpeakFeedbackViewModal.vue
+++ b/src/views/bg/xispeak/components/BgXiSpeakFeedbackViewModal.vue
@@ -8,6 +8,7 @@
     cancelText="关闭"
   >
     <BasicTable
+      class="feedback-table"
       size="small"
       rowKey="id"
       :canResize="false"
diff --git a/src/views/dq/inspectProgress/components/DqInspectProgressFeedbackViewModal.vue b/src/views/dq/inspectProgress/components/DqInspectProgressFeedbackViewModal.vue
index 901d2d5..dfebe96 100644
--- a/src/views/dq/inspectProgress/components/DqInspectProgressFeedbackViewModal.vue
+++ b/src/views/dq/inspectProgress/components/DqInspectProgressFeedbackViewModal.vue
@@ -8,6 +8,7 @@
     cancelText="关闭"
   >
     <BasicTable
+      class="feedback-table"
       size="small"
       rowKey="id"
       :canResize="false"
diff --git a/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue b/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue
index 4942655..903b4cc 100644
--- a/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue
+++ b/src/views/dq/inspectTask/components/DqInspectTaskBPMForm.vue
@@ -167,6 +167,7 @@
         </a-space>
       </div>
       <a-table
+        class="feedback-table"
         v-if="showFeedbackInfo && showFeedbackDetail"
         rowKey="id"
         size="small"
diff --git a/src/views/dq/inspectTask/components/DqInspectTaskDetailModal.vue b/src/views/dq/inspectTask/components/DqInspectTaskDetailModal.vue
index 67a55e9..c7c8404 100644
--- a/src/views/dq/inspectTask/components/DqInspectTaskDetailModal.vue
+++ b/src/views/dq/inspectTask/components/DqInspectTaskDetailModal.vue
@@ -1,12 +1,11 @@
 <template>
   <a-modal
     v-model:open="visible"
-    :title="title"
     :width="width"
-    centered
+    :top="80"
     :footer="null"
     :maskClosable="true"
-    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '16px 24px 20px' }"
+    :bodyStyle="{ maxHeight: '70vh', overflowY: 'auto', padding: '4px 24px 20px' }"
     wrapClassName="inspecttask-detail-modal"
     destroyOnClose
   >
@@ -77,6 +76,7 @@
           <div class="feedback-summary-desc">当前整改任务的工作进展反馈记录</div>
         </div>
         <a-table
+          class="feedback-table"
           rowKey="id"
           size="small"
           bordered
@@ -114,7 +114,6 @@
   import type { BasicColumn } from '/@/components/Table';
 
   const visible = ref(false);
-  const title = ref('详情');
   const width = 1100;
   const activeKey = ref('item');
   const record = ref<Recordable>({});
@@ -238,7 +237,6 @@
 
   function open(currentRecord: Recordable) {
     record.value = currentRecord || {};
-    title.value = '详情';
     activeKey.value = 'item';
     visible.value = true;
     if (currentRecord?.id !== undefined && currentRecord?.id !== null && currentRecord?.id !== '') {