adtec-core-package 2.4.8 → 2.5.0

package/src/components/workflow/TaskOperation.vue

@@ -1,247 +1,247 @@
-<!--创建人 xux-->
-<!--说明: 任务操作工具-->
-<!--创建时间: 2024/11/14 上午11:45-->
-<!--修改时间: 2024/11/14 上午11:45-->
-<template>
-  <div ref="taskFlexRef">
-    <el-flex align="center" justify="flex-end" v-loading="taskLoading">
-      <slot name="left"></slot>
-      <el-button v-if="params?.cancelBtnText !== ''" @click="params?.cancelFunction">{{
-        params?.cancelBtnText ?? '取消'
-      }}</el-button>
-      <el-button v-if="showProcessBtn" type="info" @click="processShow = true">流程详情</el-button>
-      <template v-if="isAssignee">
-        <el-button type="primary" @click="openDialog('assignee')">指定执行人</el-button>
-      </template>
-      <template v-if="!isAssignee && task?.taskId && task?.operations">
-        <el-button v-if="params?.saveBtnText" type="primary" @click="params?.saveFunction">{{
-          params?.saveBtnText
-        }}</el-button>
-        <el-button
-          v-if="task?.operations.indexOf('addMulti') > -1"
-          type="warning"
-          @click="openDialog('addMulti')"
-          >加签</el-button
-        >
-        <el-button
-          v-if="task?.operations.indexOf('minusMulti') > -1"
-          type="danger"
-          @click="openDialog('minusMulti')"
-          >减签</el-button
-        >
-        <el-button
-          v-if="task?.operations.indexOf('refuse') > -1 && params?.refuseBtnText !== ''"
-          type="danger"
-          @click="openDialog('refuse')"
-          >{{ params?.refuseBtnText ?? '终止' }}</el-button
-        >
-        <el-button
-          v-if="task?.operations.indexOf('transfer') > -1 && params?.transferBtnText !== ''"
-          type="warning"
-          @click="openDialog('transfer')"
-          >{{ params?.transferBtnText ?? '转办' }}</el-button
-        >
-        <el-button
-          v-if="task?.operations.indexOf('back') > -1 && params?.backBtnText !== ''"
-          type="danger"
-          @click="openDialog('back')"
-          >{{ params?.backBtnText ?? '退回' }}</el-button
-        >
-        <el-button
-          v-if="task?.operations.indexOf('complete') > -1 && params?.completeBtnText !== ''"
-          type="primary"
-          @click="openDialog('complete')"
-          >{{ params?.completeBtnText ?? '同意' }}</el-button
-        >
-      </template>
-      <slot name="right"></slot>
-      <select-assignee-dialog
-        ref="assigneeRef"
-        @success="selectAssigneeSuccess"
-      ></select-assignee-dialog>
-      <select-return-activity-dialog
-        ref="returnActivityRef"
-        @success="reloadTask"
-      ></select-return-activity-dialog>
-      <check-dialog
-        ref="checkRef"
-        @open-assignee="openAssignee"
-        @success="operSuccess"
-      ></check-dialog>
-      <add-or-minus-multi-dialog ref="addOrMinusMultiRef"></add-or-minus-multi-dialog>
-      <Teleport to="body">
-        <process-detail-dialog v-model="processShow" :task="task"></process-detail-dialog>
-      </Teleport>
-    </el-flex>
-  </div>
-</template>
-<script setup lang="ts">
-import { computed, onMounted, type PropType, ref, watch } from 'vue'
-import workflowInstApi from '../../api/workflow/workflowInstApi'
-import type { IWfTaskVo } from '../../interface/workflow/IWfTaskVo'
-import SelectAssigneeDialog from './components/SelectAssigneeDialog.vue'
-import SelectReturnActivityDialog from './components/SelectReturnActivityDialog.vue'
-import ProcessDetailDialog from './components/ProcessDetailDialog.vue'
-import AddOrMinusMultiDialog from './components/AddOrMinusMultiDialog.vue'
-import CheckDialog from './components/CheckDialog.vue'
-import type { ITaskOperate } from '../../hooks/userWorkflowHooks'
-import frameworkUtils from '../../utils/FrameworkUtils.ts'
-import { userInfoStore } from '../../stores/userInfoStore.ts'
-import WujieVue from 'wujie-vue3'
-
-const processShow = ref(false)
-const taskFlexRef = ref<HTMLElement | null>(null)
-const $props = defineProps({
-  // modelValue: { type: Object, required: false },
-  taskId: { type: String, required: true },
-  showProcessBtn: { type: Boolean, required: false, default: false },
-  params: { type: Object as PropType<ITaskOperate>, required: false },
-})
-
-const emit = defineEmits(['success'])
-const task = ref<IWfTaskVo>({ taskId: '', comment: '' })
-const checkRef = ref()
-const assigneeRef = ref()
-const returnActivityRef = ref()
-const addOrMinusMultiRef = ref()
-// const userId = userInfoStore().getUserInfo.id
-const isAssignee = computed(() => {
-  return task.value?.operations === 'assignee' ? true : false
-})
-const dialogType = ref('')
-const openDialog = async (type: string) => {
-  if (type) dialogType.value = type
-  if (!task.value) return
-  // try {
-  //   if (type === 'complete') {
-  //     //同意
-  //     // _inject?.businessComplete?.()
-  //     task.value.variables = $props.params?.completeFunction?.()
-  //   } else if (type === 'refuse') {
-  //     //终止
-  //     $props.params?.refuseFunction?.()
-  //   } else if (type === 'back') {
-  //     //回退
-  //     $props.params?.backFunction?.()
-  //   } else if (type === 'transfer') {
-  //     //转办
-  //     $props.params?.transferFunction?.()
-  //   }
-  // } catch (err: any) {
-  //   frameworkUtils.messageError(err)
-  //   return
-  // }
-  let commentReadonly = false
-  if (type === 'complete' && $props.params?.beforeCompleteFunction) {
-    try {
-      const res = await $props.params?.beforeCompleteFunction({
-        taskId: task.value.taskId,
-        userId: userInfoStore().getUserInfo.id,
-        comment: '同意。',
-        procInsId: task.value.procInsId,
-        procDefKey: task.value.procDefKey,
-      })
-      if (res === false) return
-      if (res?.readonly) {
-        commentReadonly = true
-      }
-      task.value = { ...task.value, ...res }
-    } catch (err: any) {
-      return
-    }
-  }
-  if (type === 'addMulti' || type === 'minusMulti') {
-    //加减签
-    addOrMinusMultiRef.value?.open(task.value.taskId, type)
-  } else if (type === 'assignee') {
-    //指定审批人
-    openAssignee(task.value.taskId)
-  } else {
-    checkRef.value?.open(task.value, type, $props?.params, commentReadonly)
-  }
-}
-
-const selectAssigneeSuccess = () => {
-  // _inject?.workflowComplete?.()
-  $props.params?.workflowComplete()
-  emit('success')
-}
-const openAssignee = (taskId: string) => {
-  assigneeRef.value?.open(taskId)
-}
-const operSuccess = (taskVo: IWfTaskVo) => {
-  task.value = taskVo
-  $props.params?.workflowComplete()
-  WujieVue.bus.$emit('todoRefresh')
-  WujieVue.bus.$emit('homePageRefresh')
-  emit('success')
-}
-
-// 向上定义递归查找函数
-const findParentWithClass = (
-  element: HTMLElement | null,
-  targetClass: string,
-): HTMLElement | null => {
-  if (!element) {
-    return null
-  }
-  if (element.classList?.contains(targetClass)) {
-    return element
-  }
-  return findParentWithClass(element.parentElement, targetClass)
-}
-// 定义查找 todo-dialog-class 元素的方法
-const findTodoDialog = () => {
-  const targetElement = findParentWithClass(taskFlexRef.value as HTMLElement, 'todo-dialog-class')
-  if (targetElement) {
-    console.log('找到满足条件的元素:', targetElement)
-  } else {
-    console.log('未找到满足条件的元素')
-  }
-  return targetElement
-}
-let parentDom: any
-onMounted(() => {
-  parentDom = findTodoDialog()
-  reloadTask()
-})
-let loading: any
-const taskLoading = ref(false)
-const loadStart = async () => {
-  taskLoading.value = true
-  // loading = ElLoading.service({
-  //   target: parentDom,
-  //   lock: true,
-  //   background: 'rgba(0, 0, 0, 0)',
-  // })
-}
-const loadEnd = () => {
-  taskLoading.value = false
-  // loading.close()
-}
-const reloadTask = async () => {
-  if ($props.taskId) {
-    try {
-      loadStart()
-      task.value = await workflowInstApi.getTaskInst($props.taskId)
-      if (task.value.finishTime) {
-        // ElMessage.info('该待办已完成！')
-        console.log('该待办已完成！')
-      }
-    } catch (err: any) {
-      frameworkUtils.messageError(err)
-    } finally {
-      loadEnd()
-    }
-  }
-}
-watch(() => $props.taskId, reloadTask)
-// watchEffect(() => {
-//   //需要指定实际处理人
-//   isAssignee.value = task.value?.operations === 'assignee'
-//   if (!task.value || !task.value?.taskId) {
-//     reloadTask()
-//   }
-// })
-</script>
-<style scoped lang="scss"></style>
+<!--创建人 xux-->
+<!--说明: 任务操作工具-->
+<!--创建时间: 2024/11/14 上午11:45-->
+<!--修改时间: 2024/11/14 上午11:45-->
+<template>
+  <div ref="taskFlexRef">
+    <el-flex align="center" justify="flex-end" v-loading="taskLoading">
+      <slot name="left"></slot>
+      <el-button v-if="params?.cancelBtnText !== ''" @click="params?.cancelFunction">{{
+        params?.cancelBtnText ?? '取消'
+      }}</el-button>
+      <el-button v-if="showProcessBtn" type="info" @click="processShow = true">流程详情</el-button>
+      <template v-if="isAssignee">
+        <el-button type="primary" @click="openDialog('assignee')">指定执行人</el-button>
+      </template>
+      <template v-if="!isAssignee && task?.taskId && task?.operations">
+        <el-button v-if="params?.saveBtnText" type="primary" @click="params?.saveFunction">{{
+          params?.saveBtnText
+        }}</el-button>
+        <el-button
+          v-if="task?.operations.indexOf('addMulti') > -1"
+          type="warning"
+          @click="openDialog('addMulti')"
+          >加签</el-button
+        >
+        <el-button
+          v-if="task?.operations.indexOf('minusMulti') > -1"
+          type="danger"
+          @click="openDialog('minusMulti')"
+          >减签</el-button
+        >
+        <el-button
+          v-if="task?.operations.indexOf('refuse') > -1 && params?.refuseBtnText !== ''"
+          type="danger"
+          @click="openDialog('refuse')"
+          >{{ params?.refuseBtnText ?? '终止' }}</el-button
+        >
+        <el-button
+          v-if="task?.operations.indexOf('transfer') > -1 && params?.transferBtnText !== ''"
+          type="warning"
+          @click="openDialog('transfer')"
+          >{{ params?.transferBtnText ?? '转办' }}</el-button
+        >
+        <el-button
+          v-if="task?.operations.indexOf('back') > -1 && params?.backBtnText !== ''"
+          type="danger"
+          @click="openDialog('back')"
+          >{{ params?.backBtnText ?? '退回' }}</el-button
+        >
+        <el-button
+          v-if="task?.operations.indexOf('complete') > -1 && params?.completeBtnText !== ''"
+          type="primary"
+          @click="openDialog('complete')"
+          >{{ params?.completeBtnText ?? '同意' }}</el-button
+        >
+      </template>
+      <slot name="right"></slot>
+      <select-assignee-dialog
+        ref="assigneeRef"
+        @success="selectAssigneeSuccess"
+      ></select-assignee-dialog>
+      <select-return-activity-dialog
+        ref="returnActivityRef"
+        @success="reloadTask"
+      ></select-return-activity-dialog>
+      <check-dialog
+        ref="checkRef"
+        @open-assignee="openAssignee"
+        @success="operSuccess"
+      ></check-dialog>
+      <add-or-minus-multi-dialog ref="addOrMinusMultiRef"></add-or-minus-multi-dialog>
+      <Teleport to="body">
+        <process-detail-dialog v-model="processShow" :task="task"></process-detail-dialog>
+      </Teleport>
+    </el-flex>
+  </div>
+</template>
+<script setup lang="ts">
+import { computed, onMounted, type PropType, ref, watch } from 'vue'
+import workflowInstApi from '../../api/workflow/workflowInstApi'
+import type { IWfTaskVo } from '../../interface/workflow/IWfTaskVo'
+import SelectAssigneeDialog from './components/SelectAssigneeDialog.vue'
+import SelectReturnActivityDialog from './components/SelectReturnActivityDialog.vue'
+import ProcessDetailDialog from './components/ProcessDetailDialog.vue'
+import AddOrMinusMultiDialog from './components/AddOrMinusMultiDialog.vue'
+import CheckDialog from './components/CheckDialog.vue'
+import type { ITaskOperate } from '../../hooks/userWorkflowHooks'
+import frameworkUtils from '../../utils/FrameworkUtils.ts'
+import { userInfoStore } from '../../stores/userInfoStore.ts'
+import WujieVue from 'wujie-vue3'
+
+const processShow = ref(false)
+const taskFlexRef = ref<HTMLElement | null>(null)
+const $props = defineProps({
+  // modelValue: { type: Object, required: false },
+  taskId: { type: String, required: true },
+  showProcessBtn: { type: Boolean, required: false, default: false },
+  params: { type: Object as PropType<ITaskOperate>, required: false },
+})
+
+const emit = defineEmits(['success'])
+const task = ref<IWfTaskVo>({ taskId: '', comment: '' })
+const checkRef = ref()
+const assigneeRef = ref()
+const returnActivityRef = ref()
+const addOrMinusMultiRef = ref()
+// const userId = userInfoStore().getUserInfo.id
+const isAssignee = computed(() => {
+  return task.value?.operations === 'assignee' ? true : false
+})
+const dialogType = ref('')
+const openDialog = async (type: string) => {
+  if (type) dialogType.value = type
+  if (!task.value) return
+  // try {
+  //   if (type === 'complete') {
+  //     //同意
+  //     // _inject?.businessComplete?.()
+  //     task.value.variables = $props.params?.completeFunction?.()
+  //   } else if (type === 'refuse') {
+  //     //终止
+  //     $props.params?.refuseFunction?.()
+  //   } else if (type === 'back') {
+  //     //回退
+  //     $props.params?.backFunction?.()
+  //   } else if (type === 'transfer') {
+  //     //转办
+  //     $props.params?.transferFunction?.()
+  //   }
+  // } catch (err: any) {
+  //   frameworkUtils.messageError(err)
+  //   return
+  // }
+  let commentReadonly = false
+  if (type === 'complete' && $props.params?.beforeCompleteFunction) {
+    try {
+      const res = await $props.params?.beforeCompleteFunction({
+        taskId: task.value.taskId,
+        userId: userInfoStore().getUserInfo.id,
+        comment: '同意。',
+        procInsId: task.value.procInsId,
+        procDefKey: task.value.procDefKey,
+      })
+      if (res === false) return
+      if (res?.readonly) {
+        commentReadonly = true
+      }
+      task.value = { ...task.value, ...res }
+    } catch (err: any) {
+      return
+    }
+  }
+  if (type === 'addMulti' || type === 'minusMulti') {
+    //加减签
+    addOrMinusMultiRef.value?.open(task.value.taskId, type)
+  } else if (type === 'assignee') {
+    //指定审批人
+    openAssignee(task.value.taskId)
+  } else {
+    checkRef.value?.open(task.value, type, $props?.params, commentReadonly)
+  }
+}
+
+const selectAssigneeSuccess = () => {
+  // _inject?.workflowComplete?.()
+  $props.params?.workflowComplete()
+  emit('success')
+}
+const openAssignee = (taskId: string) => {
+  assigneeRef.value?.open(taskId)
+}
+const operSuccess = (taskVo: IWfTaskVo) => {
+  task.value = taskVo
+  $props.params?.workflowComplete()
+  WujieVue.bus.$emit('todoRefresh')
+  WujieVue.bus.$emit('homePageRefresh')
+  emit('success')
+}
+
+// 向上定义递归查找函数
+const findParentWithClass = (
+  element: HTMLElement | null,
+  targetClass: string,
+): HTMLElement | null => {
+  if (!element) {
+    return null
+  }
+  if (element.classList?.contains(targetClass)) {
+    return element
+  }
+  return findParentWithClass(element.parentElement, targetClass)
+}
+// 定义查找 todo-dialog-class 元素的方法
+const findTodoDialog = () => {
+  const targetElement = findParentWithClass(taskFlexRef.value as HTMLElement, 'todo-dialog-class')
+  if (targetElement) {
+    console.log('找到满足条件的元素:', targetElement)
+  } else {
+    console.log('未找到满足条件的元素')
+  }
+  return targetElement
+}
+let parentDom: any
+onMounted(() => {
+  parentDom = findTodoDialog()
+  reloadTask()
+})
+let loading: any
+const taskLoading = ref(false)
+const loadStart = async () => {
+  taskLoading.value = true
+  // loading = ElLoading.service({
+  //   target: parentDom,
+  //   lock: true,
+  //   background: 'rgba(0, 0, 0, 0)',
+  // })
+}
+const loadEnd = () => {
+  taskLoading.value = false
+  // loading.close()
+}
+const reloadTask = async () => {
+  if ($props.taskId) {
+    try {
+      loadStart()
+      task.value = await workflowInstApi.getTaskInst($props.taskId)
+      if (task.value.finishTime) {
+        // ElMessage.info('该待办已完成！')
+        console.log('该待办已完成！')
+      }
+    } catch (err: any) {
+      frameworkUtils.messageError(err)
+    } finally {
+      loadEnd()
+    }
+  }
+}
+watch(() => $props.taskId, reloadTask)
+// watchEffect(() => {
+//   //需要指定实际处理人
+//   isAssignee.value = task.value?.operations === 'assignee'
+//   if (!task.value || !task.value?.taskId) {
+//     reloadTask()
+//   }
+// })
+</script>
+<style scoped lang="scss"></style>