!162 style(supervision): 反馈表格列名称居中

* style(supervision): 反馈表格列名称居中
* style(supervision): 详情弹窗去除标题并固定tab切换位置
* feat(xispeak): 反馈办理情况统计与脉搏一致

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;
+}

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"

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 !== '') {

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"

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 !== '') {

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"

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="warning" style="color: #8c6900">未开始 {{ count.notStarted }}</a-tag>
-            <a-tag class="feedback-summary-tag" color="success">已完成 {{ done }} 条</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 count = computed(() => countFeedbackStatus(feedbackList.value, 'completionStatus', 'deadline'));
-  const done = computed(() => feedbackList.value.filter((item) => item.completionStatus_dictText === '已完成').length);
 
   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 !== '') {

src/views/bg/xispeak/components/BgXiSpeakFeedbackViewModal.vue

@@ -8,6 +8,7 @@
     cancelText="关闭"
   >
     <BasicTable
+      class="feedback-table"
       size="small"
       rowKey="id"
       :canResize="false"

src/views/dq/inspectProgress/components/DqInspectProgressFeedbackViewModal.vue

@@ -8,6 +8,7 @@
     cancelText="关闭"
   >
     <BasicTable
+      class="feedback-table"
       size="small"
       rowKey="id"
       :canResize="false"

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"

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 !== '') {