增加流转记录

zrch-risk-client-39/src/views/project/plan/StPlanManList.vue

@@ -96,6 +96,27 @@
         <TodoIndex v-if="isShowDrawer" ref="refTodoIndex" @callback="handleSuccess" />
       </a-drawer>
     </div>
+    <!-- 流程详情抽屉 -->
+    <div v-if="isShowDetailDrawer">
+      <a-drawer
+        destroyOnClose
+        v-model:open="isShowDetailDrawer"
+        class="custom-class"
+        root-class-name="root-class-name"
+        :root-style="{ color: 'blue' }"
+        title="流程详情111"
+        placement="right"
+        width="90%"
+        style="margin: 0px; padding: 0px"
+      >
+        <template #extra>
+          <div style="float: right">
+            <a-button type="text" @click="handleDetailDrawerClose">关闭</a-button>
+          </div>
+        </template>
+        <Detail ref="refDetail" />
+      </a-drawer>
+    </div>
   </div>
 </template>
 
@@ -117,6 +138,8 @@
   // 引入待办任务组件
   import TodoIndex from '../../flowable/task/todo/components/TodoIndex.vue';
   import { todoList, getMyTaskFlow } from '/@/components/Process/api/todo';
+  // 引入详情组件
+  import Detail from '../../flowable/task/myProcess/components/Detail.vue';
   const refTodoIndex = ref();
   const isShowDrawer = ref(false);
   const startUser = ref<string>('');
@@ -125,9 +148,9 @@
   const taskCache = new Map<string, any>();
   const userStore = useUserStore();
 
-  //alert(userStore.getUserInfo.id);
-
-  const checkedKeys = ref<Array<string | number>>([]);
+  // 流程详情抽屉相关
+  const refDetail = ref();
+  const isShowDetailDrawer = ref(false);
   //注册model
   const [registerModal, { openModal }] = useModal();
   const jSelectDeptVal = ref([]);
@@ -231,6 +254,19 @@
       showFooter: false,
     });
   }
+  /**
+   * 流转记录
+   */
+  function handleProgressDetail(record: Recordable) {
+    isShowDetailDrawer.value = true;
+    nextTick(() => {
+      if (refDetail.value) {
+        refDetail.value.iniData(record);
+      } else {
+        isShowDetailDrawer.value = false;
+      }
+    });
+  }
 
   async function findTodoTaskByProcInsId(procInsId: string) {
     // 启动流程后，待办任务可能存在短暂延迟，做一个轻量重试
@@ -404,6 +440,13 @@
   function handleSuccess() {
     (selectedRowKeys.value = []) && reload();
   }
+
+  /**
+   * 关闭详情抽屉
+   */
+  function handleDetailDrawerClose() {
+    isShowDetailDrawer.value = false;
+  }
   /**
    * 操作栏
    */
@@ -437,6 +480,10 @@
         label: '详情',
         onClick: handleDetail.bind(null, record),
       },
+      {
+        label: '流转记录',
+        onClick: handleProgressDetail.bind(null, record),
+      },
       {
         label: '删除',
         color: 'error',