From ff997c90a2bf777ed8d26c648c51cf70fcea8fb0 Mon Sep 17 00:00:00 2001
From: zhihao <18915542763@163.com>
Date: Thu, 2 Jul 2026 13:36:25 +0800
Subject: [PATCH] =?UTF-8?q?czh-20260702-=E6=B5=81=E7=A8=8B=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=94=AF=E6=8C=81=E4=BF=AE=E6=94=B9=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E4=B8=8E=E6=88=AA=E6=AD=A2=E6=97=B6=E9=97=B4=E5=90=8C=E6=AD=A5?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=B5=81=E7=A8=8B=E5=8F=98=E9=87=8F?=
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>
---
 src/api/common/api.ts                         |   9 ++
 .../process/BusinessProcessListModal.vue      | 104 +++++++++++++++++-
 2 files changed, 109 insertions(+), 4 deletions(-)

diff --git a/src/api/common/api.ts b/src/api/common/api.ts
index 8495558..42da438 100644
--- a/src/api/common/api.ts
+++ b/src/api/common/api.ts
@@ -19,6 +19,7 @@ enum Api {
   queryByBusinessId = '/tasktask/taskTask/queryByBusinessId',
   deleteSingleProcess = '/tasktask/taskTask/deleteSingleProcess',
   deletePendingTask = '/tasktask/taskTask/deletePendingTask',
+  updateTitleAndDeadline = '/tasktask/taskTask/updateTitleAndDeadline',
 }
 
 /**
@@ -193,6 +194,14 @@ export const deletePendingTask = (params) => {
   return defHttp.post({ url: Api.deletePendingTask, params }, { joinParamsToUrl: true, isTransformResponse: false });
 };
 
+/**
+ * 修改流程标题和截止时间
+ * @param params { taskId: string, title: string, requireFinishDate: string }
+ */
+export const updateTitleAndDeadline = (params) => {
+  return defHttp.post({ url: Api.updateTitleAndDeadline, params }, { joinParamsToUrl: true, isTransformResponse: false });
+};
+
 /**
  * 【用于评论功能】自定义文件上传-方法
  */
diff --git a/src/components/semri/process/BusinessProcessListModal.vue b/src/components/semri/process/BusinessProcessListModal.vue
index 22dad89..5f5cb59 100644
--- a/src/components/semri/process/BusinessProcessListModal.vue
+++ b/src/components/semri/process/BusinessProcessListModal.vue
@@ -8,6 +8,33 @@
       </BasicTable>
     </div>
     <BpmPictureModal @register="registerBpmModal" />
+    <j-modal
+      title="修改流程信息"
+      :width="460"
+      :visible="editModalVisible"
+      :confirmLoading="editLoading"
+      wrapClassName="edit-process-modal"
+      @ok="handleEditConfirm"
+      @cancel="handleEditCancel"
+      cancelText="取消"
+    >
+      <div style="padding: 8px 16px 0;">
+        <a-form :model="editForm" :label-col="{ style: { width: '100px' } }" :wrapper-col="{ span: 24 }">
+          <a-form-item label="流程标题" style="margin-bottom: 14px;">
+            <a-input v-model:value="editForm.title" placeholder="请输入流程标题" allow-clear />
+          </a-form-item>
+          <a-form-item label="要求完成日期" style="margin-bottom: 0;">
+            <a-date-picker
+              v-model:value="editForm.requireFinishDate"
+              valueFormat="YYYY-MM-DD"
+              placeholder="请选择要求完成日期"
+              style="width: 100%"
+              :getPopupContainer="(node) => node?.parentNode"
+            />
+          </a-form-item>
+        </a-form>
+      </div>
+    </j-modal>
     <j-modal
       title="审批历史"
       :width="approvalHistoryModalWidth"
@@ -22,12 +49,12 @@
 </template>
 
 <script lang="ts" setup>
-  import { nextTick, ref } from 'vue';
+  import { nextTick, reactive, ref } from 'vue';
   import { BasicColumn, BasicTable, TableAction, useTable } from '/@/components/Table';
   import JModal from '/@/components/Modal/src/JModal/JModal.vue';
   import { useModal } from '/@/components/Modal';
   import { columns } from './QueryProcessList.data';
