adtec-core-package 2.4.8 → 2.5.0

package/src/components/bpmntree/views/view.index.vue

@@ -1,291 +1,291 @@
-<script setup lang="ts">
-import FlowDesign from './flowDesign/index.vue'
-import type { Field } from '../components/Render/type'
-import type {
-  EndNode,
-  FlowNode,
-  StartNode,
-} from './flowDesign/nodes/type'
-import workflowApi from '../../../api/workflow/workflow'
-import { ElMessage } from 'element-plus'
-import type { SysWorkflowVerType } from '../../../interface/workflow/workflow'
-
-import frameworkUtils from '../../../utils/FrameworkUtils.ts'
-import { onMounted, onUnmounted, ref, watch } from 'vue'
-import { useEventBus } from '@vueuse/core'
-const props = withDefaults(
-  defineProps<{
-    verId?: string
-    readonly: boolean
-  }>(),
-  {
-    verId: '',
-    readonly: false,
-  },
-)
-const loading = ref<boolean>(false)
-const ver = ref<SysWorkflowVerType>()
-const initProcess = {
-  id: 'root',
-  pid: undefined,
-  type: 'start',
-  name: '发起人',
-  executionListeners: [],
-  formProperties: [],
-  child: {
-    id: 'end',
-    pid: 'root',
-    type: 'end',
-    name: '流程结束',
-    executionListeners: [],
-    child: undefined,
-  } as EndNode,
-} as StartNode
-// 流程节点
-const process = ref<FlowNode>({ ...initProcess })
-// 表单字段
-const fields = ref<Field[]>([
-  // {
-  //   id: 'field_da2w55',
-  //   type: 'formItem',
-  //   label: '请假人',
-  //   name: 'UserSelector',
-  //   value: null,
-  //   readonly: false,
-  //   required: true,
-  //   hidden: false,
-  //   props: {
-  //     multiple: false,
-  //     disabled: false,
-  //     placeholder: '请选择用户',
-  //     style: {
-  //       width: '100%'
-  //     }
-  //   }
-  // },
-  // {
-  //   id: 'field_fa2w40',
-  //   type: 'formItem',
-  //   label: '请假天数',
-  //   name: 'ElInputNumber',
-  //   value: null,
-  //   readonly: false,
-  //   required: true,
-  //   hidden: false,
-  //   props: {
-  //     disabled: false,
-  //     placeholder: '请假天数',
-  //     style: {
-  //       width: '100%'
-  //     },
-  //     min: 0,
-  //     max: 100,
-  //     step: 1,
-  //     precision: 0
-  //   }
-  // },
-  // {
-  //   id: 'field_d42t45',
-  //   type: 'formItem',
-  //   label: '请假事由',
-  //   name: 'ElSelect',
-  //   value: null,
-  //   readonly: false,
-  //   required: true,
-  //   hidden: false,
-  //   props: {
-  //     disabled: false,
-  //     multiple: false,
-  //     placeholder: '请选择请假事由',
-  //     options: [
-  //       {
-  //         label: '事假',
-  //         value: '事假'
-  //       },
-  //       {
-  //         label: '病假',
-  //         value: '病假'
-  //       },
-  //       {
-  //         label: '婚假',
-  //         value: '婚假'
-  //       },
-  //       {
-  //         label: '产假',
-  //         value: '产假'
-  //       },
-  //       {
-  //         label: '丧假',
-  //         value: '丧假'
-  //       },
-  //       {
-  //         label: '其他',
-  //         value: '其他'
-  //       }
-  //     ],
-  //     style: {
-  //       width: '100%'
-  //     }
-  //   }
-  // },
-  // {
-  //   id: 'field_522g58',
-  //   type: 'formItem',
-  //   label: '请假原因',
-  //   name: 'ElInput',
-  //   value: null,
-  //   readonly: false,
-  //   required: true,
-  //   hidden: false,
-  //   props: {
-  //     type: 'textarea',
-  //     placeholder: '请输入请假原因',
-  //     autosize: {
-  //       minRows: 3,
-  //       maxRows: 3
-  //     },
-  //     disabled: false,
-  //     style: {
-  //       width: '100%'
-  //     }
-  //   }
-  // }
-])
-// 是否只读
-const readOnly = ref(props.readonly)
-const bpmnView = ref(false)
-// 是否暗黑模式
-const isDark = ref(false)
-// const handleToggleDark = () => {
-//   if (isDark.value) {
-//     document.documentElement.classList.add('dark')
-//   } else {
-//     document.documentElement.classList.remove('dark')
-//   }
-// }
-const saveVer = async () => {
-  if (ver.value?.id) {
-    try {
-      loading.value = true
-      const newVer = await workflowApi.editVerXml({
-        id: ver.value.id,
-        workflowCode: ver.value.workflowCode,
-        processJson: JSON.stringify(process.value),
-        processFields: JSON.stringify(fields.value),
-      })
-      ver.value.xml = newVer?.xml ?? ''
-      ElMessage.success('保存成功！')
-    } catch (err: any) {
-      frameworkUtils.messageError(err)
-    } finally {
-      loading.value = false
-    }
-  } else {
-    ElMessage.warning('对应版本不存在！')
-  }
-}
-const init = async (verId: string) => {
-  console.log('workflowDesign:', verId)
-  if (!verId) {
-    ver.value = undefined
-    process.value = { ...initProcess }
-    fields.value = []
-  }
-  loading.value = true
-  try {
-    ver.value = await workflowApi.getVerInfo(verId)
-    if (ver.value?.processJson) {
-      process.value = JSON.parse(ver.value.processJson)
-    } else {
-      process.value = { ...initProcess }
-    }
-    if (ver.value?.processFields) {
-      fields.value = JSON.parse(ver.value.processFields)
-    } else {
-      fields.value = []
-    }
-  } catch (err: any) {
-    frameworkUtils.messageError(err)
-    // ElMessage.error('获取版本信息失败：' + err.msg)
-  } finally {
-    loading.value = false
-  }
-}
-const bus = useEventBus<string>('workflow_design_init')
-
-onMounted(async () => {
-  bus.on(init)
-  await init(props.verId)
-})
-onUnmounted(() => {
-  bus.off(init)
-})
-defineExpose({
-  init,
-})
-</script>
-
-<template>
-  <FlowDesign
-    v-loading="loading"
-    :process="process"
-    :fields="fields"
-    :readOnly="readOnly"
-    :bpmn-view="bpmnView"
-    :bpmn-xml="ver?.xml"
-  >
-    <!--    <el-switch-->
-    <!--      inline-prompt-->
-    <!--      active-text="正常模式"-->
-    <!--      inactive-text="暗黑模式"-->
-    <!--      @change="handleToggleDark"-->
-    <!--      v-model="isDark"-->
-    <!--    />-->
-    <el-space>
-      <el-switch
-        v-show="false"
-        v-model="readOnly"
-        active-text="只读模式"
-        inactive-text="编辑模式"
-        inline-prompt
-        :active-value="true"
-        :inactive-value="false"
-        @change="bpmnView = false"
-      />
-      <el-switch
-        v-show="false"
-        v-if="ver?.xml && readOnly"
-        v-model="bpmnView"
-        active-text="BPMN"
-        inactive-text="树状"
-        inline-prompt
-        :active-value="true"
-        :inactive-value="false"
-      />
-      <el-icon-btn
-        v-if="ver?.id && !readOnly && ver?.isValid == 0"
-        @click="saveVer"
-        type="primary"
-        size="large"
-        model-value="adtec-save"
-        tip="保存"
-      ></el-icon-btn>
-    </el-space>
-    <!--    <el-button-group v-if="!readOnly">-->
-    <!--      <el-button-->
-    <!--        v-if="props.verId && !readOnly"-->
-    <!--        size="small"-->
-    <!--        round-->
-    <!--        @click="saveVer"-->
-    <!--        type="primary"-->
-    <!--        icon="Download"-->
-    <!--        >保存-->
-    <!--      </el-button>-->
-    <!--    </el-button-group>-->
-    <!--    <el-button-group>-->
-    <!--      <el-button @click="converterBpmn" type="primary" icon="Download"> 转bpmn</el-button>-->
-    <!--    </el-button-group>-->
-  </FlowDesign>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import FlowDesign from './flowDesign/index.vue'
+import type { Field } from '../components/Render/type'
+import type {
+  EndNode,
+  FlowNode,
+  StartNode,
+} from './flowDesign/nodes/type'
+import workflowApi from '../../../api/workflow/workflow'
+import { ElMessage } from 'element-plus'
+import type { SysWorkflowVerType } from '../../../interface/workflow/workflow'
+
+import frameworkUtils from '../../../utils/FrameworkUtils.ts'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { useEventBus } from '@vueuse/core'
+const props = withDefaults(
+  defineProps<{
+    verId?: string
+    readonly: boolean
+  }>(),
+  {
+    verId: '',
+    readonly: false,
+  },
+)
+const loading = ref<boolean>(false)
+const ver = ref<SysWorkflowVerType>()
+const initProcess = {
+  id: 'root',
+  pid: undefined,
+  type: 'start',
+  name: '发起人',
+  executionListeners: [],
+  formProperties: [],
+  child: {
+    id: 'end',
+    pid: 'root',
+    type: 'end',
+    name: '流程结束',
+    executionListeners: [],
+    child: undefined,
+  } as EndNode,
+} as StartNode
+// 流程节点
+const process = ref<FlowNode>({ ...initProcess })
+// 表单字段
+const fields = ref<Field[]>([
+  // {
+  //   id: 'field_da2w55',
+  //   type: 'formItem',
+  //   label: '请假人',
+  //   name: 'UserSelector',
+  //   value: null,
+  //   readonly: false,
+  //   required: true,
+  //   hidden: false,
+  //   props: {
+  //     multiple: false,
+  //     disabled: false,
+  //     placeholder: '请选择用户',
+  //     style: {
+  //       width: '100%'
+  //     }
+  //   }
+  // },
+  // {
+  //   id: 'field_fa2w40',
+  //   type: 'formItem',
+  //   label: '请假天数',
+  //   name: 'ElInputNumber',
+  //   value: null,
+  //   readonly: false,
+  //   required: true,
+  //   hidden: false,
+  //   props: {
+  //     disabled: false,
+  //     placeholder: '请假天数',
+  //     style: {
+  //       width: '100%'
+  //     },
+  //     min: 0,
+  //     max: 100,
+  //     step: 1,
+  //     precision: 0
+  //   }
+  // },
+  // {
+  //   id: 'field_d42t45',
+  //   type: 'formItem',
+  //   label: '请假事由',
+  //   name: 'ElSelect',
+  //   value: null,
+  //   readonly: false,
+  //   required: true,
+  //   hidden: false,
+  //   props: {
+  //     disabled: false,
+  //     multiple: false,
+  //     placeholder: '请选择请假事由',
+  //     options: [
+  //       {
+  //         label: '事假',
+  //         value: '事假'
+  //       },
+  //       {
+  //         label: '病假',
+  //         value: '病假'
+  //       },
+  //       {
+  //         label: '婚假',
+  //         value: '婚假'
+  //       },
+  //       {
+  //         label: '产假',
+  //         value: '产假'
+  //       },
+  //       {
+  //         label: '丧假',
+  //         value: '丧假'
+  //       },
+  //       {
+  //         label: '其他',
+  //         value: '其他'
+  //       }
+  //     ],
+  //     style: {
+  //       width: '100%'
+  //     }
+  //   }
+  // },
+  // {
+  //   id: 'field_522g58',
+  //   type: 'formItem',
+  //   label: '请假原因',
+  //   name: 'ElInput',
+  //   value: null,
+  //   readonly: false,
+  //   required: true,
+  //   hidden: false,
+  //   props: {
+  //     type: 'textarea',
+  //     placeholder: '请输入请假原因',
+  //     autosize: {
+  //       minRows: 3,
+  //       maxRows: 3
+  //     },
+  //     disabled: false,
+  //     style: {
+  //       width: '100%'
+  //     }
+  //   }
+  // }
+])
+// 是否只读
+const readOnly = ref(props.readonly)
+const bpmnView = ref(false)
+// 是否暗黑模式
+const isDark = ref(false)
+// const handleToggleDark = () => {
+//   if (isDark.value) {
+//     document.documentElement.classList.add('dark')
+//   } else {
+//     document.documentElement.classList.remove('dark')
+//   }
+// }
+const saveVer = async () => {
+  if (ver.value?.id) {
+    try {
+      loading.value = true
+      const newVer = await workflowApi.editVerXml({
+        id: ver.value.id,
+        workflowCode: ver.value.workflowCode,
+        processJson: JSON.stringify(process.value),
+        processFields: JSON.stringify(fields.value),
+      })
+      ver.value.xml = newVer?.xml ?? ''
+      ElMessage.success('保存成功！')
+    } catch (err: any) {
+      frameworkUtils.messageError(err)
+    } finally {
+      loading.value = false
+    }
+  } else {
+    ElMessage.warning('对应版本不存在！')
+  }
+}
+const init = async (verId: string) => {
+  console.log('workflowDesign:', verId)
+  if (!verId) {
+    ver.value = undefined
+    process.value = { ...initProcess }
+    fields.value = []
+  }
+  loading.value = true
+  try {
+    ver.value = await workflowApi.getVerInfo(verId)
+    if (ver.value?.processJson) {
+      process.value = JSON.parse(ver.value.processJson)
+    } else {
+      process.value = { ...initProcess }
+    }
+    if (ver.value?.processFields) {
+      fields.value = JSON.parse(ver.value.processFields)
+    } else {
+      fields.value = []
+    }
+  } catch (err: any) {
+    frameworkUtils.messageError(err)
+    // ElMessage.error('获取版本信息失败：' + err.msg)
+  } finally {
+    loading.value = false
+  }
+}
+const bus = useEventBus<string>('workflow_design_init')
+
+onMounted(async () => {
+  bus.on(init)
+  await init(props.verId)
+})
+onUnmounted(() => {
+  bus.off(init)
+})
+defineExpose({
+  init,
+})
+</script>
+
+<template>
+  <FlowDesign
+    v-loading="loading"
+    :process="process"
+    :fields="fields"
+    :readOnly="readOnly"
+    :bpmn-view="bpmnView"
+    :bpmn-xml="ver?.xml"
+  >
+    <!--    <el-switch-->
+    <!--      inline-prompt-->
+    <!--      active-text="正常模式"-->
+    <!--      inactive-text="暗黑模式"-->
+    <!--      @change="handleToggleDark"-->
+    <!--      v-model="isDark"-->
+    <!--    />-->
+    <el-space>
+      <el-switch
+        v-show="false"
+        v-model="readOnly"
+        active-text="只读模式"
+        inactive-text="编辑模式"
+        inline-prompt
+        :active-value="true"
+        :inactive-value="false"
+        @change="bpmnView = false"
+      />
+      <el-switch
+        v-show="false"
+        v-if="ver?.xml && readOnly"
+        v-model="bpmnView"
+        active-text="BPMN"
+        inactive-text="树状"
+        inline-prompt
+        :active-value="true"
+        :inactive-value="false"
+      />
+      <el-icon-btn
+        v-if="ver?.id && !readOnly && ver?.isValid == 0"
+        @click="saveVer"
+        type="primary"
+        size="large"
+        model-value="adtec-save"
+        tip="保存"
+      ></el-icon-btn>
+    </el-space>
+    <!--    <el-button-group v-if="!readOnly">-->
+    <!--      <el-button-->
+    <!--        v-if="props.verId && !readOnly"-->
+    <!--        size="small"-->
+    <!--        round-->
+    <!--        @click="saveVer"-->
+    <!--        type="primary"-->
+    <!--        icon="Download"-->
+    <!--        >保存-->
+    <!--      </el-button>-->
+    <!--    </el-button-group>-->
+    <!--    <el-button-group>-->
+    <!--      <el-button @click="converterBpmn" type="primary" icon="Download"> 转bpmn</el-button>-->
+    <!--    </el-button-group>-->
+  </FlowDesign>
+</template>
+
+<style scoped lang="scss"></style>