From 5efdd937898d2377c7343bd7dcffb62931e9b592 Mon Sep 17 00:00:00 2001
From: Lesan <1960681385@qq.com>
Date: Mon, 20 Jan 2025 11:02:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20BPM-=E6=9B=B4=E5=A4=9A=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE-=E6=B5=81=E7=A8=8B=E7=BC=96=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bpm/model/form/ExtraSettings.vue | 124 ++++++++++++++++++++-
 src/views/bpm/model/form/index.vue         |  14 ++-
 2 files changed, 133 insertions(+), 5 deletions(-)

diff --git a/src/views/bpm/model/form/ExtraSettings.vue b/src/views/bpm/model/form/ExtraSettings.vue
index af32516f6..7c03b439c 100644
--- a/src/views/bpm/model/form/ExtraSettings.vue
+++ b/src/views/bpm/model/form/ExtraSettings.vue
@@ -4,14 +4,132 @@
       <template #label>
         <el-text size="large" tag="b">提交人权限</el-text>
       </template>
-      <el-checkbox v-model="modelData.allowCancelRunningProcess" label="允许撤销审批中的申请" />
-      <div class="ml-22px">
-        <el-text type="info"> 第一个审批节点通过后，提交人仍可撤销申请 </el-text>
+      <div class="flex flex-col">
+        <el-checkbox v-model="modelData.allowCancelRunningProcess" label="允许撤销审批中的申请" />
+        <div class="ml-22px">
+          <el-text type="info"> 第一个审批节点通过后，提交人仍可撤销申请 </el-text>
+        </div>
+      </div>
+    </el-form-item>
+    <el-form-item v-if="modelData.processIdRule" class="mb-20px">
+      <template #label>
+        <el-text size="large" tag="b">流程编码</el-text>
+      </template>
+      <div class="flex flex-col">
+        <div>
+          <el-input
+            v-model="modelData.processIdRule.prefix"
+            class="w-130px!"
+            placeholder="前缀"
+            :disabled="!modelData.processIdRule.enable"
+          >
+            <template #prepend>
+              <el-checkbox v-model="modelData.processIdRule.enable" />
+            </template>
+          </el-input>
+          <el-select
+            v-model="modelData.processIdRule.infix"
+            class="w-130px! ml-5px"
+            placeholder="中缀"
+            :disabled="!modelData.processIdRule.enable"
+          >
+            <el-option
+              v-for="item in timeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+          <el-input
+            v-model="modelData.processIdRule.postfix"
+            class="w-80px! ml-5px"
+            placeholder="后缀"
+            :disabled="!modelData.processIdRule.enable"
+          />
+          <el-input-number
+            v-model="modelData.processIdRule.length"
+            class="w-120px! ml-5px"
+            :min="5"
+            :disabled="!modelData.processIdRule.enable"
+          />
+        </div>
+        <div class="ml-22px" v-if="modelData.processIdRule.enable">
+          <el-text type="info"> 编码示例：{{ numberExample }} </el-text>
+        </div>
       </div>
     </el-form-item>
   </el-form>
 </template>
 
 <script setup lang="ts">
+import dayjs from 'dayjs'
+
 const modelData = defineModel<any>()
+
+const timeOptions = ref([
+  {
+    value: 'NULL',
+    label: '无'
+  },
+  {
+    value: 'DAY',
+    label: '精确到日'
+  },
+  {
+    value: 'HOUR',
+    label: '精确到时'
+  },
+  {
+    value: 'MINUTE',
+    label: '精确到分'
+  },
+  {
+    value: 'SECOND',
+    label: '精确到秒'
+  }
+])
+
+const numberExample = computed(() => {
+  if (modelData.value.processIdRule.enable) {
+    let infix = ''
+    switch (modelData.value.processIdRule.infix) {
+      case 'DAY':
+        infix = dayjs().format('YYYYMMDD')
+        break
+      case 'HOUR':
+        infix = dayjs().format('YYYYMMDDHH')
+        break
+      case 'MINUTE':
+        infix = dayjs().format('YYYYMMDDHHmm')
+        break
+      case 'SECOND':
+        infix = dayjs().format('YYYYMMDDHHmmss')
+        break
+      default:
+        break
+    }
+    return (
+      modelData.value.processIdRule.prefix +
+      infix +
+      modelData.value.processIdRule.postfix +
+      '1'.padStart(modelData.value.processIdRule.length - 1, '0')
+    )
+  } else {
+    return ''
+  }
+})
+
+// 兼容以前未配置更多设置的流程
+const initData = () => {
+  if (!modelData.value.processIdRule) {
+    modelData.value.processIdRule = {
+      enable: false,
+      prefix: '',
+      infix: '',
+      postfix: '',
+      length: 5
+    }
+  }
+}
+defineExpose({ initData })
 </script>
diff --git a/src/views/bpm/model/form/index.vue b/src/views/bpm/model/form/index.vue
index d9d399e50..7c401c1a1 100644
--- a/src/views/bpm/model/form/index.vue
+++ b/src/views/bpm/model/form/index.vue
@@ -70,7 +70,7 @@
         <ProcessDesign v-if="currentStep === 2" v-model="formData" ref="processDesignRef" />
 
         <!-- 第四步：更多设置 -->
-        <div v-if="currentStep === 3" class="mx-auto w-700px">
+        <div v-show="currentStep === 3" class="mx-auto w-700px">
           <ExtraSettings v-model="formData" ref="extraSettingsRef" />
         </div>
       </div>
@@ -103,6 +103,7 @@ const userStore = useUserStoreWithOut()
 const basicInfoRef = ref()
 const formDesignRef = ref()
 const processDesignRef = ref()
+const extraSettingsRef = ref()
 
 /** 步骤校验函数 */
 const validateBasic = async () => {
@@ -145,7 +146,14 @@ const formData: any = ref({
   startUserType: undefined,
   startUserIds: [],
   managerUserIds: [],
-  allowCancelRunningProcess: true
+  allowCancelRunningProcess: true,
+  processIdRule: {
+    enable: false,
+    prefix: '',
+    infix: '',
+    postfix: '',
+    length: 5
+  }
 })
 
 //流程数据
@@ -187,6 +195,8 @@ const initData = async () => {
 
   // 最终，设置 currentStep 切换到第一步
   currentStep.value = 0
+
+  extraSettingsRef.value.initData()
 }
 
 /** 根据类型切换流程数据 */
-- 
Gitee