From 6b7587b38ae72e9542fd0e4e94300be98ecf29f9 Mon Sep 17 00:00:00 2001
From: ye1023 <12588209+ye1023@user.noreply.gitee.com>
Date: Tue, 9 Jun 2026 16:48:18 +0800
Subject: [PATCH] =?UTF-8?q?yxk-20260609-=E6=88=91=E4=B8=BA=E5=9B=9B?=
 =?UTF-8?q?=E6=89=80=E6=8A=8A=E6=8A=8A=E8=84=89=E5=88=97=E8=A1=A8=201?=
 =?UTF-8?q?=E3=80=81=E5=9C=A8=20BgTakepulseList.vue=20=E4=B8=AD=E5=A4=8D?=
 =?UTF-8?q?=E7=94=A8=E5=85=9A=E5=A7=94=E4=BC=9A=E5=88=97=E8=A1=A8=E7=9A=84?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92=E6=A8=A1=E5=BC=8F=EF=BC=9A=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E2=80=9C=E5=9B=9B=E6=89=80=E6=8A=8A=E6=8A=8A=E8=84=89=E2=80=9D?=
 =?UTF-8?q?=E4=BB=BB=E4=B8=80=E4=BA=8B=E9=A1=B9=E8=A1=8C=EF=BC=8C=E5=B1=95?=
 =?UTF-8?q?=E5=BC=80=E8=AF=A5=E4=BA=8B=E9=A1=B9=E4=B8=8B=E7=9A=84=E5=85=A8?=
 =?UTF-8?q?=E9=83=A8=E5=8F=8D=E9=A6=88=E8=AE=B0=E5=BD=95=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E4=BB=A5=E5=86=85=E5=B5=8C=E5=8F=AA=E8=AF=BB=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=8F=8D=E9=A6=88=E4=B8=8E=E9=99=84=E4=BB=B6?=
 =?UTF-8?q?=E3=80=82=202=E3=80=81=E5=8E=BB=E9=99=A4=E5=A4=9A=E9=80=89?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E6=93=8D=E4=BD=9C=E7=9A=84=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bg/bqtakepulse/BgTakepulseList.vue | 294 +++++++++++++++++--
 1 file changed, 265 insertions(+), 29 deletions(-)

diff --git a/src/views/bg/bqtakepulse/BgTakepulseList.vue b/src/views/bg/bqtakepulse/BgTakepulseList.vue
index af102b3..c8746dd 100644
--- a/src/views/bg/bqtakepulse/BgTakepulseList.vue
+++ b/src/views/bg/bqtakepulse/BgTakepulseList.vue
@@ -2,7 +2,7 @@
   <div class="p-2">
     <!--查询区域-->
     <div class="jeecg-basic-table-form-container">
-      <a-form ref="formRef" @keyup.enter.native="reload" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
         <a-row :gutter="24">
           <a-col :lg="6">
             <a-form-item name="year">
@@ -39,7 +39,7 @@
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
               <a-col :lg="6">
-                <a-button type="primary" preIcon="ant-design:search-outlined" @click="reload">查询</a-button>
+                <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
                 <a-button preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
                 <a @click="toggleSearchStatus = !toggleSearchStatus" style="margin-left: 8px">
                   {{ toggleSearchStatus ? '收起' : '展开' }}
@@ -52,35 +52,66 @@
       </a-form>
     </div>
     <!--引用表格-->
-   <BasicTable @register="registerTable" :rowSelection="rowSelection">
+   <BasicTable @register="registerTable" :expandedRowKeys="expandedRowKeys" @expand="handleExpand">
      <!--插槽:table标题-->
       <template #tableTitle>
           <a-button type="primary" v-auth="'bqtakepulse:bg_takepulse:add'"  @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
           <a-button  type="primary" v-auth="'bqtakepulse:bg_takepulse:exportXls'"  preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
           <j-upload-button  type="primary" v-auth="'bqtakepulse:bg_takepulse:importExcel'"  preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
