From 6d6e3204f92d763e5df11d26702f6642a993e49e Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期四, 21 五月 2026 10:21:40 +0800
Subject: [PATCH] 增强审批模板功能，新增内置模板类型支持，优化模板编辑和导入逻辑，确保内置模板不可编辑和删除，提升用户体验和代码可维护性。
---
src/views/officeProcessAutomation/ApproveManage/approve-template/useApproveTemplate.js | 105 ++++++++++++++++++++++++++++------------------------
1 files changed, 57 insertions(+), 48 deletions(-)
diff --git a/src/views/officeProcessAutomation/ApproveManage/approve-template/useApproveTemplate.js b/src/views/officeProcessAutomation/ApproveManage/approve-template/useApproveTemplate.js
index 8489e13..61aa6c0 100644
--- a/src/views/officeProcessAutomation/ApproveManage/approve-template/useApproveTemplate.js
+++ b/src/views/officeProcessAutomation/ApproveManage/approve-template/useApproveTemplate.js
@@ -2,48 +2,50 @@
addApprovalTemplate,
deleteApprovalTemplate,
getApprovalTemplateDetail,
- listApprovalTemplate,
listApprovalTemplatePage,
TEMPLATE_TYPE_BUILTIN,
- TEMPLATE_TYPE_CUSTOM,
- TEMPLATE_TYPE_OPTIONS,
updateApprovalTemplate,
} from "@/api/officeProcessAutomation/approvalTemplate.js";
import { Search } from "@element-plus/icons-vue";
import { ElMessage, ElMessageBox } from "element-plus";
-import { reactive, ref } from "vue";
+import { computed, reactive, ref } from "vue";
import {
buildApprovalTemplateListParams,
createEmptyTemplateForm,
+ fetchBusinessTypeOptions,
flowNodesSummary,
- mapBuiltinCardFromApi,
+ isBuiltinTemplate,
mapTemplateFromApi,
mapTemplateToApi,
nodeSignModeLabel,
- templateTypeLabel,
- unwrapTemplateList,
formatDisplayTime,
unwrapTemplateDetail,
validateTemplateForm,
} from "./approveTemplateConstants.js";
import { parseFormConfigToData } from "./formConfigUtils.js";
-const LEGACY_STORAGE_KEY = "oa_approve_template_custom_v1";
+const FALLBACK_TEMPLATE_TYPE_OPTIONS = [
+ { value: 0, label: "绯荤粺鍐呯疆" },
+ { value: 1, label: "鑷畾涔�" },
+];
-function clearLegacyStorage() {
- try {
- localStorage.removeItem(LEGACY_STORAGE_KEY);
- } catch {
- /* ignore */
- }
+function matchTemplateTypeValue(options, type) {
+ if (type == null || type === "") return false;
+ return options.some(
+ (x) => x.value === type || x.value === Number(type) || String(x.value) === String(type)
+ );
}
export function useApproveTemplate() {
- clearLegacyStorage();
+ const templateTypeOptions = ref([...FALLBACK_TEMPLATE_TYPE_OPTIONS]);
- const activeTab = ref("custom");
- const builtinTemplates = ref([]);
- const builtinLoading = ref(false);
+ function templateTypeLabel(type) {
+ if (type == null || type === "") return "鈥�";
+ const hit = templateTypeOptions.value.find(
+ (x) => x.value === type || x.value === Number(type) || String(x.value) === String(type)
+ );
+ return hit?.label || "鈥�";
+ }
const searchForm = reactive({
keyword: "",
@@ -58,20 +60,36 @@
const form = reactive(createEmptyTemplateForm());
const formRef = ref();
+ const isEditingBuiltin = computed(
+ () => formDialog.mode === "edit" && Number(form.templateType) === TEMPLATE_TYPE_BUILTIN
+ );
+
+ async function loadTemplateTypeOptions() {
+ try {
+ const list = await fetchBusinessTypeOptions();
+ templateTypeOptions.value = list.length ? list : [...FALLBACK_TEMPLATE_TYPE_OPTIONS];
+ } catch {
+ templateTypeOptions.value = [...FALLBACK_TEMPLATE_TYPE_OPTIONS];
+ }
+ if (!matchTemplateTypeValue(templateTypeOptions.value, form.businessType)) {
+ form.businessType = templateTypeOptions.value[0]?.value ?? "";
+ }
+ }
+
const detailDialog = reactive({ visible: false });
const detailRow = ref({});
const detailLoading = ref(false);
const formRules = {
templateName: [{ required: true, message: "璇疯緭鍏ユā鏉垮悕绉�", trigger: "blur" }],
- templateType: [{ required: true, message: "璇烽�夋嫨妯℃澘绫诲瀷", trigger: "change" }],
+ businessType: [{ required: true, message: "璇烽�夋嫨妯℃澘绫诲瀷", trigger: "change" }],
};
const tableColumn = ref([
{ label: "妯℃澘鍚嶇О", prop: "templateName", minWidth: 140 },
{
label: "妯℃澘绫诲瀷",
- prop: "templateType",
+ prop: "businessType",
width: 100,
align: "center",
formatData: (v) => templateTypeLabel(v),
@@ -127,24 +145,12 @@
name: "鍒犻櫎",
type: "danger",
link: true,
+ disabled: (row) => isBuiltinTemplate(row),
clickFun: (row) => removeTemplate(row),
},
],
},
]);
-
- async function loadBuiltinTemplates() {
- builtinLoading.value = true;
- try {
- const res = await listApprovalTemplate(TEMPLATE_TYPE_BUILTIN);
- builtinTemplates.value = unwrapTemplateList(res).map(mapBuiltinCardFromApi);
- } catch {
- builtinTemplates.value = [];
- ElMessage.warning("绯荤粺甯哥敤瀹℃壒鍔犺浇澶辫触");
- } finally {
- builtinLoading.value = false;
- }
- }
async function fetchTemplateList() {
tableLoading.value = true;
@@ -186,18 +192,25 @@
Object.assign(form, base);
return;
}
+ const formConfigData = JSON.parse(
+ JSON.stringify(row.formConfigData || parseFormConfigToData(row.formConfig))
+ );
+ const builtin = isBuiltinTemplate(row);
Object.assign(form, {
...base,
id: row.id,
templateName: row.templateName || "",
description: row.description || "",
- templateType: row.templateType ?? TEMPLATE_TYPE_CUSTOM,
+ templateType: row.templateType != null ? Number(row.templateType) : base.templateType,
+ businessType: row.businessType ?? "",
formConfig: row.formConfig || "",
- formConfigData: JSON.parse(
- JSON.stringify(row.formConfigData || parseFormConfigToData(row.formConfig))
- ),
+ formConfigData,
+ lockedFormFieldUids: builtin
+ ? (formConfigData.fields || []).map((f) => f._uid).filter(Boolean)
+ : [],
enabled: row.enabled !== false,
flowNodes: JSON.parse(JSON.stringify(row.flowNodes || [base.flowNodes[0]])),
+ storageBlobDTOs: JSON.parse(JSON.stringify(row.storageBlobDTOs || [])),
});
}
@@ -253,13 +266,14 @@
formDialog.visible = false;
page.current = 1;
await fetchTemplateList();
- if (dto.templateType === TEMPLATE_TYPE_BUILTIN) {
- await loadBuiltinTemplates();
- }
return { ok: true };
}
async function removeTemplate(row) {
+ if (isBuiltinTemplate(row)) {
+ ElMessage.warning("绯荤粺鍐呯疆妯℃澘涓嶅厑璁稿垹闄�");
+ return;
+ }
if (row?.id == null || row.id === "") {
ElMessage.warning("鏃犳硶鍒犻櫎锛氱己灏戞ā鏉� ID");
return;
@@ -284,9 +298,6 @@
await deleteApprovalTemplate([row.id]);
ElMessage.success("鍒犻櫎鎴愬姛");
await fetchTemplateList();
- if (row.templateType === TEMPLATE_TYPE_BUILTIN) {
- await loadBuiltinTemplates();
- }
} catch {
/* 閿欒鐢辨嫤鎴櫒鎻愮ず */
}
@@ -294,12 +305,9 @@
return {
Search,
- TEMPLATE_TYPE_OPTIONS,
+ templateTypeOptions,
+ loadTemplateTypeOptions,
templateTypeLabel,
- activeTab,
- builtinTemplates,
- builtinLoading,
- loadBuiltinTemplates,
fetchTemplateList,
nodeSignModeLabel,
flowNodesSummary,
@@ -312,6 +320,7 @@
form,
formRef,
formRules,
+ isEditingBuiltin,
detailDialog,
detailRow,
detailLoading,
--
Gitblit v1.9.3