adtec-core-package 2.0.5 → 2.0.7

package/src/components/workflow/components/ProcessInstanceStep.vue

@@ -1,240 +1,266 @@
-<!--创建人 xux-->
-<!--说明: ProcessInstanceStep-->
-<!--创建时间: 2024/11/20 上午10:49-->
-<!--修改时间: 2024/11/20 上午10:49-->
-<script setup lang="ts">
-import workbenchInstApi from '../../../api/workflow/workflowInstApi'
-import { ElMessage } from 'element-plus'
-import { ref } from 'vue'
-import type { IWfProcessInstVo, IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
-import ElUploads from '../../../components/upload/ElUploads.vue'
-import type { ISysUploadFiles } from '../../../interface/ISysUploadFiles'
-import documentApi from '../../../api/DocumentApi'
-import frameworkUtils from '../../../utils/FrameworkUtils.ts'
-const props = withDefaults(
-  defineProps<{
-    procInstId: string
-  }>(),
-  {
-    procInstId: '',
-  },
-)
-const loading = ref<boolean>(false)
-const wfProcessInstVo = ref<IWfProcessInstVo>()
-interface IWfTaskGroup {
-  taskName: string
-  taskDefKey: string
-  parentExecutionId: string
-  createTime: string
-  finishTime: string
-  tasks: IWfTaskVo[]
-}
-const taskGroup = ref<IWfTaskGroup[]>()
-const taskFiles = ref<ISysUploadFiles[]>([])
-const init = async (procInstId: string) => {
-  if (!procInstId) return
-  try {
-    loading.value = true
-    wfProcessInstVo.value = await workbenchInstApi.getProcessTaskList(procInstId)
-    taskGroup.value = []
-    if (wfProcessInstVo.value?.hisTasks?.length) {
-      setTaskGroup(wfProcessInstVo.value.hisTasks || [])
-      if (wfProcessInstVo.value.hisTasks.length > 0) {
-        await documentApi
-          .getUpLoadFilesByBussinessIds(wfProcessInstVo.value.hisTasks.filter((item) => item.comment !== '***').map((item) => item.taskId))
-          .then((res) => {
-            taskFiles.value = res
-          })
-          .catch((err) => {
-            frameworkUtils.messageError(err)
-          })
-      }
-    }
-    if (wfProcessInstVo.value?.activeTasks?.length) {
-      setTaskGroup(wfProcessInstVo.value.activeTasks || [])
-    }
-  } catch (err: any) {
-    taskGroup.value = []
-    frameworkUtils.messageError(err)
-  } finally {
-    loading.value = false
-  }
-}
-const setTaskGroup = (tasks: IWfTaskVo[]) => {
-  taskGroup.value = taskGroup.value || []
-  for (const hisTask of tasks) {
-    const exist = taskGroup.value.find(
-      (x) =>
-        x.taskDefKey === hisTask.taskDefKey && x.parentExecutionId === hisTask.parentExecutionId,
-    )
-    if (exist) {
-      if (hisTask.finishTime && hisTask.finishTime > exist.finishTime) {
-        exist.finishTime = hisTask.finishTime
-      }
-      if (hisTask.createTime && hisTask.createTime < exist.createTime) {
-        exist.createTime = hisTask.createTime
-      }
-      if (!hisTask.finishTime) {
-        const eTask = exist.tasks.find((x) => !x.finishTime)
-        if (eTask) {
-          eTask.assigneeName += '/' + hisTask.assigneeName
-        } else {
-          exist.tasks.push(hisTask)
-        }
-      } else {
-        exist.tasks.push(hisTask)
-      }
-    } else {
-      taskGroup.value.push({
-        taskName: hisTask.taskName || '',
-        taskDefKey: hisTask.taskDefKey || '',
-        parentExecutionId: hisTask.parentExecutionId || '',
-        finishTime: hisTask.finishTime || '',
-        createTime: hisTask.createTime || '',
-        tasks: [hisTask],
-      })
-    }
-  }
-  if (taskGroup.value.length > 0) {
-    taskGroup.value.sort((a, b) => {
-      const n1 = (a.finishTime ? a.finishTime : '9999').localeCompare(
-        b.finishTime ? b.finishTime : '9999',
-      )
-      if (n1 == 0) {
-        return a.createTime.localeCompare(b.createTime)
-      }
-      return n1
-    })
-  }
-}
-const getStatus = (task: IWfTaskVo) => {
-  if (!task.finishTime) {
-    if (task.operations && task.operations === 'assignee') {
-      return '待指定审批人'
-    }
-    return '待办'
-  } else {
-    if (task.taskLocalVars && task.taskLocalVars.firstTask) {
-      return '提交'
-    }
-    if (task.commentList && task.commentList.length > 0) {
-      return ['待办', '已办', '已办', '终止', '委派', '转办', '终止', '撤回'][
-        Number(task.commentList[task.commentList.length - 1].type)
-        ]
-    }
-    return ''
-  }
-}
-defineExpose({
-  init,
-})
-</script>
-
-<template>
-  <el-flex justify="space-around" align="center" v-loading="loading" width="100%">
-    <el-steps direction="vertical" align-center :space="160" style="width:81%;">
-      <el-step
-        v-for="item in taskGroup"
-        :key="item.parentExecutionId"
-        :status="item.tasks.find((x) => !x.finishTime) ? 'finish' : 'success'"
-      >
-        <!--          <template #icon>-->
-        <!--            <flow-icon :name="getIcon(item.tasks)" :size="20" />-->
-        <!--          </template>-->
-        <template #title>
-          <span style="display: block">{{ item.taskName }}</span>
-        </template>
-        <template #description>
-          <el-flex
-            :vertical="false"
-            style="max-width: 100%; min-width: 180px; min-height: 60px"
-            justify="flex-start"
-          >
-            <!--            width="170px"-->
-            <el-flex
-              :vertical="true"
-              v-for="task in item.tasks"
-              :key="task.taskId"
-
-              style="
-                margin-bottom: 5px;
-                padding: 5px;
-                margin-right: 5px;
-                border-radius: 8px;
-                background: #f8f8f8;
-                width: 31%;
-                min-width: 160px;
-                max-width: 210px;
-              "
-            >
-              <el-flex height="30px" align="center" justify="space-between">
-                <el-tooltip
-                  v-if="task.assigneeName"
-                  :content="task.assigneeName"
-                  placement="top"
-                  effect="light"
-                >
-                  <span class="ellipsis" style="font-size: 14px">{{ task.assigneeName }}</span>
-                </el-tooltip>
-                <el-tag size="small" :type="task.finishTime ? 'success' : 'primary'">{{
-                    getStatus(task)
-                  }}</el-tag>
-              </el-flex>
-              <!--              <el-tooltip-->
-              <!--                v-if="task.comment"-->
-              <!--                :content="task.comment"-->
-              <!--                placement="top"-->
-              <!--                effect="light"-->
-              <!--              >-->
-              <!--                <span class="ellipsis2">{{ task.comment }}</span>-->
-              <!--              </el-tooltip>-->
-              <span class="ellipsis2">{{ task.comment }}</span>
-              <el-flex v-if="taskFiles.some((x) => x.businessId === task.taskId)" width="100%">
-                <!--                <span style="font-size: 14px">附件：</span>-->
-                <el-uploads
-                  :is-edlt="false"
-                  :vertical="true"
-                  :businessId="task.taskId"
-                  :upload-files-list="taskFiles.filter((x) => x.businessId === task.taskId)"
-                ></el-uploads>
-              </el-flex>
-
-              <span style="display: block; color: #909399" v-if="task.comment">{{
-                  task.finishTime?.substring(0, 19)
-                }}</span>
-            </el-flex>
-          </el-flex>
-        </template>
-      </el-step>
-    </el-steps>
-  </el-flex>
-</template>
-
-<style scoped lang="scss">
-.ellipsis {
-  display: inline-block; /* 或 block */
-  max-width: 100%; /* 设置宽度 */
-  overflow: hidden; /* 隐藏超出的内容 */
-  white-space: nowrap; /* 强制不换行 */
-  text-overflow: ellipsis; /* 超出显示省略号 */
-  min-height: 20px;
-  font-size: 14px;
-}
-.ellipsis2 {
-  /* 移除多行限制相关属性 */
-  display: inline-block; /* 恢复为 inline-block 让高度自适应 */
-  width: 100%;
-  font-size: 14px;
-  line-height: 20px; /* 保持行高便于可能的计算 */
-  overflow: visible; /* 改为visible让内容完全显示 */
-  text-overflow: clip; /* 不需要省略号 */
-  min-height: 20px; /* 保持最小高度为单行高度 */
-}
-:deep .el-step__line {
-  background-color: transparent;
-  border: 1.5px solid;
-}
-:deep .el-step__description {
-  padding: 0;
-}
-</style>
+<!--创建人 xux-->
+<!--说明: ProcessInstanceStep-->
+<!--创建时间: 2024/11/20 上午10:49-->
+<!--修改时间: 2024/11/20 上午10:49-->
+<script setup lang="ts">
+import workbenchInstApi from '../../../api/workflow/workflowInstApi'
+import { ElMessage } from 'element-plus'
+import { ref } from 'vue'
+import type { IWfProcessInstVo, IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
+import ElUploads from '../../../components/upload/ElUploads.vue'
+import type { ISysUploadFiles } from '../../../interface/ISysUploadFiles'
+import documentApi from '../../../api/DocumentApi'
+import frameworkUtils from '../../../utils/FrameworkUtils.ts'
+const props = withDefaults(
+  defineProps<{
+    procInstId: string
+    source: string
+  }>(),
+  {
+    procInstId: '',
+    source: '',
+  },
+)
+const emit = defineEmits(['viewDetail'])
+const loading = ref<boolean>(false)
+const wfProcessInstVo = ref<IWfProcessInstVo>()
+interface IWfTaskGroup {
+  taskName: string
+  taskDefKey: string
+  parentExecutionId: string
+  createTime: string
+  finishTime: string
+  tasks: IWfTaskVo[]
+}
+const taskGroup = ref<IWfTaskGroup[]>()
+const taskFiles = ref<ISysUploadFiles[]>([])
+const init = async (procInstId: string) => {
+  if (!procInstId) return
+  try {
+    loading.value = true
+    wfProcessInstVo.value = await workbenchInstApi.getProcessTaskList(procInstId)
+    taskGroup.value = []
+    if (wfProcessInstVo.value?.hisTasks?.length) {
+      setTaskGroup(wfProcessInstVo.value.hisTasks || [])
+      if (wfProcessInstVo.value.hisTasks.length > 0) {
+        await documentApi
+          .getUpLoadFilesByBussinessIds(
+            wfProcessInstVo.value.hisTasks
+              .filter((item) => item.comment !== '***')
+              .map((item) => item.taskId),
+          )
+          .then((res) => {
+            taskFiles.value = res
+          })
+          .catch((err) => {
+            frameworkUtils.messageError(err)
+          })
+      }
+    }
+    if (wfProcessInstVo.value?.activeTasks?.length) {
+      setTaskGroup(wfProcessInstVo.value.activeTasks || [])
+    }
+  } catch (err: any) {
+    taskGroup.value = []
+    frameworkUtils.messageError(err)
+  } finally {
+    loading.value = false
+  }
+}
+const setTaskGroup = (tasks: IWfTaskVo[]) => {
+  taskGroup.value = taskGroup.value || []
+  for (const hisTask of tasks) {
+    const exist = taskGroup.value.find(
+      (x) =>
+        x.taskDefKey === hisTask.taskDefKey && x.parentExecutionId === hisTask.parentExecutionId,
+    )
+    if (exist) {
+      if (hisTask.finishTime && hisTask.finishTime > exist.finishTime) {
+        exist.finishTime = hisTask.finishTime
+      }
+      if (hisTask.createTime && hisTask.createTime < exist.createTime) {
+        exist.createTime = hisTask.createTime
+      }
+      if (!hisTask.finishTime) {
+        const eTask = exist.tasks.find((x) => !x.finishTime)
+        if (eTask) {
+          eTask.assigneeName += '/' + hisTask.assigneeName
+        } else {
+          exist.tasks.push(hisTask)
+        }
+      } else {
+        exist.tasks.push(hisTask)
+      }
+    } else {
+      taskGroup.value.push({
+        taskName: hisTask.taskName || '',
+        taskDefKey: hisTask.taskDefKey || '',
+        parentExecutionId: hisTask.parentExecutionId || '',
+        finishTime: hisTask.finishTime || '',
+        createTime: hisTask.createTime || '',
+        tasks: [hisTask],
+      })
+    }
+  }
+  if (taskGroup.value.length > 0) {
+    taskGroup.value.sort((a, b) => {
+      const n1 = (a.finishTime ? a.finishTime : '9999').localeCompare(
+        b.finishTime ? b.finishTime : '9999',
+      )
+      if (n1 == 0) {
+        return a.createTime.localeCompare(b.createTime)
+      }
+      return n1
+    })
+  }
+}
+const getStatus = (task: IWfTaskVo) => {
+  if (!task.finishTime) {
+    if (task.operations && task.operations === 'assignee') {
+      return '待指定审批人'
+    }
+    return '待办'
+  } else {
+    if (task.taskLocalVars && task.taskLocalVars.firstTask) {
+      return '提交'
+    }
+    if (task.commentList && task.commentList.length > 0) {
+      return ['待办', '已办', '已办', '终止', '委派', '转办', '终止', '撤回'][
+        Number(task.commentList[task.commentList.length - 1].type)
+        ]
+    }
+    return ''
+  }
+}
+const viewDetail = (taskInfo: IWfTaskVo) => {
+  emit('viewDetail', taskInfo)
+}
+defineExpose({
+  init,
+})
+</script>
+
+<template>
+  <el-flex justify="space-around" align="center" v-loading="loading" width="100%">
+    <el-steps direction="vertical" align-center :space="160" style="width: 81%">
+      <el-step
+        v-for="item in taskGroup"
+        :key="item.parentExecutionId"
+        :status="item.tasks.find((x) => !x.finishTime) ? 'finish' : 'success'"
+      >
+        <!--          <template #icon>-->
+        <!--            <flow-icon :name="getIcon(item.tasks)" :size="20" />-->
+        <!--          </template>-->
+        <template #title>
+          <span style="display: block">{{ item.taskName }}</span>
+        </template>
+        <template #description>
+          <el-flex
+            :vertical="false"
+            style="max-width: 100%; min-width: 180px; min-height: 60px"
+            justify="flex-start"
+          >
+            <!--            width="170px"-->
+            <el-flex
+              :vertical="true"
+              v-for="task in item.tasks"
+              :key="task.taskId"
+              style="
+                margin-bottom: 5px;
+                padding: 5px;
+                margin-right: 5px;
+                border-radius: 8px;
+                background: #f8f8f8;
+                width: 31%;
+                min-width: 160px;
+                max-width: 210px;
+              "
+            >
+              <el-flex height="30px" align="center" justify="space-between">
+                <el-tooltip
+                  v-if="task.assigneeName"
+                  :content="task.assigneeName"
+                  placement="top"
+                  effect="light"
+                >
+                  <span class="ellipsis" style="font-size: 14px">{{ task.assigneeName }}</span>
+                </el-tooltip>
+                <el-tag size="small" :type="task.finishTime ? 'success' : 'primary'">{{
+                    getStatus(task)
+                  }}</el-tag>
+              </el-flex>
+              <div
+                style="
+                  display: flex;
+                  justify-items: center;
+                  align-items: center;
+                  justify-content: space-between;
+                  width: 100%;
+                "
+              >
+                <el-tooltip
+                  v-if="task.comment"
+                  :content="task.comment"
+                  placement="top"
+                  effect="light"
+                >
+                  <span>{{ task.comment }}</span>
+                </el-tooltip>
+                <el-icon-btn
+                  tip="查看详情"
+                  v-if="task.taskName === '专家预审' && source === 'showDetail' && task.comment && task.comment !== '***'"
+                  model-value="adtec-details"
+                  @click.stop="viewDetail(task)"
+                  style="font-size: 14px"
+                >
+                </el-icon-btn>
+              </div>
+              <el-flex v-if="taskFiles.some((x) => x.businessId === task.taskId)" width="100%">
+                <!--                <span style="font-size: 14px">附件：</span>-->
+                <el-uploads
+                  :is-edlt="false"
+                  :vertical="true"
+                  :businessId="task.taskId"
+                  :upload-files-list="taskFiles.filter((x) => x.businessId === task.taskId)"
+                ></el-uploads>
+              </el-flex>
+
+              <span style="display: block; color: #909399" v-if="task.comment">{{
+                  task.finishTime?.substring(0, 19)
+                }}</span>
+            </el-flex>
+          </el-flex>
+        </template>
+      </el-step>
+    </el-steps>
+  </el-flex>
+</template>
+
+<style scoped lang="scss">
+.ellipsis {
+  display: inline-block; /* 或 block */
+  max-width: 100%; /* 设置宽度 */
+  overflow: hidden; /* 隐藏超出的内容 */
+  white-space: nowrap; /* 强制不换行 */
+  text-overflow: ellipsis; /* 超出显示省略号 */
+  min-height: 20px;
+  font-size: 14px;
+}
+.ellipsis2 {
+  /* 移除多行限制相关属性 */
+  display: inline-block; /* 恢复为 inline-block 让高度自适应 */
+  width: 100%;
+  font-size: 14px;
+  line-height: 20px; /* 保持行高便于可能的计算 */
+  overflow: visible; /* 改为visible让内容完全显示 */
+  text-overflow: clip; /* 不需要省略号 */
+  min-height: 20px; /* 保持最小高度为单行高度 */
+}
+:deep .el-step__line {
+  background-color: transparent;
+  border: 1.5px solid;
+}
+:deep .el-step__description {
+  padding: 0;
+}
+</style>