-          <a-dropdown v-if="selectedRowKeys.length > 0">
-              <template #overlay>
-                <a-menu>
-                  <a-menu-item key="1" @click="batchHandleDelete">
-                    <Icon icon="ant-design:delete-outlined"></Icon>
-                    删除
-                  </a-menu-item>
-                </a-menu>
-              </template>
-              <a-button v-auth="'bqtakepulse:bg_takepulse:deleteBatch'">批量操作
-                <Icon icon="mdi:chevron-down"></Icon>
-              </a-button>
-        </a-dropdown>
         <!-- 高级查询 -->
         <super-query :config="superQueryConfig" @search="handleSuperQuery" />
       </template>
        <!--操作栏-->
       <template #action="{ record }">
-        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
+        <TableAction stopButtonPropagation :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
       </template>
       <!--字段回显插槽-->
       <template v-slot:bodyCell="{ column, record, index, text }">
       </template>
+      <!-- 嵌套反馈信息表，仅展示当前事项下的执行情况反馈记录。 -->
+      <template #expandedRowRender="{ record }">
+        <div class="feedback-expand-table">
+          <div class="feedback-expand-header">
+            <div class="feedback-expand-title">
+              <span class="feedback-expand-icon">
+                <Icon icon="ant-design:message-outlined" />
+              </span>
+              <span>反馈信息</span>
+              <a-tag class="feedback-expand-count" color="processing">
+                {{ getFeedbackTableLoading(record) ? '加载中' : `${getFeedbackCount(record)} 条` }}
+              </a-tag>
+            </div>
+            <div class="feedback-expand-desc">当前事项的执行情况反馈记录</div>
+          </div>
+          <BasicTable
+            class="feedback-inner-table"
+            bordered
+            size="small"
+            rowKey="id"
+            :canResize="false"
+            :showIndexColumn="false"
+            :showActionColumn="false"
+            :showTableSetting="false"
+            :clickToRowSelect="false"
+            :columns="feedbackExpandColumns"
+            :dataSource="getFeedbackTableData(record)"
+            :loading="getFeedbackTableLoading(record)"
+            :pagination="false"
+            :scroll="{ x: 1320 }"
+          >
+            <template #feedbackAttachments="{ record: feedbackRecord }">
+              <SUploadFile
+                v-if="feedbackRecord.id"
+                class="feedback-attachment-list"
+                :bussiness-id="feedbackRecord.id"
+                :disabled="true"
+                :multiple="true"
+              />
+              <span v-else>-</span>
+            </template>
+          </BasicTable>
+        </div>
+      </template>
     </BasicTable>
     <!-- 表单区域 -->
     <BgTakepulseModal @register="registerModal" @success="handleSuccess"></BgTakepulseModal>
@@ -94,17 +125,20 @@
 <script lang="ts" name="bqtakepulse-bgTakepulse" setup>
   import {ref, reactive} from 'vue';
   import {BasicTable, TableAction} from '/@/components/Table';
+  import type { BasicColumn } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage'
   import {useModal} from '/@/components/Modal';
   import BgTakepulseModal from './components/BgTakepulseModal.vue'
   import {columns, superQuerySchema} from './BgTakepulse.data';
-  import {list, deleteOne, batchDelete, getImportUrl, getExportUrl, saveOrUpdate} from './BgTakepulse.api';
+  import {list, deleteOne, getImportUrl, getExportUrl, saveOrUpdate, bgTakepulseFeedbackList} from './BgTakepulse.api';
   import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
   import JSelectDept from '/@/components/Form/src/jeecg/components/JSelectDept.vue';
+  import Icon from '/@/components/Icon/index';
   import { startProcessSchedules } from '/@/api/common/api';
   import { dateUtil } from '/@/utils/dateUtil';
   import FlowScheduleStartModalForBG from '/src/components/semri/process/FlowScheduleStartModalForBG.vue';
   import BusinessProcessListModal from '/src/components/semri/process/BusinessProcessListModal.vue';