-  import { deleteSingleProcess, deletePendingTask, queryByBusinessId } from '/@/api/common/api';
+  import { deleteSingleProcess, deletePendingTask, updateTitleAndDeadline, queryByBusinessId } from '/@/api/common/api';
   import { useMessage } from '/@/hooks/web/useMessage';
   import TaskApprovalHistoryContent from '/@/views/super/bpm/process/personalOffice/myHandleTask/content/TaskApprovalHistoryContent.vue';
 
@@ -51,6 +78,13 @@
   const approvalHistoryVisible = ref(false);
   const approvalHistoryFormData = ref<Recordable>({});
   const approvalHistoryRef = ref();
+  const editModalVisible = ref(false);
+  const editLoading = ref(false);
+  const currentEditRecord = ref<Recordable>({});
+  const editForm = reactive({
+    title: '',
+    requireFinishDate: undefined as string | undefined,
+  });
   const [registerBpmModal, { openModal: bpmPicModal }] = useModal();
 
   const [registerTable, { setColumns, setTableData, reload, clearSelectedRowKeys }] = useTable({
@@ -76,12 +110,12 @@
     actionColumn: {
       title: '操作',
       dataIndex: 'action',
-      width: 240,
+      width: 320,
       fixed: 'right',
       slots: { customRender: 'action' },
     },
     scroll: {
-      x: tableScrollX,
+      x: tableScrollX + 80,
       y: tableBodyHeight,
     },
   });
@@ -110,6 +144,7 @@
     setColumns(defaultColumns);
     setTableData([]);
     handleApprovalHistoryCancel();
+    handleEditCancel();
     clearSelectedRowKeys();
   }
 
@@ -141,6 +176,53 @@
     approvalHistoryFormData.value = {};
   }
 
+  function handleEditProcess(record) {
+    currentEditRecord.value = record;
+    editForm.title = record?.title || '';
+    editForm.requireFinishDate = record?.requireFinishDate
+      ? record.requireFinishDate.length > 10
+        ? record.requireFinishDate.substring(0, 10)
+        : record.requireFinishDate
+      : undefined;
+    editModalVisible.value = true;
+  }
+
+  async function handleEditConfirm() {
+    if (!editForm.title?.trim()) {
+      createMessage.error('标题不能为空');
+      return;
+    }
+    if (!editForm.requireFinishDate) {
+      createMessage.error('要求完成日期不能为空');
+      return;
+    }
+    const taskId = currentEditRecord.value?.id;
+    if (!taskId) {
+      createMessage.error('任务数据异常');
+      return;
+    }
+    editLoading.value = true;
+    try {
+      const res = await updateTitleAndDeadline({ taskId, title: editForm.title, requireFinishDate: editForm.requireFinishDate });
+      if (res?.success) {
+        createMessage.success(res.message || '修改成功');
+        editModalVisible.value = false;
+        await reload();
+      } else {
+        createMessage.error(res?.message || '修改失败');
+      }
+    } catch (error) {
+      createMessage.error('修改失败');
+    } finally {
+      editLoading.value = false;
+    }
+  }
+
+  function handleEditCancel() {
+    editModalVisible.value = false;
+    editLoading.value = false;
+  }
+
   async function handleDeleteProcess(record) {
     const processInstId = record?.processInstId;
     const taskId = record?.id;
@@ -187,6 +269,10 @@
         label: '审批历史',
         onClick: handlePreviewApprovalHistory.bind(null, record),
       },
+      {
+        label: '修改信息',
+        onClick: handleEditProcess.bind(null, record),
+      },
       {
         label: '删除流程',
         popConfirm: {
@@ -255,3 +341,13 @@
     }
   }
 </style>
+
+<style lang="less">
+  .edit-process-modal {
+    .ant-modal-body {
+      height: auto !important;
+      min-height: 160px;
+      overflow: visible !important;
+    }
+  }
+</style>