yxk-20260421-通用发起流程组件

2026-04-21 19:12:19 +08:00
parent 3a49966dac
commit 55f91ba764
2 changed files with 203 additions and 46 deletions
@@ -0,0 +1,146 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="720"
+    :visible="visible"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="Cancel"
+  >
+    <a-form :model="formData" :label-col="{ style: { width: '120px' } }" :wrapper-col="{ span: 16 }">
+      <a-form-item label="Mode">
+        <a-radio-group v-model:value="formData.triggerMode">
+          <a-radio value="immediate">Immediate</a-radio>
+          <a-radio value="recurring">Recurring</a-radio>
+        </a-radio-group>
+      </a-form-item>
+
+      <template v-if="formData.triggerMode === 'recurring'">
+        <a-form-item label="Interval Type">
+          <JDictSelectTag
+            v-model:value="formData.intervalType"
+            dictCode="sup_interval_type"
+            placeholder="Select interval type"
+            :getPopupContainer="(node) => node?.parentNode"
+          />
+        </a-form-item>
+
+        <a-form-item label="Repeat Count">
+          <a-input-number
+            v-model:value="formData.startCount"
+            :min="1"
+            :precision="0"
+            placeholder="Input repeat count"
+            style="width: 100%"
+          />
+        </a-form-item>
+
+        <a-form-item label="Start Time">
+          <a-date-picker
+            v-model:value="formData.intervalStartTime"
+            show-time
+            valueFormat="YYYY-MM-DD HH:mm:ss"
+            placeholder="Select start time"
+            style="width: 100%"
+            :getPopupContainer="(node) => node?.parentNode"
+          />
+        </a-form-item>
+      </template>
+    </a-form>
+
+    <template #footer>
+      <a-button @click="handleCancel">Cancel</a-button>
+      <a-button type="primary" @click="handleOk">OK</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script lang="ts" setup>
+  import { reactive, ref } from 'vue';
+  import JModal from '/src/components/Modal/src/JModal/JModal.vue';
+  import JDictSelectTag from '/src/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  import { useMessage } from '/src/hooks/web/useMessage';
+
+  interface ModalPayload {
+    title?: string;
+    payload?: Record<string, any>;
+    initialValues?: Record<string, any>;
+  }
+
+  const emit = defineEmits(['confirm']);
+  const { createMessage } = useMessage();
+
+  const title = ref('Start Process');
+  const visible = ref(false);
+  const contextData = ref<Record<string, any>>({});
+  const formData = reactive({
+    triggerMode: 'immediate',
+    intervalType: undefined as number | string | undefined,
+    startCount: undefined as number | undefined,
+    intervalStartTime: undefined as string | undefined,
+  });
+
+  function resetForm() {
+    formData.triggerMode = 'immediate';
+    formData.intervalType = undefined;
+    formData.startCount = undefined;
+    formData.intervalStartTime = undefined;
+  }
+
+  function open(data: ModalPayload = {}) {
+    resetForm();
+    title.value = data.title || 'Start Process';
+    contextData.value = data.payload || {};
+    visible.value = true;
+
+    const initialValues = data.initialValues || {};
+    if (initialValues.triggerType === 1) {
+      formData.triggerMode = 'recurring';
+    }
+    if (initialValues.intervalType !== undefined && initialValues.intervalType !== null && initialValues.intervalType !== '') {
+      formData.intervalType = initialValues.intervalType;
+    }
+    if (initialValues.startCount !== undefined && initialValues.startCount !== null && initialValues.startCount !== '') {
+      formData.startCount = Number(initialValues.startCount);
+    }
+    if (initialValues.intervalStartTime) {
+      formData.intervalStartTime = initialValues.intervalStartTime;
+    }
+  }
+
+  function handleCancel() {
+    visible.value = false;
+  }
+
+  function handleOk() {
+    if (formData.triggerMode === 'recurring') {
+      if (!formData.intervalType) {
+        createMessage.warning('Please select interval type');
+        return;
+      }
+      if (!formData.startCount) {
+        createMessage.warning('Please input repeat count');
+        return;
+      }
+      if (!formData.intervalStartTime) {
+        createMessage.warning('Please select start time');
+        return;
+      }
+    }
+
+    emit('confirm', {
+      payload: contextData.value,
+      options: {
+        triggerType: formData.triggerMode === 'recurring' ? 2 : 1,
+        intervalType: formData.triggerMode === 'recurring' ? Number(formData.intervalType) : undefined,
+        startCount: formData.triggerMode === 'recurring' ? Number(formData.startCount) : undefined,
+        intervalStartTime: formData.triggerMode === 'recurring' ? formData.intervalStartTime : undefined,
+      },
+    });
+    handleCancel();
+  }
+
+  defineExpose({
+    open,
+  });
+</script>