+  import SUploadFile from '/@/components/semri/fileComponent/SUploadFile.vue';
 
   const [registerBpmModal, { openModal: bpmPicModal }] = useModal();
   const FLOW_CODE = 'dev_task_task_001';
@@ -114,6 +148,9 @@
 
   const formRef = ref();
   const queryParam = reactive<any>({});
+  const expandedRowKeys = ref<Array<string | number>>([]);
+  const feedbackTableData = reactive<Record<string, Recordable[]>>({});
+  const feedbackTableLoading = reactive<Record<string, boolean>>({});
   //注册model
   const [registerModal, {openModal}] = useModal();
   const flowScheduleModalRef = ref();
@@ -126,6 +163,7 @@
            columns,
            canResize:false,
            useSearchForm: false,
+           expandRowByClick: true,
            actionColumn: {
                width: 120,
                fixed:'right'
@@ -145,16 +183,97 @@
         },
     })
 
-  const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
+  const [registerTable, {reload}] = tableContext
 
   interface DeptOption {
     label: string;
     value: string;
   }
 
+  // 反馈展开区只读展示子表数据，列配置与 BPM 办理页保持同一组核心反馈字段。
+  const feedbackExpandColumns: BasicColumn[] = [
+    { title: '责任部门名称', dataIndex: 'responDeptname', align: 'center', width: 160 },
+    { title: '反馈人姓名', dataIndex: 'responPersonname', align: 'center', width: 140 },
+    { title: '实际执行情况', dataIndex: 'actualExect', align: 'left', width: 280 },
+    { title: '实际完成时间', dataIndex: 'actualTime', align: 'center', width: 180 },
+    { title: '调整落实措施及执行情况', dataIndex: 'actSt', align: 'left', width: 260 },
+    {
+      title: '完成状态',
+      dataIndex: 'bpmStatus',
+      align: 'center',
+      width: 120,
+      customRender: ({ record }) => record?.bpmStatus_dictText || record?.bpmStatus,
+    },
+    {
+      title: '附件下载',
+      dataIndex: 'id',
+      key: 'attachments',
+      align: 'left',
+      width: 340,
+      slots: { customRender: 'feedbackAttachments' },
+    },
+  ];
+
   // 高级查询配置
   const superQueryConfig = reactive(superQuerySchema);
 
+  function getFeedbackKey(record: Recordable) {
+    return String(record?.id ?? '');
+  }
+
+  function getFeedbackTableData(record: Recordable) {
+    return feedbackTableData[getFeedbackKey(record)] || [];
+  }
+
+  function getFeedbackCount(record: Recordable) {
+    return getFeedbackTableData(record).length;
+  }
+
+  function getFeedbackTableLoading(record: Recordable) {
+    return !!feedbackTableLoading[getFeedbackKey(record)];
+  }
+
+  function clearFeedbackTableData() {
+    Object.keys(feedbackTableData).forEach((key) => {
+      delete feedbackTableData[key];
+    });
+    Object.keys(feedbackTableLoading).forEach((key) => {
+      delete feedbackTableLoading[key];
+    });
+  }
+
+  function resetFeedbackExpand() {
+    expandedRowKeys.value = [];
+    clearFeedbackTableData();
+  }
+
+  async function loadFeedbackTableData(mainId: string | number) {
+    const key = String(mainId);
+    feedbackTableLoading[key] = true;
+    try {
+      const res = await bgTakepulseFeedbackList({
+        mainId,
+        pageNo: 1,
+        pageSize: 9999,
+        column: 'createTime',
+        order: 'desc',
+      });
+      feedbackTableData[key] = Array.isArray(res) ? res : res?.records || res?.result?.records || [];
+    } finally {
+      feedbackTableLoading[key] = false;
+    }
+  }
+
+  async function handleExpand(expanded: boolean, record: Recordable) {
+    const mainId = record?.id;
+    expandedRowKeys.value = [];
+    if (!expanded || mainId === undefined || mainId === null || mainId === '') {
+      return;
+    }
+    expandedRowKeys.value = [mainId];
+    await loadFeedbackTableData(mainId);
+  }
+
   /**
    * 高级查询事件
    */
