From efeaecbdfdec70566b7f3cc8da9b13c27c1d7e23 Mon Sep 17 00:00:00 2001
From: wsm <8454518+new-twice@user.noreply.gitee.com>
Date: Tue, 4 Aug 2026 02:58:06 +0000
Subject: [PATCH] =?UTF-8?q?!134=20feat(fixcontact):=20=E5=8F=B0=E8=B4=A6?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=96=B0=E5=A2=9E=E7=8A=B6=E6=80=81=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E5=B1=95=E7=A4=BA=E4=B8=8E=E6=8C=89=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E8=A1=8C=E7=9D=80=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(fixcontact): 台账列表新增状态统计展示与按流程状态行着色
---
 .../bg/fixcontact/FixedContact20260730.api.ts |  4 ++
 .../fixcontact/FixedContact20260730List.vue   | 49 +++++++++++++++++--
 2 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/views/bg/fixcontact/FixedContact20260730.api.ts b/src/views/bg/fixcontact/FixedContact20260730.api.ts
index 2f936e5..0f2b032 100644
--- a/src/views/bg/fixcontact/FixedContact20260730.api.ts
+++ b/src/views/bg/fixcontact/FixedContact20260730.api.ts
@@ -16,6 +16,7 @@ enum Api {
   checkExcelByEasyExcel = '/bg/fixcontact/fixedContact20260730/checkExcelByEasyExcel',
   queryById = '/bg/fixcontact/fixedContact20260730/queryById',
   fixedContactFeedbackList = '/bg/fixcontact/fixedContact20260730/queryFixedContactFeedback20260730ByMainId',
+  statusStats = '/bg/fixcontact/fixedContact20260730/statusStats',
 }
 
 export const getExportUrl = Api.exportXls;
@@ -63,6 +64,9 @@ export const fixedContactFeedbackList = (params) => {
   return Promise.resolve([]);
 };
 
+export const statusStats = (params) =>
+  defHttp.get({ url: Api.statusStats, params });
+
 const BpmApi = {
   saveBpmForm: '/bg/fixcontact/fixedContact20260730/saveBpmForm',
   setBpmVariableLocal: '/act/process/setBpmVariableLocal',
diff --git a/src/views/bg/fixcontact/FixedContact20260730List.vue b/src/views/bg/fixcontact/FixedContact20260730List.vue
index ff0d69c..b68d851 100644
--- a/src/views/bg/fixcontact/FixedContact20260730List.vue
+++ b/src/views/bg/fixcontact/FixedContact20260730List.vue
@@ -88,7 +88,14 @@
       </a-form>
     </div>
     <div class="content">
-      <BasicTable @register="registerTable" :rowSelection="rowSelection" :expandedRowKeys="expandedRowKeys" @expand="handleExpand" :expandIcon="expandIcon">
+      <BasicTable
+        @register="registerTable"
+        :rowSelection="rowSelection"
+        :expandedRowKeys="expandedRowKeys"
+        @expand="handleExpand"
+        :expandIcon="expandIcon"
+        :rowClassName="(r) => (r.bpmStatus ? 'status-row-' + r.bpmStatus : '')"
+      >
         <template #tableTitle>
           <a-button type="primary" v-auth="actionAuth.add" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
           <a-button type="primary" v-auth="actionAuth.exportXls" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
@@ -111,6 +118,11 @@
             </a-button>
           </a-dropdown>
           <super-query :config="superQueryConfig" @search="handleSuperQuery" />
+          <a-space style="float: right; font-size: 14px; font-weight: bold">
+            <a-tag color="warning" style="color: #8c6900">未开始 {{ statsData.notStarted }}</a-tag>
+            <a-tag color="error">督办中 {{ statsData.inProgress }}（已逾期 {{ statsData.overdue }}）</a-tag>
+            <a-tag color="success">已完成 {{ statsData.completed }}</a-tag>
+          </a-space>
         </template>
         <template #action="{ record }">
           <Dropdown :trigger="['hover']" :dropMenuList="getFlowMenuList(record)" popconfirm>
@@ -172,7 +184,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { reactive, ref, h } from 'vue';
+  import { reactive, ref, h, onMounted } from 'vue';
   import { BasicTable } from '/@/components/Table';
   import type { BasicColumn } from '/@/components/Table';
   import { Dropdown } from '/@/components/Dropdown';
@@ -191,7 +203,7 @@
   import { startProcessSchedules } from '/@/api/common/api';
   import { dateUtil } from '/@/utils/dateUtil';
   import { columns, superQuerySchema, fixedContactFeedbackColumns } from './FixedContact20260730.data';
-  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl, getExportXlsHeadersUrl, getImportExcelByEasyExcelUrl, getCheckExcelByEasyExcelUrl, fixedContactFeedbackList, saveOrUpdate, withDrawFixContact } from './FixedContact20260730.api';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl, getExportXlsHeadersUrl, getImportExcelByEasyExcelUrl, getCheckExcelByEasyExcelUrl, fixedContactFeedbackList, saveOrUpdate, withDrawFixContact, statusStats } from './FixedContact20260730.api';
 import { showImportValidationErrors } from '/@/utils/helper/importError';
 
   function expandIcon({ expanded, onExpand, record }: { expanded: boolean; onExpand: Function; record: Recordable }) {
@@ -236,6 +248,7 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
   const expandedRowKeys = ref<Array<string | number>>([]);
   const feedbackTableData = reactive<Record<string, Recordable[]>>({});
   const feedbackTableLoading = reactive<Record<string, boolean>>({});
+  const statsData = reactive({ notStarted: 0, inProgress: 0, overdue: 0, completed: 0 });
 
   const feedbackExpandColumns: BasicColumn[] = [...fixedContactFeedbackColumns];
 
@@ -354,10 +367,22 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
     return params;
   }
 
