From b7a937d1dc68a0c2f459f316b9c1bf2d2e2f6399 Mon Sep 17 00:00:00 2001
From: wsm <2746563060@qq.com>
Date: Tue, 14 Jul 2026 11:19:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(cc):=20=E8=A1=A5=E5=85=A8=E6=8A=84=E9=80=81?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E7=BC=BA=E5=A4=B1=E7=9A=84CcTaskListContent?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=BC=96=E8=AF=91?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../myCcTask/CcTaskListContent.vue            | 104 ++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 src/views/super/bpm/process/personalOffice/myCcTask/CcTaskListContent.vue

diff --git a/src/views/super/bpm/process/personalOffice/myCcTask/CcTaskListContent.vue b/src/views/super/bpm/process/personalOffice/myCcTask/CcTaskListContent.vue
new file mode 100644
index 0000000..0cefd11
--- /dev/null
+++ b/src/views/super/bpm/process/personalOffice/myCcTask/CcTaskListContent.vue
@@ -0,0 +1,104 @@
+<template>
+  <BasicTable @register="registerTable">
+    <template #action="{ record }">
+      <TableAction :actions="getTableAction(record)" />
+    </template>
+  </BasicTable>
+  <TaskHandleModal @register="registerHistoryModal"></TaskHandleModal>
+</template>
+
+<script>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, readColumns, searchFormSchema } from './task.cc.data';
+  import { list, markRead } from './task.cc.api';
+  import { getTaskInfoForHistory } from '../myHandleTask/useTaskList';
+  import TaskHandleModal from '../myHandleTask/modal/TaskHandleModal.vue';
+  import { useModal } from '/@/components/Modal';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
+  export default {
+    name: 'CcTaskListContent',
+    components: {
+      BasicTable,
+      TaskHandleModal,
+      TableAction,
+    },
+    props: {
+      isRead: { type: Number, default: 0 },
+      designScope: { type: String, default: 'my-cc-task-list' },
+      showReadAction: { type: Boolean, default: false },
+    },
+    setup(props) {
+      const { createMessage } = useMessage();
+
+      const tableColumns = props.isRead === 1 ? readColumns : columns;
+
+      const { tableContext } = useListPage({
+        designScope: props.designScope,
+        pagination: true,
+        tableProps: {
+          api: (params) => list({ ...params, isRead: props.isRead }),
+          columns: tableColumns,
+          pagination: { pageSize: 12, defaultPageSize: 12 },
+          showIndexColumn: true,
+          showTableSetting: true,
+          canResize: false,
+          scroll: { x: 1600 },
+          actionColumn: { dataIndex: 'action', fixed: 'right' },
+          formConfig: {
+            schemas: searchFormSchema,
+            autoAdvancedCol: 4,
+            baseColProps: { xs: 24, sm: 12, md: 6, lg: 6, xl: 6, xxl: 6 },
+            actionColOptions: { xs: 24, sm: 12, md: 6, lg: 6, xl: 6, xxl: 6 },
+          },
+        },
+      });
+      const [registerTable, { reload }] = tableContext;
+      const [registerHistoryModal, { openModal: openHistoryModal }] = useModal();
+
+      function getTableAction(record) {
+        const actions = [];
+        if (props.isRead === 0 && props.showReadAction) {
+          actions.push({
+            label: '标记已阅',
+            onClick: handleMarkRead.bind(null, record),
+          });
+        }
+        actions.push({
+          label: '查看详情',
+          onClick: showHistory.bind(null, record),
+        });
+        return actions;
+      }
+
+      async function showHistory(record) {
+        let { formData, formUrl } = await getTaskInfoForHistory(record);
+        formData['PROCESS_TAB_TYPE'] = 'history';
+        openHistoryModal(true, {
+          formData,
+          formUrl,
+          title: '流程历史',
+        });
+      }
+
+      async function handleMarkRead(record) {
+        try {
+          await markRead(record.id);
+          createMessage.success('已标记为已阅');
+          reload();
+        } catch (e) {
+          createMessage.error('标记已阅失败');
+        }
+      }
+
+      return {
+        registerTable,
+        getTableAction,
+        registerHistoryModal,
+      };
+    },
+  };
+</script>
+
+<style scoped></style>