adtec-core-package 2.1.9 → 2.2.0

package/src/components/workflow/components/ProcessDetailComp.vue

@@ -1,149 +1,149 @@
-<!--创建人 xux-->
-<!--说明: ProcessDetailComp-->
-<!--创建时间: 2025/4/4 下午3:24-->
-<!--修改时间: 2024/4/4 下午3:24-->
-<template>
-  <el-flex
-    :vertical="true"
-    class="border"
-    style="border-radius: var(--el-border-radius-base); background: #ffffff"
-    v-loading="loading"
-  >
-    <el-title v-if="showTitle" title="流程详情" level="1" style="padding-left: 8px; border-bottom: var(--border)">
-    </el-title>
-    <el-flex height="100px" v-if="showDescriptions">
-      <el-descriptions
-        border
-        style="padding: 8px; width: 100%"
-        width="25%"
-        label-width="25%"
-        column="4"
-        direction="vertical"
-      >
-        <el-descriptions-item width="25%" label-width="25%" label="流程名称">
-          <span>{{ data?.procDefName }}</span>
-        </el-descriptions-item>
-        <el-descriptions-item width="25%" label-width="25%" label="流程发起人">{{
-            data?.startUserName
-          }}</el-descriptions-item>
-        <el-descriptions-item label-width="25%" width="25%" label="流程创建时间">{{
-            data?.procStartTime
-          }}</el-descriptions-item>
-        <el-descriptions-item label-width="25%" width="25%" label="流程结束时间">{{
-            data?.procEndTime
-          }}</el-descriptions-item>
-      </el-descriptions>
-    </el-flex>
-    <el-flex>
-      <el-tabs v-model="activeName" style="width: 100%; height: 100%; padding: 0 8px 8px">
-        <el-tab-pane label="审批记录" name="0" style="height: 100%">
-          <template #label>
-              <span style="display: flex; align-items: center">
-                <el-icons model-value="adtec-ar" style="margin-right: 5px" />
-                <span>审批记录</span>
-              </span>
-          </template>
-          <div v-show="isEmpty" class="el-table__empty-block">
-            <span class="el-table__empty-text">暂无数据</span>
-          </div>
-          <process-instance-step @view-detail="viewDetail" :source="source" v-show="!isEmpty" style="padding-top: 10px" ref="stepRef"></process-instance-step>
-        </el-tab-pane>
-        <el-tab-pane label="流程步骤" name="1" style="height: 100%">
-          <template #label>
-            <el-icons model-value="adtec-flowdef" style="margin-right: 5px" />
-            <span>流程步骤</span>
-          </template>
-          <el-flex>
-            <div v-show="isEmpty" class="el-table__empty-block">
-              <span class="el-table__empty-text">暂无数据</span>
-            </div>
-            <process-instance v-show="!isEmpty" ref="bpmnRef"></process-instance>
-          </el-flex>
-        </el-tab-pane>
-      </el-tabs>
-    </el-flex>
-  </el-flex>
-</template>
-<script setup lang="ts">
-import { ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import ProcessInstanceStep from './ProcessInstanceStep.vue'
-import ProcessInstance from './ProcessInstance.vue'
-import type { IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
-import workflowInstApi from '../../../api/workflow/workflowInstApi'
-import frameworkUtils from '../../../utils/FrameworkUtils.ts'
-
-const props = withDefaults(
-  defineProps<{
-    businessId: string
-    task: IWfTaskVo
-    showTitle?: boolean
-    showDescriptions: boolean
-    source?: string
-  }>(),
-  {
-    task: undefined,
-    businessId: undefined,
-    showTitle: false,
-    showDescriptions: false,
-    source: ''
-  },
-)
-const emit = defineEmits(['viewDetail'])
-const activeName = ref('0')
-const loading = ref(false)
-const bpmnRef = ref<InstanceType<typeof ProcessInstance>>()
-const stepRef = ref<InstanceType<typeof ProcessInstanceStep>>()
-const data = ref<IWfTaskVo>()
-const isEmpty = ref(false)
-const open = async () => {
-  if (props.task?.procInsId && props.task?.procDefKey) {
-    try {
-      data.value = props.task
-      loading.value = true
-      bpmnRef.value?.init(props.task.procDefKey, props.task.procInsId)
-      stepRef.value?.init(props.task.procInsId)
-    } catch (err: any) {
-      frameworkUtils.messageError(err)
-    } finally {
-      loading.value = false
-    }
-  } else if (props.businessId) {
-    try {
-      loading.value = true
-      isEmpty.value = false
-      data.value = await workflowInstApi.getWfTaskByBusinessId(props.businessId)
-      if (data.value.procDefKey && data.value.procInsId) {
-        bpmnRef.value?.init(data.value.procDefKey, data.value.procInsId)
-        stepRef.value?.init(data.value.procInsId)
-      } else {
-        ElMessage.warning('流程信息缺失！')
-      }
-    } catch (err: any) {
-      // frameworkUtils.messageError(err)
-      //暂无数据
-      isEmpty.value = true
-    } finally {
-      loading.value = false
-    }
-  } else {
-    ElMessage.warning('缺少必要参数')
-  }
-}
-const viewDetail = (task: IWfTaskVo) => {
-  emit('viewDetail', task)
-}
-watch(
-  [
-    () => props.task?.procInsId,
-    () => props.businessId
-  ],
-  ([newProcInsId, newBusinessId]) => {
-    if (newProcInsId || newBusinessId) {
-      open();
-    }
-  },
-  { immediate: true } // 若不需要在组件挂载时立即触发，可以设置为 false
-);
-</script>
-<style scoped lang="scss"></style>
+<!--创建人 xux-->
+<!--说明: ProcessDetailComp-->
+<!--创建时间: 2025/4/4 下午3:24-->
+<!--修改时间: 2024/4/4 下午3:24-->
+<template>
+  <el-flex
+    :vertical="true"
+    class="border"
+    style="border-radius: var(--el-border-radius-base); background: #ffffff"
+    v-loading="loading"
+  >
+    <el-title v-if="showTitle" title="流程详情" level="1" style="padding-left: 8px; border-bottom: var(--border)">
+    </el-title>
+    <el-flex height="100px" v-if="showDescriptions">
+      <el-descriptions
+        border
+        style="padding: 8px; width: 100%"
+        width="25%"
+        label-width="25%"
+        column="4"
+        direction="vertical"
+      >
+        <el-descriptions-item width="25%" label-width="25%" label="流程名称">
+          <span>{{ data?.procDefName }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item width="25%" label-width="25%" label="流程发起人">{{
+            data?.startUserName
+          }}</el-descriptions-item>
+        <el-descriptions-item label-width="25%" width="25%" label="流程创建时间">{{
+            data?.procStartTime
+          }}</el-descriptions-item>
+        <el-descriptions-item label-width="25%" width="25%" label="流程结束时间">{{
+            data?.procEndTime
+          }}</el-descriptions-item>
+      </el-descriptions>
+    </el-flex>
+    <el-flex>
+      <el-tabs v-model="activeName" style="width: 100%; height: 100%; padding: 0 8px 8px">
+        <el-tab-pane label="审批记录" name="0" style="height: 100%">
+          <template #label>
+              <span style="display: flex; align-items: center">
+                <el-icons model-value="adtec-ar" style="margin-right: 5px" />
+                <span>审批记录</span>
+              </span>
+          </template>
+          <div v-show="isEmpty" class="el-table__empty-block">
+            <span class="el-table__empty-text">暂无数据</span>
+          </div>
+          <process-instance-step @view-detail="viewDetail" :source="source" v-show="!isEmpty" style="padding-top: 10px" ref="stepRef"></process-instance-step>
+        </el-tab-pane>
+        <el-tab-pane label="流程步骤" name="1" style="height: 100%">
+          <template #label>
+            <el-icons model-value="adtec-flowdef" style="margin-right: 5px" />
+            <span>流程步骤</span>
+          </template>
+          <el-flex>
+            <div v-show="isEmpty" class="el-table__empty-block">
+              <span class="el-table__empty-text">暂无数据</span>
+            </div>
+            <process-instance v-show="!isEmpty" ref="bpmnRef"></process-instance>
+          </el-flex>
+        </el-tab-pane>
+      </el-tabs>
+    </el-flex>
+  </el-flex>
+</template>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import ProcessInstanceStep from './ProcessInstanceStep.vue'
+import ProcessInstance from './ProcessInstance.vue'
+import type { IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
+import workflowInstApi from '../../../api/workflow/workflowInstApi'
+import frameworkUtils from '../../../utils/FrameworkUtils.ts'
+
+const props = withDefaults(
+  defineProps<{
+    businessId: string
+    task: IWfTaskVo
+    showTitle?: boolean
+    showDescriptions: boolean
+    source?: string
+  }>(),
+  {
+    task: undefined,
+    businessId: undefined,
+    showTitle: false,
+    showDescriptions: false,
+    source: ''
+  },
+)
+const emit = defineEmits(['viewDetail'])
+const activeName = ref('0')
+const loading = ref(false)
+const bpmnRef = ref<InstanceType<typeof ProcessInstance>>()
+const stepRef = ref<InstanceType<typeof ProcessInstanceStep>>()
+const data = ref<IWfTaskVo>()
+const isEmpty = ref(false)
+const open = async () => {
+  if (props.task?.procInsId && props.task?.procDefKey) {
+    try {
+      data.value = props.task
+      loading.value = true
+      bpmnRef.value?.init(props.task.procDefKey, props.task.procInsId)
+      stepRef.value?.init(props.task.procInsId)
+    } catch (err: any) {
+      frameworkUtils.messageError(err)
+    } finally {
+      loading.value = false
+    }
+  } else if (props.businessId) {
+    try {
+      loading.value = true
+      isEmpty.value = false
+      data.value = await workflowInstApi.getWfTaskByBusinessId(props.businessId)
+      if (data.value.procDefKey && data.value.procInsId) {
+        bpmnRef.value?.init(data.value.procDefKey, data.value.procInsId)
+        stepRef.value?.init(data.value.procInsId)
+      } else {
+        ElMessage.warning('流程信息缺失！')
+      }
+    } catch (err: any) {
+      // frameworkUtils.messageError(err)
+      //暂无数据
+      isEmpty.value = true
+    } finally {
+      loading.value = false
+    }
+  } else {
+    ElMessage.warning('缺少必要参数')
+  }
+}
+const viewDetail = (task: IWfTaskVo) => {
+  emit('viewDetail', task)
+}
+watch(
+  [
+    () => props.task?.procInsId,
+    () => props.businessId
+  ],
+  ([newProcInsId, newBusinessId]) => {
+    if (newProcInsId || newBusinessId) {
+      open();
+    }
+  },
+  { immediate: true } // 若不需要在组件挂载时立即触发，可以设置为 false
+);
+</script>
+<style scoped lang="scss"></style>

package/src/components/workflow/components/ProcessDetailDialog.vue

@@ -1,129 +1,129 @@
-<!--创建人 xux-->
-<!--说明: ProcessDetail-->
-<!--创建时间: 2024/12/3 下午3:24-->
-<!--修改时间: 2024/12/3 下午3:24-->
-<template>
-  <el-drawer
-    title="流程查看"
-    v-model="dialogVisible"
-    size="800"
-    @open="open"
-    @close="dialogVisible = false"
-  >
-    <el-flex
-      :vertical="true"
-      class="border"
-      style="border-radius: var(--el-border-radius-base); margin-left: 8px; background: #ffffff"
-      v-loading="loading"
-    >
-      <el-title title="流程详情" style="padding-left: 8px; border-bottom: var(--border)">
-      </el-title>
-      <el-flex height="100px">
-        <el-descriptions
-          border
-          style="padding: 8px; width: 100%"
-          width="25%"
-          label-width="25%"
-          column="4"
-          direction="vertical"
-        >
-          <el-descriptions-item width="25%" label-width="25%" label="流程名称">
-            <span>{{ data?.procDefName }}</span>
-          </el-descriptions-item>
-          <el-descriptions-item width="25%" label-width="25%" label="流程发起人">{{
-            data?.startUserName
-          }}</el-descriptions-item>
-          <el-descriptions-item label-width="25%" width="25%" label="流程创建时间">{{
-            data?.procStartTime
-          }}</el-descriptions-item>
-          <el-descriptions-item label-width="25%" width="25%" label="流程结束时间">{{
-            data?.procEndTime
-          }}</el-descriptions-item>
-        </el-descriptions>
-      </el-flex>
-      <el-flex>
-        <el-tabs v-model="activeName" style="width: 100%; height: 100%; padding: 0 8px 8px">
-          <el-tab-pane label="审批记录" name="0" style="height: 100%">
-            <template #label>
-              <span style="display: flex; align-items: center">
-                <el-icons model-value="adtec-ar" style="margin-right: 5px" />
-                <span>审批记录</span>
-              </span>
-            </template>
-            <process-instance-step style="padding-top: 10px" ref="stepRef"></process-instance-step>
-          </el-tab-pane>
-          <el-tab-pane label="流程步骤" name="1" style="height: 100%">
-            <template #label>
-              <el-icons model-value="adtec-flowdef" style="margin-right: 5px" />
-              <span>流程步骤</span>
-            </template>
-            <el-flex>
-              <process-instance ref="bpmnRef"></process-instance>
-            </el-flex>
-          </el-tab-pane>
-        </el-tabs>
-      </el-flex>
-    </el-flex>
-  </el-drawer>
-</template>
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-import { ref } from 'vue'
-import { ElMessage } from 'element-plus'
-import ProcessInstanceStep from './ProcessInstanceStep.vue'
-import ProcessInstance from './ProcessInstance.vue'
-import type { IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
-import workflowInstApi from '../../../api/workflow/workflowInstApi'
-import frameworkUtils from '../../../utils/FrameworkUtils.ts'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue: boolean
-    businessId: string
-    task: IWfTaskVo
-  }>(),
-  {
-    task: undefined,
-    businessId: undefined,
-  },
-)
-const emit = defineEmits(['update:modelValue'])
-const dialogVisible = useVModel(props, 'modelValue', emit)
-const activeName = ref('0')
-const loading = ref(false)
-const bpmnRef = ref<InstanceType<typeof ProcessInstance>>()
-const stepRef = ref<InstanceType<typeof ProcessInstanceStep>>()
-const data = ref<IWfTaskVo>()
-const open = async () => {
-  if (props.task?.procInsId && props.task?.procDefKey) {
-    try {
-      data.value = props.task
-      loading.value = true
-      bpmnRef.value?.init(props.task.procDefKey, props.task.procInsId)
-      stepRef.value?.init(props.task.procInsId)
-    } catch (err: any) {
-      frameworkUtils.messageError(err)
-    } finally {
-      loading.value = false
-    }
-  } else if (props.businessId) {
-    try {
-      loading.value = true
-      data.value = await workflowInstApi.getWfTaskByBusinessId(props.businessId)
-      if (data.value.procDefKey && data.value.procInsId) {
-        bpmnRef.value?.init(data.value.procDefKey, data.value.procInsId)
-        stepRef.value?.init(data.value.procInsId)
-      } else {
-        ElMessage.warning('流程信息缺失！')
-      }
-    } catch (err: any) {
-      frameworkUtils.messageError(err)
-    } finally {
-      loading.value = false
-    }
-  } else {
-    ElMessage.warning('缺少必要参数')
-  }
-}
-</script>
-<style scoped lang="scss"></style>
+<!--创建人 xux-->
+<!--说明: ProcessDetail-->
+<!--创建时间: 2024/12/3 下午3:24-->
+<!--修改时间: 2024/12/3 下午3:24-->
+<template>
+  <el-drawer
+    title="流程查看"
+    v-model="dialogVisible"
+    size="800"
+    @open="open"
+    @close="dialogVisible = false"
+  >
+    <el-flex
+      :vertical="true"
+      class="border"
+      style="border-radius: var(--el-border-radius-base); margin-left: 8px; background: #ffffff"
+      v-loading="loading"
+    >
+      <el-title title="流程详情" style="padding-left: 8px; border-bottom: var(--border)">
+      </el-title>
+      <el-flex height="100px">
+        <el-descriptions
+          border
+          style="padding: 8px; width: 100%"
+          width="25%"
+          label-width="25%"
+          column="4"
+          direction="vertical"
+        >
+          <el-descriptions-item width="25%" label-width="25%" label="流程名称">
+            <span>{{ data?.procDefName }}</span>
+          </el-descriptions-item>
+          <el-descriptions-item width="25%" label-width="25%" label="流程发起人">{{
+            data?.startUserName
+          }}</el-descriptions-item>
+          <el-descriptions-item label-width="25%" width="25%" label="流程创建时间">{{
+            data?.procStartTime
+          }}</el-descriptions-item>
+          <el-descriptions-item label-width="25%" width="25%" label="流程结束时间">{{
+            data?.procEndTime
+          }}</el-descriptions-item>
+        </el-descriptions>
+      </el-flex>
+      <el-flex>
+        <el-tabs v-model="activeName" style="width: 100%; height: 100%; padding: 0 8px 8px">
+          <el-tab-pane label="审批记录" name="0" style="height: 100%">
+            <template #label>
+              <span style="display: flex; align-items: center">
+                <el-icons model-value="adtec-ar" style="margin-right: 5px" />
+                <span>审批记录</span>
+              </span>
+            </template>
+            <process-instance-step style="padding-top: 10px" ref="stepRef"></process-instance-step>
+          </el-tab-pane>
+          <el-tab-pane label="流程步骤" name="1" style="height: 100%">
+            <template #label>
+              <el-icons model-value="adtec-flowdef" style="margin-right: 5px" />
+              <span>流程步骤</span>
+            </template>
+            <el-flex>
+              <process-instance ref="bpmnRef"></process-instance>
+            </el-flex>
+          </el-tab-pane>
+        </el-tabs>
+      </el-flex>
+    </el-flex>
+  </el-drawer>
+</template>
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import ProcessInstanceStep from './ProcessInstanceStep.vue'
+import ProcessInstance from './ProcessInstance.vue'
+import type { IWfTaskVo } from '../../../interface/workflow/IWfTaskVo'
+import workflowInstApi from '../../../api/workflow/workflowInstApi'
+import frameworkUtils from '../../../utils/FrameworkUtils.ts'
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: boolean
+    businessId: string
+    task: IWfTaskVo
+  }>(),
+  {
+    task: undefined,
+    businessId: undefined,
+  },
+)
+const emit = defineEmits(['update:modelValue'])
+const dialogVisible = useVModel(props, 'modelValue', emit)
+const activeName = ref('0')
+const loading = ref(false)
+const bpmnRef = ref<InstanceType<typeof ProcessInstance>>()
+const stepRef = ref<InstanceType<typeof ProcessInstanceStep>>()
+const data = ref<IWfTaskVo>()
+const open = async () => {
+  if (props.task?.procInsId && props.task?.procDefKey) {
+    try {
+      data.value = props.task
+      loading.value = true
+      bpmnRef.value?.init(props.task.procDefKey, props.task.procInsId)
+      stepRef.value?.init(props.task.procInsId)
+    } catch (err: any) {
+      frameworkUtils.messageError(err)
+    } finally {
+      loading.value = false
+    }
+  } else if (props.businessId) {
+    try {
+      loading.value = true
+      data.value = await workflowInstApi.getWfTaskByBusinessId(props.businessId)
+      if (data.value.procDefKey && data.value.procInsId) {
+        bpmnRef.value?.init(data.value.procDefKey, data.value.procInsId)
+        stepRef.value?.init(data.value.procInsId)
+      } else {
+        ElMessage.warning('流程信息缺失！')
+      }
+    } catch (err: any) {
+      frameworkUtils.messageError(err)
+    } finally {
+      loading.value = false
+    }
+  } else {
+    ElMessage.warning('缺少必要参数')
+  }
+}
+</script>
+<style scoped lang="scss"></style>