From 60a87ec95798e5c15284b86223677d46e6502078 Mon Sep 17 00:00:00 2001
From: ye1023 <12588209+ye1023@user.noreply.gitee.com>
Date: Tue, 26 May 2026 15:06:25 +0800
Subject: [PATCH] =?UTF-8?q?yxk-20260526-=E5=85=9A=E5=A7=94=E4=BC=9A?=
 =?UTF-8?q?=E5=8F=91=E8=B5=B7=E6=B5=81=E7=A8=8B=E7=BB=84=E4=BB=B6=E7=8B=AC?=
 =?UTF-8?q?=E7=AB=8B=E5=87=BA=E6=9D=A5=E5=8D=95=E5=BC=80=E4=B8=80=E4=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../process/FlowScheduleStartModalForBG.vue   | 238 ++++++++++++++++++
 1 file changed, 238 insertions(+)
 create mode 100644 src/components/semri/process/FlowScheduleStartModalForBG.vue

diff --git a/src/components/semri/process/FlowScheduleStartModalForBG.vue b/src/components/semri/process/FlowScheduleStartModalForBG.vue
new file mode 100644
index 0000000..6ffc007
--- /dev/null
+++ b/src/components/semri/process/FlowScheduleStartModalForBG.vue
@@ -0,0 +1,238 @@
+<template>
+  <j-modal :title="title" :width="720" :visible="visible" @ok="handleOk" @cancel="handleCancel" cancelText="取消">
+    <a-form :model="formData" :label-col="{ style: { width: '120px' } }" :wrapper-col="{ span: 16 }">
+      <a-form-item label="发起类型">
+        <a-radio-group v-model:value="formData.triggerMode">
+          <a-radio value="immediate">立即发起</a-radio>
+          <a-radio value="recurring">重复发起</a-radio>
+        </a-radio-group>
+      </a-form-item>
+
+      <a-form-item v-if="deptOptions.length" label="牵头部门">
+        <a-select
+          v-model:value="formData.deptIds"
+          mode="multiple"
+          :options="deptOptions"
+          placeholder="请选择牵头部门"
+          allow-clear
+          style="width: 100%"
+          :getPopupContainer="(node) => node?.parentNode"
+        />
+      </a-form-item>
+
+      <a-form-item v-if="showDeadlineField" label="事项截止时间">
+        <a-date-picker
+          v-model:value="formData.deadline"
+          valueFormat="YYYY-MM-DD"
+          placeholder="请选择事项截止时间"
+          style="width: 100%"
+          :getPopupContainer="(node) => node?.parentNode"
+        />
+      </a-form-item>
+
+      <template v-if="showSuoleaderFields">
+        <a-form-item label="是否所党委审批">
+          <j-switch v-model:value="formData.isNeedAppro" />
+        </a-form-item>
+
+        <a-form-item label="所党委领导">
+          <j-select-user v-model:value="formData.supDeptleaderid" :disabled="String(formData.isNeedAppro) !== '1'" allow-clear />
+        </a-form-item>
+      </template>
+
+      <template v-if="formData.triggerMode === 'recurring'">
+        <a-form-item label="重复周期">
+          <JDictSelectTag
+            v-model:value="formData.intervalType"
+            dictCode="sup_interval_type"
+            placeholder="重复周期"
+            :getPopupContainer="(node) => node?.parentNode"
+          />
+        </a-form-item>
+
+        <a-form-item label="重复次数">
+          <a-input-number v-model:value="formData.startCount" :min="1" :precision="0" placeholder="重复次数" style="width: 100%" />
+        </a-form-item>
+
+        <a-form-item label="重复开始日期">
+          <a-date-picker
+            v-model:value="formData.intervalStartTime"
+            show-time
+            valueFormat="YYYY-MM-DD HH:mm:ss"
+            placeholder="重复开始日期"
+            style="width: 100%"
+            :getPopupContainer="(node) => node?.parentNode"
+          />
+        </a-form-item>
+      </template>
+    </a-form>
+
+    <template #footer>
+      <a-button @click="handleCancel">取消</a-button>
+      <a-button type="primary" @click="handleOk">提交</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script lang="ts" setup>
+  import { reactive, ref, watch } from 'vue';
+  import JModal from '/src/components/Modal/src/JModal/JModal.vue';
+  import JDictSelectTag from '/src/components/Form/src/jeecg/components/JDictSelectTag.vue';
+  import JSwitch from '/src/components/Form/src/jeecg/components/JSwitch.vue';
+  import JSelectUser from '/src/components/Form/src/jeecg/components/JSelectUser.vue';
+  import { useMessage } from '/src/hooks/web/useMessage';
+
+  interface ModalPayload {
+    title?: string;
+    payload?: Record<string, any>;
+    deptOptions?: DeptOption[];
+    showSuoleaderFields?: boolean;
+    isNeedAppro?: string | number;
+    supDeptleaderid?: string | string[];
+    showDeadlineField?: boolean;
+    deadline?: string | Date;
+  }
+
+  interface DeptOption {
+    label: string;
+    value: string;
+  }
+
+  const emit = defineEmits(['confirm']);
+  const { createMessage } = useMessage();
+
+  const title = ref('发起流程');
+  const visible = ref(false);
+  const contextData = ref<Record<string, any>>({});
+  const deptOptions = ref<DeptOption[]>([]);
+  const showSuoleaderFields = ref(false);
+  const showDeadlineField = ref(false);
+  const formData = reactive({
+    triggerMode: 'immediate',
+    intervalType: undefined as number | string | undefined,
+    startCount: undefined as number | undefined,
+    intervalStartTime: undefined as string | undefined,
+    deptIds: [] as string[],
+    isNeedAppro: '0',
+    supDeptleaderid: '' as string | string[],
+    deadline: undefined as string | undefined,
+  });
+
+  function resetForm() {
+    formData.triggerMode = 'immediate';
+    formData.intervalType = undefined;
+    formData.startCount = undefined;
+    formData.intervalStartTime = undefined;
+    formData.deptIds = [];
+    formData.isNeedAppro = '0';
+    formData.supDeptleaderid = '';
+    formData.deadline = undefined;
+    deptOptions.value = [];
+    showSuoleaderFields.value = false;
+    showDeadlineField.value = false;
+  }
+
+  function normalizeDeptOptions(options: DeptOption[] = []) {
+    const optionMap = new Map<string, DeptOption>();
+    options.forEach((item) => {
+      const value = String(item?.value || '').trim();
+      if (!value || optionMap.has(value)) {
+        return;
+      }
+      optionMap.set(value, {
+        value,
+        label: item?.label || value,
+      });
+    });
+    return Array.from(optionMap.values());
+  }
+
+  function normalizeDeadlineValue(value?: string | Date) {
+    if (!value) {
+      return undefined;
+    }
+    if (typeof value === 'string') {
+      return value.length >= 10 ? value.substring(0, 10) : value;
+    }
+    const year = value.getFullYear();
+    const month = String(value.getMonth() + 1).padStart(2, '0');
+    const day = String(value.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  }
+
+  function open(data: ModalPayload = {}) {
+    resetForm();
+    title.value = data.title || '发起流程';
+    contextData.value = data.payload || {};
+    deptOptions.value = normalizeDeptOptions(data.deptOptions || []);
+    formData.deptIds = deptOptions.value.map((item) => item.value);
+    showSuoleaderFields.value = !!data.showSuoleaderFields;
+    formData.isNeedAppro = String(data.isNeedAppro ?? '0');
+    formData.supDeptleaderid = data.supDeptleaderid || '';
+    showDeadlineField.value = !!data.showDeadlineField;
+    formData.deadline = normalizeDeadlineValue(data.deadline);
+    if (String(formData.isNeedAppro) !== '1') {
+      formData.supDeptleaderid = '';
+    }
+    visible.value = true;
+  }
+
+  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;
+      }
+    }
+    if (deptOptions.value.length && !formData.deptIds.length) {
+      createMessage.warning('请选择责任部门');
+      return;
+    }
+
+    if (showDeadlineField.value && !formData.deadline) {
+      createMessage.warning('请选择事项截止时间');
+      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,
+        deptId: formData.deptIds.join(','),
+        deptIds: [...formData.deptIds],
+        isNeedAppro: showSuoleaderFields.value ? formData.isNeedAppro : undefined,
+        supDeptleaderid: showSuoleaderFields.value ? (String(formData.isNeedAppro) === '1' ? formData.supDeptleaderid : '') : undefined,
+        deadline: showDeadlineField.value ? formData.deadline : undefined,
+      },
+    });
+    handleCancel();
+  }
+
+  watch(
+    () => formData.isNeedAppro,
+    (value) => {
+      if (String(value) !== '1') {
+        formData.supDeptleaderid = '';
+      }
+    }
+  );
+
+  defineExpose({
+    open,
+  });
+</script>