From 9495c2c63a237d77b8815ff0890805c6224819c2 Mon Sep 17 00:00:00 2001
From: LesanOuO <1960681385@qq.com>
Date: Thu, 23 Jan 2025 12:05:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20BPM-=E6=9B=B4=E5=A4=9A=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE-=E6=A0=87=E9=A2=98=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SimpleProcessDesignerV2/src/consts.ts     | 10 ++-
 src/views/bpm/model/form/ExtraSettings.vue    | 85 +++++++++++++++++++
 src/views/bpm/model/form/index.vue            |  6 +-
 3 files changed, 99 insertions(+), 2 deletions(-)

diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index acf9409a4..2ba4fb3f0 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -653,7 +653,15 @@ export enum ProcessVariableEnum {
   /**
    * 发起用户 ID
    */
-  START_USER_ID = 'PROCESS_START_USER_ID'
+  START_USER_ID = 'PROCESS_START_USER_ID',
+  /**
+   * 发起时间
+   */
+  START_TIME = 'PROCESS_START_TIME',
+  /**
+   * 流程定义名称
+   */
+  PROCESS_DEFINITION_NAME = 'PROCESS_DEFINITION_NAME'
 }
 
 /**
diff --git a/src/views/bpm/model/form/ExtraSettings.vue b/src/views/bpm/model/form/ExtraSettings.vue
index 42bbd4acd..8321d131d 100644
--- a/src/views/bpm/model/form/ExtraSettings.vue
+++ b/src/views/bpm/model/form/ExtraSettings.vue
@@ -75,12 +75,48 @@
         </el-radio-group>
       </div>
     </el-form-item>
+    <el-form-item v-if="modelData.customTitleSetting" class="mb-20px">
+      <template #label>
+        <el-text size="large" tag="b">标题设置</el-text>
+      </template>
+      <div class="flex flex-col">
+        <el-radio-group v-model="modelData.customTitleSetting.enable">
+          <div class="flex flex-col">
+            <el-radio :value="false"
+              >系统默认 <el-text type="info"> 展示流程名称 </el-text></el-radio
+            >
+            <el-radio :value="true">
+              自定义标题
+              <el-text>
+                <el-tooltip content="输入字符 '{' 即可插入表单字段" effect="light" placement="top">
+                  <Icon icon="ep:question-filled" class="ml-5px" />
+                </el-tooltip>
+              </el-text>
+            </el-radio>
+          </div>
+        </el-radio-group>
+        <el-mention
+          v-if="modelData.customTitleSetting.enable"
+          v-model="modelData.customTitleSetting.title"
+          type="textarea"
+          prefix="{"
+          split="}"
+          whole
+          :options="formFieldOptions"
+          placeholder="请插入表单字段或输入文本"
+          class="w-600px!"
+        />
+      </div>
+    </el-form-item>
   </el-form>
 </template>
 
 <script setup lang="ts">
 import dayjs from 'dayjs'
 import { BpmAutoApproveType } from '@/utils/constants'
+import * as FormApi from '@/api/bpm/form'
+import { parseFormFields } from '@/components/FormCreate/src/utils/index'
+import { ProcessVariableEnum } from "@/components/SimpleProcessDesignerV2/src/consts";
 
 const modelData = defineModel<any>()
 
@@ -137,6 +173,29 @@ const numberExample = computed(() => {
   }
 })
 
+const formField = ref([])
+const formFieldOptions  = computed(() => {
+  // 固定添加发起人 ID 字段
+  formField.value.unshift({
+    field: ProcessVariableEnum.PROCESS_DEFINITION_NAME,
+    title: '流程名称',
+  })
+  formField.value.unshift({
+    field: ProcessVariableEnum.START_TIME,
+    title: '发起时间',
+  })
+  formField.value.unshift({
+    field: ProcessVariableEnum.START_USER_ID,
+    title: '发起人',
+  })
+  return formField.value.map((item) => {
+    return {
+      label: item.title,
+      value: item.field
+    }
+  })
+})
+
 /** 兼容以前未配置更多设置的流程 */
 const initData = () => {
   if (!modelData.value.processIdRule) {
@@ -151,6 +210,32 @@ const initData = () => {
   if (!modelData.value.autoApprovalType) {
     modelData.value.autoApprovalType = BpmAutoApproveType.NONE
   }
+  if (!modelData.value.customTitleSetting) {
+    modelData.value.customTitleSetting = {
+      enable: false,
+      title: ''
+    }
+  }
 }
 defineExpose({ initData })
+
+// 监听表单ID变化，加载表单数据
+watch(
+  () => modelData.value.formId,
+  async (newFormId) => {
+    if (newFormId && modelData.value.formType === 10) {
+      const data = await FormApi.getForm(newFormId)
+      const result: Array<Record<string, any>> = []
+      if (data.fields) {
+        data.fields.forEach((fieldStr: string) => {
+          parseFormFields(JSON.parse(fieldStr), result)
+        })
+      }
+      formField.value = result
+    } else {
+      formField.value = []
+    }
+  },
+  { immediate: true }
+)
 </script>
diff --git a/src/views/bpm/model/form/index.vue b/src/views/bpm/model/form/index.vue
index 84e74d890..2f90b3c0f 100644
--- a/src/views/bpm/model/form/index.vue
+++ b/src/views/bpm/model/form/index.vue
@@ -154,7 +154,11 @@ const formData: any = ref({
     postfix: '',
     length: 5
   },
-  autoApprovalType: BpmAutoApproveType.NONE
+  autoApprovalType: BpmAutoApproveType.NONE,
+  customTitleSetting: {
+    enable: false,
+    title: ''
+  }
 })
 
 //流程数据
-- 
Gitee