+  async function fetchStatusStats() {
+    try {
+      const res = await statusStats(getQueryParams());
+      if (res) {
+        Object.assign(statsData, res);
+      }
+    } catch (e) {
+      // 状态统计失败不阻塞列表
+    }
+  }
+
   function searchQuery() {
     selectedRowKeys.value = [];
     resetFeedbackExpand();
     reload({ page: 1 });
+    fetchStatusStats();
   }
 
   function clearQueryParams() {
@@ -394,6 +419,7 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
     selectedRowKeys.value = [];
     resetFeedbackExpand();
     reload();
+    fetchStatusStats();
   }
 
   const { createMessage } = useMessage();
@@ -543,6 +569,7 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
     if (res.success) {
       createMessage.success(res.message || '删除流程成功');
       reload();
+      fetchStatusStats();
     } else {
       createMessage.error(res.message || '删除流程失败');
     }
@@ -595,6 +622,7 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
     await saveOrUpdate({ id: record.id, bpmStatus: '2', superviseCount: nextSuperviseCount, isNeedAppro: options.isNeedAppro ?? record.isNeedAppro ?? '0', supDeptleaderid: options.supDeptleaderid ?? record.supDeptleaderid ?? '' }, true);
     createMessage.success('发起成功');
     reload();
+    fetchStatusStats();
   }
 
   const labelCol = reactive({
@@ -671,7 +699,12 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
     selectedRowKeys.value = [];
     resetFeedbackExpand();
     reload({ page: 1 });
+    fetchStatusStats();
   }
+
+  onMounted(() => {
+    fetchStatusStats();
+  });
 </script>
 
 <style lang="less" scoped>
@@ -792,4 +825,14 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
       }
     }
   }
+
+  :deep(.status-row-1 td) {
+    background: #fffbe6 !important;
+  }
+  :deep(.status-row-2 td) {
+    background: #fff1f0 !important;
+  }
+  :deep(.status-row-3 td) {
+    background: #f6ffed !important;
+  }
 </style>