@@ -162,7 +281,12 @@
     Object.keys(params).map((k) => {
       queryParam[k] = params[k];
     });
-    reload();
+    searchQuery();
+  }
+
+  function searchQuery() {
+    resetFeedbackExpand();
+    reload({ page: 1 });
   }
 
    /**
@@ -200,17 +324,12 @@
   async function handleDelete(record) {
      await deleteOne({id: record.id}, handleSuccess);
    }
-   /**
-    * 批量删除事件
-    */
-  async function batchHandleDelete() {
-     await batchDelete({ids: selectedRowKeys.value},handleSuccess);
-   }
    /**
     * 成功回调
     */
   function handleSuccess() {
-      (selectedRowKeys.value = []) && reload();
+      resetFeedbackExpand();
+      reload();
    }
    /**
       * 操作栏
@@ -421,9 +540,9 @@
    */
   function searchReset() {
     formRef.value.resetFields();
-    selectedRowKeys.value = [];
+    resetFeedbackExpand();
     //刷新数据
-    reload();
+    reload({ page: 1 });
   }
 
   /**
@@ -461,4 +580,121 @@
       width: 100%;
     }
   }
+
+  .feedback-expand-table {
+    margin: 4px 10px 12px 42px;
+    padding: 12px 14px 14px;
+    background: #f6fbff;
+    border: 1px solid #d6e8ff;
+    border-left: 4px solid #1677ff;
+    border-radius: 6px;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
+
+    .feedback-expand-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 12px;
+      margin-bottom: 10px;
+    }
+
+    .feedback-expand-title {
+      display: inline-flex;
+      align-items: center;
+      min-width: 0;
+      color: #1f2937;
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 24px;
+    }
+
+    .feedback-expand-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      margin-right: 8px;
+      color: #1677ff;
+      background: #e6f4ff;
+      border-radius: 50%;
+    }
+
+    .feedback-expand-count {
+      margin-left: 10px;
+    }
+
+    .feedback-expand-desc {
+      color: #64748b;
+      font-size: 13px;
+      line-height: 22px;
+      white-space: nowrap;
+    }
+
+    :deep(.jeecg-basic-table) {
+      background: #fff;
+    }
+
+    :deep(.feedback-inner-table .ant-table-wrapper) {
+      padding: 0;
+      border-radius: 4px;
+    }
+
+    :deep(.feedback-inner-table .ant-table-thead > tr > th) {
+      background: #eef6ff;
+      color: #334155;
+      font-weight: 600;
+    }
+
+    :deep(.feedback-inner-table .ant-table-tbody > tr > td) {
+      background: #fff;
+    }
+
+    :deep(.feedback-inner-table .ant-table-tbody > tr:hover > td) {
+      background: #f8fbff;
+    }
+
+    .feedback-attachment-list {
+      min-width: 300px;
+
+      :deep(.file-list-wrapper) {
+        min-height: 0 !important;
+        padding: 4px 8px !important;
+      }
+
+      :deep(.ant-spin-nested-loading),
+      :deep(.ant-spin-container) {
+        min-height: 0 !important;
+        line-height: 20px;
+      }
+
+      :deep(.file-list-header) {
+        margin-bottom: 6px;
+        padding-bottom: 6px;
+      }
+
+      :deep(.file-list .file-item) {
+        padding: 8px;
+        margin-bottom: 6px;
+      }
+
+      :deep(.ant-empty) {
+        margin: 0 !important;
+        display: flex;
+        align-items: center;
+        min-height: 20px;
+        text-align: left;
+      }
+
+      :deep(.ant-empty-image) {
+        display: none !important;
+      }
+
+      :deep(.ant-empty-description) {
+        color: #94a3b8;
+        font-size: 12px;
+        line-height: 20px;
+      }
+    }
+  }
 </style>