czh-20260617-首页操作旁增加转办和委托的提示

src/views/dashboard/ProcessPortal/components/MyWork.vue

@@ -20,6 +20,21 @@
     <div class="my-work__body">
       <template v-if="activeTab === 'todo'">
         <BasicTable @register="registerTodoTable">
+          <template #headerCell="{ column }">
+            <HeaderCell v-if="column.dataIndex !== 'action'" :column="column" />
+            <span v-else class="action-header">
+              操作
+              <Tooltip placement="topLeft" :overlayStyle="{ maxWidth: '300px' }">
+                <template #title>
+                  <div>
+                    <b>转办</b>：将任务转交他人办理，对方办完后流程继续流转到下一环节，不再回到本人。<br />
+                    <b>委托</b>：将任务委托他人代办，对方办完后任务会回到本人，由本人继续完成流程。
+                  </div>
+                </template>
+                <QuestionCircleOutlined class="action-header__icon" />
+              </Tooltip>
+            </span>
+          </template>
           <template #action="{ record }">
             <TableAction :actions="getTodoTableAction(record)" />
           </template>
@@ -44,9 +59,11 @@
   import { ref, onMounted } from 'vue';
   import { useRouter } from 'vue-router';
   import { BasicTable, TableAction } from '/@/components/Table';
+  import HeaderCell from '/@/components/Table/src/components/HeaderCell.vue';
   import { useListPage } from '/@/hooks/system/useListPage';
   import { useModal } from '/@/components/Modal';
-  import { RightOutlined } from '@ant-design/icons-vue';
+  import { RightOutlined, QuestionCircleOutlined } from '@ant-design/icons-vue';
+  import { Tooltip } from 'ant-design-vue';
   import TaskHandleModal from '/@/views/super/bpm/process/personalOffice/myHandleTask/modal/TaskHandleModal.vue';
   import SelectEntrusterModal from '/@/views/super/bpm/process/personalOffice/myHandleTask/modal/SelectEntrusterModal.vue';
   import { getTaskInfoForHistory } from '/@/views/super/bpm/process/personalOffice/myHandleTask/useTaskList';
@@ -75,7 +92,11 @@
       showTableSetting: false,
       canResize: false,
       scroll: { x: 900 },
-      actionColumn: { dataIndex: 'action', fixed: 'right', width: 180 },
+      actionColumn: {
+        dataIndex: 'action',
+        fixed: 'right',
+        width: 180,
+      },
       useSearchForm: false,
     },
   });
@@ -343,6 +364,22 @@
     &__body {
       padding: 12px 20px;
 
+      .action-header {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+
+        &__icon {
+          color: rgba(0, 0, 0, 0.45);
+          cursor: help;
+          font-size: 14px;
+
+          &:hover {
+            color: @primary-color;
+          }
+        }
+      }
+
       :deep(.ant-table) {
         table {
           table-layout: fixed;