diff --git a/vue2/apps/web-antd/src/views/traceability/admin.vue b/vue2/apps/web-antd/src/views/traceability/admin.vue
index c96c36c..35decd3 100644
--- a/vue2/apps/web-antd/src/views/traceability/admin.vue
+++ b/vue2/apps/web-antd/src/views/traceability/admin.vue
@@ -125,10 +125,13 @@ const createTemplateForm = reactive<{
 });
 
 const currentNode = computed(() => editor.nodes?.[nodeIndex.value] ?? null);
-const currentTemplateField = computed(() =>
-  currentNode.value?.fields.find((field) => field.key === selectedTemplateFieldKey.value) ??
-  currentNode.value?.fields[0] ??
-  null,
+const currentTemplateField = computed(
+  () =>
+    currentNode.value?.fields.find(
+      (field) => field.key === selectedTemplateFieldKey.value,
+    ) ??
+    currentNode.value?.fields[0] ??
+    null,
 );
 const publicNodes = computed(() =>
   (editor.nodes ?? []).filter((item) => item.category === 'public'),
@@ -144,12 +147,17 @@ const isTemplatePublished = computed(
 );
 const isTemplateDraft = computed(() => !isTemplatePublished.value);
 const currentLibraryNode = computed(() =>
-  nodeLibrary.value.find((item) => item.libraryId === selectedLibraryNodeId.value),
+  nodeLibrary.value.find(
+    (item) => item.libraryId === selectedLibraryNodeId.value,
+  ),
 );
-const currentLibraryField = computed(() =>
-  currentLibraryNode.value?.fields.find((field) => field.key === selectedLibraryFieldKey.value) ??
-  currentLibraryNode.value?.fields[0] ??
-  null,
+const currentLibraryField = computed(
+  () =>
+    currentLibraryNode.value?.fields.find(
+      (field) => field.key === selectedLibraryFieldKey.value,
+    ) ??
+    currentLibraryNode.value?.fields[0] ??
+    null,
 );
 const businessLibraryNodes = computed(() =>
   nodeLibrary.value.filter((item) => item.category === 'business'),
@@ -164,10 +172,13 @@ function syncSelectedTemplateField() {
 }
 
 function syncSelectedLibraryField() {
-  selectedLibraryFieldKey.value = currentLibraryNode.value?.fields[0]?.key || '';
+  selectedLibraryFieldKey.value =
+    currentLibraryNode.value?.fields[0]?.key || '';
 }
 
-function toEditableLibraryNode(item: TraceabilityApi.NodeLibraryItem): EditableTemplateNode {
+function toEditableLibraryNode(
+  item: TraceabilityApi.NodeLibraryItem,
+): EditableTemplateNode {
   return {
     category: item.category,
     consumerVisible: item.consumerVisible,
@@ -199,7 +210,7 @@ function buildLibraryPayload(node: EditableTemplateNode) {
       defaultValue:
         field.type === 'image'
           ? stripOssTempUrl(field.defaultValue ?? '')
-          : field.defaultValue ?? '',
+          : (field.defaultValue ?? ''),
       fieldStyle: {
         bold: field.fieldStyle?.bold ?? false,
         color: field.fieldStyle?.color ?? '',
@@ -261,7 +272,9 @@ function applyEditor(detail: TraceabilityApi.TemplateDetail) {
 
 const hasTemplateChanges = computed(() => {
   if (!selectedTemplateId.value) return false;
-  return templateSnapshot.value !== JSON.stringify(cloneTemplateForSave(editor));
+  return (
+    templateSnapshot.value !== JSON.stringify(cloneTemplateForSave(editor))
+  );
 });
 
 function openTemplateLeaveDialog(nextId: string) {
@@ -354,7 +367,9 @@ async function deleteHistoryCover(item: TraceabilityApi.FileAssetItem) {
       deletingCoverAssetId.value = item.id;
       try {
         await deleteTraceabilityFileAsset(item.id);
-        coverHistoryItems.value = coverHistoryItems.value.filter((asset) => asset.id !== item.id);
+        coverHistoryItems.value = coverHistoryItems.value.filter(
+          (asset) => asset.id !== item.id,
+        );
         message.success('历史封面图已删除');
       } catch (error: any) {
         message.error(error?.message || '删除失败');
@@ -457,7 +472,9 @@ async function createLibraryNode(category: 'business' | 'public') {
 function selectLibraryTab(category: 'business' | 'public') {
   libraryTab.value = category;
   const target =
-    category === 'business' ? businessLibraryNodes.value[0] : publicLibraryNodes.value[0];
+    category === 'business'
+      ? businessLibraryNodes.value[0]
+      : publicLibraryNodes.value[0];
   selectedLibraryNodeId.value = target?.libraryId || '';
   syncSelectedLibraryField();
 }
@@ -475,7 +492,10 @@ function addPlainNode(category: 'business' | 'public') {
   syncSelectedTemplateField();
 }
 
-function addNodeFromLibrary(category: 'business' | 'public', libraryId?: string) {
+function addNodeFromLibrary(
+  category: 'business' | 'public',
+  libraryId?: string,
+) {
   if (isTemplatePublished.value) return;
   const source = nodeLibrary.value.find(
     (item) => item.libraryId === libraryId && item.category === category,
@@ -550,7 +570,9 @@ function moveTemplateNode(
     node.category === category ? movedNodes[cursor++] : node,
   );
 
-  const nextIndex = (editor.nodes ?? []).findIndex((node) => node.id === draggedId);
+  const nextIndex = (editor.nodes ?? []).findIndex(
+    (node) => node.id === draggedId,
+  );
   if (nextIndex !== -1) {
     nodeIndex.value = nextIndex;
   }
@@ -566,11 +588,7 @@ function handleTemplateNodeDrop(
   targetNodeId?: string,
 ) {
   if (isTemplatePublished.value) return;
-  moveTemplateNode(
-    category,
-    draggingTemplateNodeId.value,
-    targetNodeId || '',
-  );
+  moveTemplateNode(category, draggingTemplateNodeId.value, targetNodeId || '');
   draggingTemplateNodeId.value = '';
 }
 
@@ -591,22 +609,34 @@ function addField(target: EditableTemplateNode | null | undefined) {
   }
 }
 
-function removeField(target: EditableTemplateNode | null | undefined, index: number) {
+function removeField(
+  target: EditableTemplateNode | null | undefined,
+  index: number,
+) {
   if (target?.locked) return;
   const removed = target?.fields[index];
   target?.fields.splice(index, 1);
   target?.fields.forEach((field, fieldIndex) => {
     field.sort = fieldIndex;
   });
-  if (target === currentNode.value && removed?.key === selectedTemplateFieldKey.value) {
+  if (
+    target === currentNode.value &&
+    removed?.key === selectedTemplateFieldKey.value
+  ) {
     selectedTemplateFieldKey.value = target?.fields[0]?.key || '';
   }
-  if (target === currentLibraryNode.value && removed?.key === selectedLibraryFieldKey.value) {
+  if (
+    target === currentLibraryNode.value &&
+    removed?.key === selectedLibraryFieldKey.value
+  ) {
     selectedLibraryFieldKey.value = target?.fields[0]?.key || '';
   }
 }
 
-function confirmRemoveField(target: EditableTemplateNode | null | undefined, index: number) {
+function confirmRemoveField(
+  target: EditableTemplateNode | null | undefined,
+  index: number,
+) {
   const field = target?.fields[index];
   if (!target || target.locked || !field) return;
   Modal.confirm({
@@ -645,7 +675,11 @@ function handleTemplateFieldDragStart(fieldKey?: string) {
 
 function handleTemplateFieldDrop(targetFieldKey?: string) {
   if (isTemplatePublished.value || currentNodeLocked.value) return;
-  moveField(currentNode.value, draggingTemplateFieldKey.value, targetFieldKey || '');
+  moveField(
+    currentNode.value,
+    draggingTemplateFieldKey.value,
+    targetFieldKey || '',
+  );
   draggingTemplateFieldKey.value = '';
 }
 
@@ -658,7 +692,11 @@ function handleLibraryFieldDragStart(fieldKey?: string) {
 }
 
 function handleLibraryFieldDrop(targetFieldKey?: string) {
-  moveField(currentLibraryNode.value, draggingLibraryFieldKey.value, targetFieldKey || '');
+  moveField(
+    currentLibraryNode.value,
+    draggingLibraryFieldKey.value,
+    targetFieldKey || '',
+  );
   draggingLibraryFieldKey.value = '';
 }
 
@@ -666,15 +704,24 @@ function clearLibraryFieldDragState() {
   draggingLibraryFieldKey.value = '';
 }
 
-function getFieldUploadKey(scope: string, field: TraceabilityApi.FieldDefinition) {
+function getFieldUploadKey(
+  scope: string,
+  field: TraceabilityApi.FieldDefinition,
+) {
   return `${scope}:${field.key}`;
 }
 
-function getFieldInputId(scope: string, field: TraceabilityApi.FieldDefinition) {
+function getFieldInputId(
+  scope: string,
+  field: TraceabilityApi.FieldDefinition,
+) {
   return `traceability-admin-upload-${getFieldUploadKey(scope, field)}`;
 }
 
-function triggerFieldImageSelect(scope: string, field: TraceabilityApi.FieldDefinition) {
+function triggerFieldImageSelect(
+  scope: string,
+  field: TraceabilityApi.FieldDefinition,
+) {
   const input = document.getElementById(getFieldInputId(scope, field));
   input?.click();
 }
@@ -693,7 +740,10 @@ async function handleFieldImageUpload(
   try {
     const formData = new FormData();
     formData.append('file', file);
-    formData.append('objectDir', `traceability/node-library/${scope}/${field.key}`);
+    formData.append(
+      'objectDir',
+      `traceability/node-library/${scope}/${field.key}`,
+    );
     const result = await uploadTraceabilityImage(formData);
     field.defaultValue = buildOssStoredValue(result);
     field.defaultPreviewUrl = result.tempUrl || '';
@@ -721,11 +771,17 @@ function getFieldStyleConfig(field: TraceabilityApi.FieldDefinition) {
   return field.fieldStyle;
 }
 
-function updateFieldStyleBold(field: TraceabilityApi.FieldDefinition, checked: boolean) {
+function updateFieldStyleBold(
+  field: TraceabilityApi.FieldDefinition,
+  checked: boolean,
+) {
   getFieldStyleConfig(field).bold = checked;
 }
 
-function updateFieldStyleColor(field: TraceabilityApi.FieldDefinition, color: string) {
+function updateFieldStyleColor(
+  field: TraceabilityApi.FieldDefinition,
+  color: string,
+) {
   getFieldStyleConfig(field).color = color || '';
 }
 
@@ -751,12 +807,12 @@ function getPresetValue(field: TraceabilityApi.FieldDefinition) {
   if (field.type === 'multi_select') {
     return Array.isArray(field.defaultValue)
       ? field.defaultValue
-      : (field.defaultValue
+      : field.defaultValue
         ? String(field.defaultValue)
             .split(',')
             .map((item) => item.trim())
             .filter(Boolean)
-        : []);
+        : [];
   }
   return field.defaultValue;
 }
@@ -790,7 +846,9 @@ function updatePresetValue(field: TraceabilityApi.FieldDefinition, value: any) {
 function sanitizeIntegerPreset(value: string) {
   const cleaned = value.replaceAll(/[^\d-]/g, '');
   const hasLeadingMinus = cleaned.startsWith('-');
-  const unsigned = hasLeadingMinus ? cleaned.slice(1).replaceAll('-', '') : cleaned.replaceAll('-', '');
+  const unsigned = hasLeadingMinus
+    ? cleaned.slice(1).replaceAll('-', '')
+    : cleaned.replaceAll('-', '');
   return hasLeadingMinus ? `-${unsigned}` : unsigned;
 }
 
@@ -802,7 +860,9 @@ function sanitizeDecimalPreset(value: string) {
       ? cleaned
       : `${cleaned.slice(0, firstDot + 1)}${cleaned.slice(firstDot + 1).replaceAll('.', '')}`;
   const hasLeadingMinus = normalizedDot.startsWith('-');
-  const unsigned = hasLeadingMinus ? normalizedDot.slice(1).replaceAll('-', '') : normalizedDot;
+  const unsigned = hasLeadingMinus
+    ? normalizedDot.slice(1).replaceAll('-', '')
+    : normalizedDot;
   return hasLeadingMinus ? `-${unsigned}` : unsigned.replaceAll('-', '');
 }
 
@@ -833,14 +893,16 @@ async function removeLibraryNode() {
     title: '删除节点库节点',
     content: `确认删除节点库节点“${currentName}”吗？`,
     async onOk() {
-  if (currentLibraryNode.value?.persisted) {
-    await deleteTraceabilityNodeLibrary(currentId);
-    await loadNodeLibrary();
-  } else {
-    nodeLibrary.value = nodeLibrary.value.filter((item) => item.libraryId !== currentId);
-  }
-  selectedLibraryNodeId.value = nodeLibrary.value[0]?.libraryId || '';
-  message.success('节点库节点已删除');
+      if (currentLibraryNode.value?.persisted) {
+        await deleteTraceabilityNodeLibrary(currentId);
+        await loadNodeLibrary();
+      } else {
+        nodeLibrary.value = nodeLibrary.value.filter(
+          (item) => item.libraryId !== currentId,
+        );
+      }
+      selectedLibraryNodeId.value = nodeLibrary.value[0]?.libraryId || '';
+      message.success('节点库节点已删除');
     },
   });
 }
@@ -943,11 +1005,15 @@ onMounted(async () => {
 <template>
   <div class="trace-admin-page">
     <div class="trace-admin">
-        <Tabs v-model:active-key="activeTab">
+      <Tabs v-model:active-key="activeTab">
         <Tabs.TabPane key="templates" tab="模板中心">
           <Row :gutter="[16, 16]" align="stretch">
             <Col :lg="7" :xs="24">
-              <Card :loading="loading" class="panel-card editor-panel" title="模板列表">
+              <Card
+                :loading="loading"
+                class="panel-card editor-panel"
+                title="模板列表"
+              >
                 <template #extra>
                   <Button type="primary" @click="openCreateTemplateModal">
                     <Plus class="size-5" />
@@ -964,7 +1030,9 @@ onMounted(async () => {
                   >
                     <div class="template-card__top">
                       <strong>{{ item.name }}</strong>
-                      <Tag :color="item.status === 'active' ? 'blue' : 'default'">
+                      <Tag
+                        :color="item.status === 'active' ? 'blue' : 'default'"
+                      >
                         {{ item.status === 'active' ? '已发布' : '草稿' }}
                       </Tag>
                     </div>
@@ -979,8 +1047,19 @@ onMounted(async () => {
                     <div class="template-card__footer">
                       <span>{{ item.productName || '未设置产品名称' }}</span>
                       <div class="template-card__actions">
-                        <Button size="small" @click.stop="copyTemplate(item.id)">复制模板</Button>
-                        <Button danger size="small" @click.stop="removeTemplate(item.id)">删除模板</Button>
+                        <Button
+                          size="small"
+                          @click.stop="copyTemplate(item.id)"
+                        >
+                          复制模板
+                        </Button>
+                        <Button
+                          danger
+                          size="small"
+                          @click.stop="removeTemplate(item.id)"
+                        >
+                          删除模板
+                        </Button>
                       </div>
                     </div>
                   </button>
@@ -1018,19 +1097,32 @@ onMounted(async () => {
                   <Row :gutter="[12, 12]">
                     <Col :md="12" :xs="24">
                       <label class="field-label">模板名称</label>
-                      <Input v-model:value="editor.name" :disabled="!isTemplateDraft" />
+                      <Input
+                        v-model:value="editor.name"
+                        :disabled="!isTemplateDraft"
+                      />
                     </Col>
                     <Col :md="12" :xs="24">
                       <label class="field-label">产品名称</label>
-                      <Input v-model:value="editor.productName" :disabled="!isTemplateDraft" />
+                      <Input
+                        v-model:value="editor.productName"
+                        :disabled="!isTemplateDraft"
+                      />
                     </Col>
                     <Col :md="12" :xs="24">
                       <label class="field-label">行业名称</label>
-                      <Input v-model:value="editor.industryName" :disabled="!isTemplateDraft" />
+                      <Input
+                        v-model:value="editor.industryName"
+                        :disabled="!isTemplateDraft"
+                      />
                     </Col>
                     <Col :md="12" :xs="24">
                       <label class="field-label">模板备注</label>
-                      <Input v-model:value="editor.remark" :disabled="!isTemplateDraft" placeholder="仅内部可见" />
+                      <Input
+                        v-model:value="editor.remark"
+                        :disabled="!isTemplateDraft"
+                        placeholder="仅内部可见"
+                      />
                     </Col>
                     <Col :span="24">
                       <label class="field-label">模板说明</label>
@@ -1044,15 +1136,23 @@ onMounted(async () => {
                 </Card>
                 <Empty v-else description="点击左侧模板或新建模板开始配置" />
 
-                <Card class="panel-card editor-panel template-main__editor" title="节点编排">
+                <Card
+                  class="panel-card editor-panel template-main__editor"
+                  title="节点编排"
+                >
                   <template #extra>
                     <div class="editor-toolbar">
                       <Space wrap class="editor-toolbar__left">
                         <Dropdown>
-                          <Button :disabled="isTemplatePublished">新增业务节点</Button>
+                          <Button :disabled="isTemplatePublished">
+                            新增业务节点
+                          </Button>
                           <template #overlay>
                             <Menu>
-                              <Menu.Item key="business-temp" @click="addPlainNode('business')">
+                              <Menu.Item
+                                key="business-temp"
+                                @click="addPlainNode('business')"
+                              >
                                 临时节点
                               </Menu.Item>
                               <Menu.SubMenu key="business-library">
@@ -1060,11 +1160,20 @@ onMounted(async () => {
                                 <Menu.Item
                                   v-for="item in businessLibraryNodes"
                                   :key="`business-${item.libraryId}`"
-                                  @click="addNodeFromLibrary('business', item.libraryId)"
+                                  @click="
+                                    addNodeFromLibrary(
+                                      'business',
+                                      item.libraryId,
+                                    )
+                                  "
                                 >
                                   {{ item.name }}
                                 </Menu.Item>
-                                <Menu.Item v-if="businessLibraryNodes.length === 0" key="business-empty" disabled>
+                                <Menu.Item
+                                  v-if="businessLibraryNodes.length === 0"
+                                  key="business-empty"
+                                  disabled
+                                >
                                   暂无业务节点
                                 </Menu.Item>
                               </Menu.SubMenu>
@@ -1073,10 +1182,15 @@ onMounted(async () => {
                         </Dropdown>
 
                         <Dropdown>
-                          <Button :disabled="isTemplatePublished">新增公共资料节点</Button>
+                          <Button :disabled="isTemplatePublished">
+                            新增公共资料节点
+                          </Button>
                           <template #overlay>
                             <Menu>
-                              <Menu.Item key="public-temp" @click="addPlainNode('public')">
+                              <Menu.Item
+                                key="public-temp"
+                                @click="addPlainNode('public')"
+                              >
                                 临时节点
                               </Menu.Item>
                               <Menu.SubMenu key="public-library">
@@ -1084,11 +1198,17 @@ onMounted(async () => {
                                 <Menu.Item
                                   v-for="item in publicLibraryNodes"
                                   :key="`public-${item.libraryId}`"
-                                  @click="addNodeFromLibrary('public', item.libraryId)"
+                                  @click="
+                                    addNodeFromLibrary('public', item.libraryId)
+                                  "
                                 >
                                   {{ item.name }}
                                 </Menu.Item>
-                                <Menu.Item v-if="publicLibraryNodes.length === 0" key="public-empty" disabled>
+                                <Menu.Item
+                                  v-if="publicLibraryNodes.length === 0"
+                                  key="public-empty"
+                                  disabled
+                                >
                                   暂无公共资料节点
                                 </Menu.Item>
                               </Menu.SubMenu>
@@ -1096,7 +1216,7 @@ onMounted(async () => {
                           </template>
                         </Dropdown>
                       </Space>
-</div>
+                    </div>
                   </template>
 
                   <div class="node-lane">
@@ -1111,9 +1231,17 @@ onMounted(async () => {
                         type="button"
                         @dragstart="handleTemplateNodeDragStart(item.id)"
                         @dragover.prevent
-                        @drop.prevent="handleTemplateNodeDrop('public', item.id)"
+                        @drop.prevent="
+                          handleTemplateNodeDrop('public', item.id)
+                        "
                         @dragend="clearTemplateNodeDragState"
-                        @click="selectNode((editor.nodes ?? []).findIndex((node) => node.id === item.id))"
+                        @click="
+                          selectNode(
+                            (editor.nodes ?? []).findIndex(
+                              (node) => node.id === item.id,
+                            ),
+                          )
+                        "
                       >
                         <span>公共资料</span>
                         <strong>{{ item.name || '未命名节点' }}</strong>
@@ -1127,12 +1255,20 @@ onMounted(async () => {
                           danger
                           size="small"
                           type="text"
-                          @click.stop="confirmRemoveTemplateNode((editor.nodes ?? []).findIndex((node) => node.id === item.id))"
+                          @click.stop="
+                            confirmRemoveTemplateNode(
+                              (editor.nodes ?? []).findIndex(
+                                (node) => node.id === item.id,
+                              ),
+                            )
+                          "
                         >
                           删除节点
                         </Button>
                       </button>
-                      <div v-if="publicNodes.length === 0" class="lane-empty">还没有公共资料节点</div>
+                      <div v-if="publicNodes.length === 0" class="lane-empty">
+                        还没有公共资料节点
+                      </div>
                     </div>
                   </div>
 
@@ -1148,9 +1284,17 @@ onMounted(async () => {
                         type="button"
                         @dragstart="handleTemplateNodeDragStart(item.id)"
                         @dragover.prevent
-                        @drop.prevent="handleTemplateNodeDrop('business', item.id)"
+                        @drop.prevent="
+                          handleTemplateNodeDrop('business', item.id)
+                        "
                         @dragend="clearTemplateNodeDragState"
-                        @click="selectNode((editor.nodes ?? []).findIndex((node) => node.id === item.id))"
+                        @click="
+                          selectNode(
+                            (editor.nodes ?? []).findIndex(
+                              (node) => node.id === item.id,
+                            ),
+                          )
+                        "
                       >
                         <span>业务流程</span>
                         <strong>{{ item.name || '未命名节点' }}</strong>
@@ -1164,12 +1308,20 @@ onMounted(async () => {
                           danger
                           size="small"
                           type="text"
-                          @click.stop="confirmRemoveTemplateNode((editor.nodes ?? []).findIndex((node) => node.id === item.id))"
+                          @click.stop="
+                            confirmRemoveTemplateNode(
+                              (editor.nodes ?? []).findIndex(
+                                (node) => node.id === item.id,
+                              ),
+                            )
+                          "
                         >
                           删除节点
                         </Button>
                       </button>
-                      <div v-if="businessNodes.length === 0" class="lane-empty">还没有业务流程节点</div>
+                      <div v-if="businessNodes.length === 0" class="lane-empty">
+                        还没有业务流程节点
+                      </div>
                     </div>
                   </div>
 
@@ -1185,12 +1337,19 @@ onMounted(async () => {
                     <Row :gutter="[16, 16]">
                       <Col :md="12" :xs="24">
                         <label class="field-label">节点名称</label>
-                        <Input v-model:value="currentNode.name" :disabled="currentNodeLocked || isTemplatePublished" />
+                        <Input
+                          v-model:value="currentNode.name"
+                          :disabled="currentNodeLocked || isTemplatePublished"
+                        />
                       </Col>
                       <Col :md="12" :xs="24">
                         <label class="field-label">节点类型</label>
                         <div class="readonly-box">
-                          {{ currentNode.category === 'public' ? '公共资料节点' : '业务节点' }}
+                          {{
+                            currentNode.category === 'public'
+                              ? '公共资料节点'
+                              : '业务节点'
+                          }}
                         </div>
                       </Col>
                       <Col :md="18" :xs="24">
@@ -1227,8 +1386,12 @@ onMounted(async () => {
                           v-for="(field, fieldIndex) in currentNode.fields"
                           :key="`${field.key}-${fieldIndex}`"
                           class="field-pill"
-                          :class="{ active: field.key === currentTemplateField?.key }"
-                          :draggable="!isTemplatePublished && !currentNodeLocked"
+                          :class="{
+                            active: field.key === currentTemplateField?.key,
+                          }"
+                          :draggable="
+                            !isTemplatePublished && !currentNodeLocked
+                          "
                           type="button"
                           @dragstart="handleTemplateFieldDragStart(field.key)"
                           @dragover.prevent
@@ -1245,42 +1408,84 @@ onMounted(async () => {
                             size="small"
                             type="text"
                             :disabled="currentNodeLocked || isTemplatePublished"
-                            @click.stop="confirmRemoveField(currentNode, fieldIndex)"
+                            @click.stop="
+                              confirmRemoveField(currentNode, fieldIndex)
+                            "
                           >
                             删除字段
                           </Button>
                         </button>
-                        <div v-if="currentNode.fields.length === 0" class="lane-empty">还没有字段，请先新增字段</div>
+                        <div
+                          v-if="currentNode.fields.length === 0"
+                          class="lane-empty"
+                        >
+                          还没有字段，请先新增字段
+                        </div>
                       </div>
                       <div v-if="currentTemplateField" class="field-card">
                         <div class="field-card__header">
                           <div class="field-card__title">
-                            <strong>{{ currentTemplateField.label || '新字段' }}</strong>
-                            <span>{{ getFieldTypeLabel(currentTemplateField.type) }}</span>
+                            <strong>{{
+                              currentTemplateField.label || '新字段'
+                            }}</strong>
+                            <span>{{
+                              getFieldTypeLabel(currentTemplateField.type)
+                            }}</span>
                           </div>
                           <Button
                             class="field-delete-button"
                             danger
                             :disabled="currentNodeLocked || isTemplatePublished"
-                            @click="confirmRemoveField(currentNode, currentNode.fields.findIndex((item) => item.key === currentTemplateField.key))"
+                            @click="
+                              confirmRemoveField(
+                                currentNode,
+                                currentNode.fields.findIndex(
+                                  (item) =>
+                                    item.key === currentTemplateField.key,
+                                ),
+                              )
+                            "
                           >
                             删除字段
                           </Button>
                         </div>
-                        <Row :gutter="[12, 12]" class="field-row field-row--base">
+                        <Row
+                          :gutter="[12, 12]"
+                          class="field-row field-row--base"
+                        >
                           <Col :md="6" :xs="24">
                             <label class="field-label">字段 Key</label>
-                            <Input :value="currentTemplateField.key" :disabled="currentNodeLocked || isTemplatePublished" @update:value="(value) => updateSelectedFieldKey('template', currentTemplateField, String(value ?? ''))" />
+                            <Input
+                              :value="currentTemplateField.key"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
+                              @update:value="
+                                (value) =>
+                                  updateSelectedFieldKey(
+                                    'template',
+                                    currentTemplateField,
+                                    String(value ?? ''),
+                                  )
+                              "
+                            />
                           </Col>
                           <Col :md="6" :xs="24">
                             <label class="field-label">字段名称</label>
-                            <Input v-model:value="currentTemplateField.label" :disabled="currentNodeLocked || isTemplatePublished" />
+                            <Input
+                              v-model:value="currentTemplateField.label"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
+                            />
                           </Col>
                           <Col :md="6" :xs="24">
                             <label class="field-label">类型</label>
                             <Select
                               v-model:value="currentTemplateField.type"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                               :options="fieldTypeOptions"
                               style="width: 100%"
                             />
@@ -1289,7 +1494,9 @@ onMounted(async () => {
                             <label class="field-label">占位提示</label>
                             <Input
                               v-model:value="currentTemplateField.placeholder"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                             />
                           </Col>
                         </Row>
@@ -1298,50 +1505,83 @@ onMounted(async () => {
                             <span>必填</span>
                             <Switch
                               v-model:checked="currentTemplateField.required"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                             />
                           </div>
                           <div class="field-toggle-chip">
                             <span>消费者可见</span>
                             <Switch
                               v-model:checked="currentTemplateField.visible"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                             />
                           </div>
                           <div class="field-toggle-chip">
                             <span>固定预设值</span>
                             <Switch
                               v-model:checked="currentTemplateField.fixedPreset"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                             />
                           </div>
                           <div class="field-toggle-chip">
                             <span>文字加粗</span>
                             <Switch
-                              :checked="getFieldStyleConfig(currentTemplateField).bold"
-                              :disabled="currentNodeLocked || isTemplatePublished"
-                              @update:checked="(checked) => updateFieldStyleBold(currentTemplateField, checked)"
+                              :checked="
+                                getFieldStyleConfig(currentTemplateField).bold
+                              "
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
+                              @update:checked="
+                                (checked) =>
+                                  updateFieldStyleBold(
+                                    currentTemplateField,
+                                    checked,
+                                  )
+                              "
                             />
                           </div>
                         </div>
-                        <Row :gutter="[12, 12]" class="field-row field-row--content">
+                        <Row
+                          :gutter="[12, 12]"
+                          class="field-row field-row--content"
+                        >
                           <Col :md="14" :xs="24">
                             <label class="field-label">预设值</label>
-                            <template v-if="currentTemplateField.type === 'image'">
+                            <template
+                              v-if="currentTemplateField.type === 'image'"
+                            >
                               <div class="default-image-editor">
                                 <img
                                   v-if="currentTemplateField.defaultValue"
-                                  :src="getImagePreviewSrc(currentTemplateField.defaultValue, currentTemplateField.defaultPreviewUrl)"
+                                  :src="
+                                    getImagePreviewSrc(
+                                      currentTemplateField.defaultValue,
+                                      currentTemplateField.defaultPreviewUrl,
+                                    )
+                                  "
                                   alt="默认图片"
                                   class="default-image-preview"
                                 />
                                 <div class="default-image-actions">
                                   <input
-                                    :id="getFieldInputId(`template-${nodeIndex}-${currentTemplateField.key}`, currentTemplateField)"
+                                    :id="
+                                      getFieldInputId(
+                                        `template-${nodeIndex}-${currentTemplateField.key}`,
+                                        currentTemplateField,
+                                      )
+                                    "
                                     accept="image/*"
                                     class="upload-input"
                                     type="file"
-                                    :disabled="isFieldPresetLocked(currentTemplateField)"
+                                    :disabled="
+                                      isFieldPresetLocked(currentTemplateField)
+                                    "
                                     @change="
                                       (event) =>
                                         handleFieldImageUpload(
@@ -1352,22 +1592,40 @@ onMounted(async () => {
                                     "
                                   />
                                   <Button
-                                    :disabled="isFieldPresetLocked(currentTemplateField)"
+                                    :disabled="
+                                      isFieldPresetLocked(currentTemplateField)
+                                    "
                                     :loading="
                                       uploadingFieldKey ===
-                                        getFieldUploadKey(`template-${nodeIndex}-${currentTemplateField.key}`, currentTemplateField)
+                                      getFieldUploadKey(
+                                        `template-${nodeIndex}-${currentTemplateField.key}`,
+                                        currentTemplateField,
+                                      )
                                     "
                                     size="small"
                                     type="primary"
-                                    @click="triggerFieldImageSelect(`template-${nodeIndex}-${currentTemplateField.key}`, currentTemplateField)"
+                                    @click="
+                                      triggerFieldImageSelect(
+                                        `template-${nodeIndex}-${currentTemplateField.key}`,
+                                        currentTemplateField,
+                                      )
+                                    "
                                   >
-                                    {{ currentTemplateField.defaultValue ? '重新上传' : '上传默认图' }}
+                                    {{
+                                      currentTemplateField.defaultValue
+                                        ? '重新上传'
+                                        : '上传默认图'
+                                    }}
                                   </Button>
                                   <Button
                                     v-if="currentTemplateField.defaultValue"
-                                    :disabled="isFieldPresetLocked(currentTemplateField)"
+                                    :disabled="
+                                      isFieldPresetLocked(currentTemplateField)
+                                    "
                                     size="small"
-                                    @click="clearFieldImage(currentTemplateField)"
+                                    @click="
+                                      clearFieldImage(currentTemplateField)
+                                    "
                                   >
                                     移除
                                   </Button>
@@ -1376,95 +1634,195 @@ onMounted(async () => {
                             </template>
                             <Select
                               v-else-if="currentTemplateField.type === 'select'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :options="(currentTemplateField.options || []).map((item) => ({ label: item, value: item }))"
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :options="
+                                (currentTemplateField.options || []).map(
+                                  (item) => ({ label: item, value: item }),
+                                )
+                              "
                               :value="getPresetValue(currentTemplateField)"
                               style="width: 100%"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <Select
-                              v-else-if="currentTemplateField.type === 'multi_select'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :options="(currentTemplateField.options || []).map((item) => ({ label: item, value: item }))"
+                              v-else-if="
+                                currentTemplateField.type === 'multi_select'
+                              "
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :options="
+                                (currentTemplateField.options || []).map(
+                                  (item) => ({ label: item, value: item }),
+                                )
+                              "
                               :value="getPresetValue(currentTemplateField)"
                               mode="multiple"
                               style="width: 100%"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
-                            />
-                            <Input
-                              v-else-if="currentTemplateField.type === 'integer'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :placeholder="currentTemplateField.placeholder || '请输入整数'"
-                              :value="String(getPresetValue(currentTemplateField) ?? '')"
-                              style="width: 100%"
                               @update:value="
                                 (value) =>
-                                  updatePresetValue(currentTemplateField, sanitizeIntegerPreset(String(value ?? '')))
+                                  updatePresetValue(currentTemplateField, value)
                               "
                             />
                             <Input
-                              v-else-if="currentTemplateField.type === 'decimal'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :placeholder="currentTemplateField.placeholder || '请输入小数'"
-                              :value="String(getPresetValue(currentTemplateField) ?? '')"
+                              v-else-if="
+                                currentTemplateField.type === 'integer'
+                              "
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :placeholder="
+                                currentTemplateField.placeholder || '请输入整数'
+                              "
+                              :value="
+                                String(
+                                  getPresetValue(currentTemplateField) ?? '',
+                                )
+                              "
                               style="width: 100%"
                               @update:value="
                                 (value) =>
-                                  updatePresetValue(currentTemplateField, sanitizeDecimalPreset(String(value ?? '')))
+                                  updatePresetValue(
+                                    currentTemplateField,
+                                    sanitizeIntegerPreset(String(value ?? '')),
+                                  )
+                              "
+                            />
+                            <Input
+                              v-else-if="
+                                currentTemplateField.type === 'decimal'
+                              "
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :placeholder="
+                                currentTemplateField.placeholder || '请输入小数'
+                              "
+                              :value="
+                                String(
+                                  getPresetValue(currentTemplateField) ?? '',
+                                )
+                              "
+                              style="width: 100%"
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(
+                                    currentTemplateField,
+                                    sanitizeDecimalPreset(String(value ?? '')),
+                                  )
                               "
                             />
                             <DatePicker
                               v-else-if="currentTemplateField.type === 'date'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
                               :value="getPresetValue(currentTemplateField)"
                               style="width: 100%"
                               value-format="YYYY-MM-DD"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <DatePicker
-                              v-else-if="currentTemplateField.type === 'datetime'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
+                              v-else-if="
+                                currentTemplateField.type === 'datetime'
+                              "
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
                               :value="getPresetValue(currentTemplateField)"
                               format="YYYY-MM-DD HH:mm:ss"
                               show-time
                               style="width: 100%"
                               value-format="YYYY-MM-DD HH:mm:ss"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <CoordinateFieldEditor
-                              v-else-if="currentTemplateField.type === 'coordinate'"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :model-value="getPresetValue(currentTemplateField)"
-                              @update:model-value="(value) => updatePresetValue(currentTemplateField, value)"
+                              v-else-if="
+                                currentTemplateField.type === 'coordinate'
+                              "
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :model-value="
+                                getPresetValue(currentTemplateField)
+                              "
+                              @update:model-value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <Input.TextArea
                               v-else-if="currentTemplateField.type === 'json'"
                               :auto-size="{ minRows: 3, maxRows: 5 }"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :value="String(getPresetValue(currentTemplateField) || '')"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :value="
+                                String(
+                                  getPresetValue(currentTemplateField) || '',
+                                )
+                              "
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <Input.TextArea
                               v-else-if="currentTemplateField.type === 'string'"
                               :auto-size="{ minRows: 2, maxRows: 6 }"
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
-                              :placeholder="currentTemplateField.placeholder || '请输入字符串'"
-                              :value="String(getPresetValue(currentTemplateField) ?? '')"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
+                              :placeholder="
+                                currentTemplateField.placeholder ||
+                                '请输入字符串'
+                              "
+                              :value="
+                                String(
+                                  getPresetValue(currentTemplateField) ?? '',
+                                )
+                              "
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                             <Input
                               v-else
-                              :disabled="isFieldPresetLocked(currentTemplateField)"
+                              :disabled="
+                                isFieldPresetLocked(currentTemplateField)
+                              "
                               :value="getPresetValue(currentTemplateField)"
-                              @update:value="(value) => updatePresetValue(currentTemplateField, value)"
+                              @update:value="
+                                (value) =>
+                                  updatePresetValue(currentTemplateField, value)
+                              "
                             />
                           </Col>
                           <Col :md="10" :xs="24">
                             <label class="field-label">文字颜色</label>
-                            <div class="color-picker-line compact-color-line field-color-inline">
+                            <div
+                              class="color-picker-line compact-color-line field-color-inline"
+                            >
                               <input
-                                :disabled="currentNodeLocked || isTemplatePublished"
-                                :value="getFieldStyleConfig(currentTemplateField).color || '#1f2937'"
+                                :disabled="
+                                  currentNodeLocked || isTemplatePublished
+                                "
+                                :value="
+                                  getFieldStyleConfig(currentTemplateField)
+                                    .color || '#1f2937'
+                                "
                                 class="color-input"
                                 type="color"
                                 @input="
@@ -1475,20 +1833,36 @@ onMounted(async () => {
                                     )
                                 "
                               />
-                              <span>{{ getFieldStyleConfig(currentTemplateField).color || '#1f2937' }}</span>
+                              <span>{{
+                                getFieldStyleConfig(currentTemplateField)
+                                  .color || '#1f2937'
+                              }}</span>
                             </div>
                           </Col>
-                          <Col v-if="['select', 'multi_select'].includes(currentTemplateField.type)" :span="24">
+                          <Col
+                            v-if="
+                              ['select', 'multi_select'].includes(
+                                currentTemplateField.type,
+                              )
+                            "
+                            :span="24"
+                          >
                             <label class="field-label">选项</label>
                             <Select
                               v-model:value="currentTemplateField.options"
-                              :disabled="currentNodeLocked || isTemplatePublished"
+                              :disabled="
+                                currentNodeLocked || isTemplatePublished
+                              "
                               mode="tags"
                               placeholder="输入后回车"
                             />
                           </Col>
                           <Col :span="24">
-                            <div class="field-type-hint">当前字段类型：{{ getFieldTypeLabel(currentTemplateField.type) }}</div>
+                            <div class="field-type-hint">
+                              当前字段类型：{{
+                                getFieldTypeLabel(currentTemplateField.type)
+                              }}
+                            </div>
                           </Col>
                         </Row>
                       </div>
@@ -1508,18 +1882,29 @@ onMounted(async () => {
               <Card class="panel-card editor-panel" title="节点列表">
                 <template #extra>
                   <Space>
-                    <Button @click="createLibraryNode('business')">新增业务节点</Button>
-                    <Button @click="createLibraryNode('public')">新增公共资料节点</Button>
+                    <Button @click="createLibraryNode('business')">
+                      新增业务节点
+                    </Button>
+                    <Button @click="createLibraryNode('public')">
+                      新增公共资料节点
+                    </Button>
                   </Space>
                 </template>
-                <Tabs :active-key="libraryTab" @change="(key) => selectLibraryTab(key as 'business' | 'public')">
+                <Tabs
+                  :active-key="libraryTab"
+                  @change="
+                    (key) => selectLibraryTab(key as 'business' | 'public')
+                  "
+                >
                   <Tabs.TabPane key="business" tab="业务节点">
                     <div class="template-list">
                       <button
                         v-for="item in businessLibraryNodes"
                         :key="item.libraryId"
                         class="template-card compact-template"
-                        :class="{ active: item.libraryId === selectedLibraryNodeId }"
+                        :class="{
+                          active: item.libraryId === selectedLibraryNodeId,
+                        }"
                         @click="selectLibraryNode(item.libraryId || '')"
                       >
                         <div class="template-card__top">
@@ -1537,7 +1922,9 @@ onMounted(async () => {
                         v-for="item in publicLibraryNodes"
                         :key="item.libraryId"
                         class="template-card compact-template"
-                        :class="{ active: item.libraryId === selectedLibraryNodeId }"
+                        :class="{
+                          active: item.libraryId === selectedLibraryNodeId,
+                        }"
                         @click="selectLibraryNode(item.libraryId || '')"
                       >
                         <div class="template-card__top">
@@ -1557,11 +1944,16 @@ onMounted(async () => {
               <Card class="panel-card editor-panel" title="节点配置项">
                 <template #extra>
                   <Space>
-                    <Button type="primary" @click="saveLibraryNode">保存节点</Button>
+                    <Button type="primary" @click="saveLibraryNode">
+                      保存节点
+                    </Button>
                     <Button danger @click="removeLibraryNode">删除节点</Button>
                   </Space>
                 </template>
-                <div v-if="currentLibraryNode" class="node-editor library-editor">
+                <div
+                  v-if="currentLibraryNode"
+                  class="node-editor library-editor"
+                >
                   <div class="library-tip">
                     节点库是模板素材库。这里的修改只会影响后续新加入模板的节点，以及基于新模板创建的批次；不会追溯修改已有模板和历史批次。
                   </div>
@@ -1573,7 +1965,11 @@ onMounted(async () => {
                     <Col :md="12" :xs="24">
                       <label class="field-label">节点类型</label>
                       <div class="readonly-box">
-                        {{ currentLibraryNode.category === 'public' ? '公共资料节点' : '业务节点' }}
+                        {{
+                          currentLibraryNode.category === 'public'
+                            ? '公共资料节点'
+                            : '业务节点'
+                        }}
                       </div>
                     </Col>
                     <Col :md="18" :xs="24">
@@ -1583,7 +1979,9 @@ onMounted(async () => {
                     <Col :md="6" :xs="24">
                       <label class="field-label">消费者可见</label>
                       <div class="switch-line">
-                        <Switch v-model:checked="currentLibraryNode.consumerVisible" />
+                        <Switch
+                          v-model:checked="currentLibraryNode.consumerVisible"
+                        />
                       </div>
                     </Col>
                   </Row>
@@ -1591,14 +1989,21 @@ onMounted(async () => {
                   <div class="field-editor">
                     <div class="field-editor__header">
                       <h4>字段设计</h4>
-                      <Button type="dashed" @click="addField(currentLibraryNode)">新增字段</Button>
+                      <Button
+                        type="dashed"
+                        @click="addField(currentLibraryNode)"
+                      >
+                        新增字段
+                      </Button>
                     </div>
                     <div class="field-strip">
                       <button
                         v-for="(field, fieldIndex) in currentLibraryNode.fields"
                         :key="`${field.key}-${fieldIndex}`"
                         class="field-pill"
-                        :class="{ active: field.key === currentLibraryField?.key }"
+                        :class="{
+                          active: field.key === currentLibraryField?.key,
+                        }"
                         draggable="true"
                         type="button"
                         @dragstart="handleLibraryFieldDragStart(field.key)"
@@ -1610,26 +2015,64 @@ onMounted(async () => {
                         <span>{{ getFieldTypeLabel(field.type) }}</span>
                         <strong>{{ field.label || '新字段' }}</strong>
                         <small>{{ field.key }}</small>
-                        <Button class="field-pill__remove" danger size="small" type="text" @click.stop="confirmRemoveField(currentLibraryNode, fieldIndex)">
+                        <Button
+                          class="field-pill__remove"
+                          danger
+                          size="small"
+                          type="text"
+                          @click.stop="
+                            confirmRemoveField(currentLibraryNode, fieldIndex)
+                          "
+                        >
                           删除字段
                         </Button>
                       </button>
-                      <div v-if="currentLibraryNode.fields.length === 0" class="lane-empty">还没有字段，请先新增字段</div>
+                      <div
+                        v-if="currentLibraryNode.fields.length === 0"
+                        class="lane-empty"
+                      >
+                        还没有字段，请先新增字段
+                      </div>
                     </div>
                     <div v-if="currentLibraryField" class="field-card">
                       <div class="field-card__header">
                         <div class="field-card__title">
-                          <strong>{{ currentLibraryField.label || '新字段' }}</strong>
-                          <span>{{ getFieldTypeLabel(currentLibraryField.type) }}</span>
+                          <strong>{{
+                            currentLibraryField.label || '新字段'
+                          }}</strong>
+                          <span>{{
+                            getFieldTypeLabel(currentLibraryField.type)
+                          }}</span>
                         </div>
-                        <Button class="field-delete-button" danger @click="confirmRemoveField(currentLibraryNode, currentLibraryNode.fields.findIndex((item) => item.key === currentLibraryField.key))">
+                        <Button
+                          class="field-delete-button"
+                          danger
+                          @click="
+                            confirmRemoveField(
+                              currentLibraryNode,
+                              currentLibraryNode.fields.findIndex(
+                                (item) => item.key === currentLibraryField.key,
+                              ),
+                            )
+                          "
+                        >
                           删除字段
                         </Button>
                       </div>
                       <Row :gutter="[12, 12]" class="field-row field-row--base">
                         <Col :md="6" :xs="24">
                           <label class="field-label">字段 Key</label>
-                          <Input :value="currentLibraryField.key" @update:value="(value) => updateSelectedFieldKey('library', currentLibraryField, String(value ?? ''))" />
+                          <Input
+                            :value="currentLibraryField.key"
+                            @update:value="
+                              (value) =>
+                                updateSelectedFieldKey(
+                                  'library',
+                                  currentLibraryField,
+                                  String(value ?? ''),
+                                )
+                            "
+                          />
                         </Col>
                         <Col :md="6" :xs="24">
                           <label class="field-label">字段名称</label>
@@ -1637,66 +2080,115 @@ onMounted(async () => {
                         </Col>
                         <Col :md="6" :xs="24">
                           <label class="field-label">类型</label>
-                          <Select v-model:value="currentLibraryField.type" :options="fieldTypeOptions" style="width: 100%" />
+                          <Select
+                            v-model:value="currentLibraryField.type"
+                            :options="fieldTypeOptions"
+                            style="width: 100%"
+                          />
                         </Col>
                         <Col :md="6" :xs="24">
                           <label class="field-label">占位提示</label>
-                          <Input v-model:value="currentLibraryField.placeholder" />
+                          <Input
+                            v-model:value="currentLibraryField.placeholder"
+                          />
                         </Col>
                       </Row>
                       <div class="field-toggle-row">
                         <div class="field-toggle-chip">
                           <span>必填</span>
-                          <Switch v-model:checked="currentLibraryField.required" />
+                          <Switch
+                            v-model:checked="currentLibraryField.required"
+                          />
                         </div>
                         <div class="field-toggle-chip">
                           <span>消费者可见</span>
-                          <Switch v-model:checked="currentLibraryField.visible" />
+                          <Switch
+                            v-model:checked="currentLibraryField.visible"
+                          />
                         </div>
                         <div class="field-toggle-chip">
                           <span>固定预设值</span>
-                          <Switch v-model:checked="currentLibraryField.fixedPreset" />
+                          <Switch
+                            v-model:checked="currentLibraryField.fixedPreset"
+                          />
                         </div>
                         <div class="field-toggle-chip">
                           <span>文字加粗</span>
                           <Switch
-                            :checked="getFieldStyleConfig(currentLibraryField).bold"
-                            @update:checked="(checked) => updateFieldStyleBold(currentLibraryField, checked)"
+                            :checked="
+                              getFieldStyleConfig(currentLibraryField).bold
+                            "
+                            @update:checked="
+                              (checked) =>
+                                updateFieldStyleBold(
+                                  currentLibraryField,
+                                  checked,
+                                )
+                            "
                           />
                         </div>
                       </div>
-                      <Row :gutter="[12, 12]" class="field-row field-row--content">
+                      <Row
+                        :gutter="[12, 12]"
+                        class="field-row field-row--content"
+                      >
                         <Col :md="14" :xs="24">
                           <label class="field-label">预设值</label>
                           <template v-if="currentLibraryField.type === 'image'">
                             <div class="default-image-editor">
                               <img
                                 v-if="currentLibraryField.defaultValue"
-                                :src="getImagePreviewSrc(currentLibraryField.defaultValue, currentLibraryField.defaultPreviewUrl)"
+                                :src="
+                                  getImagePreviewSrc(
+                                    currentLibraryField.defaultValue,
+                                    currentLibraryField.defaultPreviewUrl,
+                                  )
+                                "
                                 alt="默认图片"
                                 class="default-image-preview"
                               />
                               <div class="default-image-actions">
                                 <input
-                                  :id="getFieldInputId(`library-${currentLibraryField.key}`, currentLibraryField)"
+                                  :id="
+                                    getFieldInputId(
+                                      `library-${currentLibraryField.key}`,
+                                      currentLibraryField,
+                                    )
+                                  "
                                   accept="image/*"
                                   class="upload-input"
                                   type="file"
                                   @change="
                                     (event) =>
-                                      handleFieldImageUpload(`library-${currentLibraryField.key}`, currentLibraryField, event)
+                                      handleFieldImageUpload(
+                                        `library-${currentLibraryField.key}`,
+                                        currentLibraryField,
+                                        event,
+                                      )
                                   "
                                 />
                                 <Button
                                   :loading="
                                     uploadingFieldKey ===
-                                      getFieldUploadKey(`library-${currentLibraryField.key}`, currentLibraryField)
+                                    getFieldUploadKey(
+                                      `library-${currentLibraryField.key}`,
+                                      currentLibraryField,
+                                    )
                                   "
                                   size="small"
                                   type="primary"
-                                  @click="triggerFieldImageSelect(`library-${currentLibraryField.key}`, currentLibraryField)"
+                                  @click="
+                                    triggerFieldImageSelect(
+                                      `library-${currentLibraryField.key}`,
+                                      currentLibraryField,
+                                    )
+                                  "
                                 >
-                                  {{ currentLibraryField.defaultValue ? '重新上传' : '上传默认图' }}
+                                  {{
+                                    currentLibraryField.defaultValue
+                                      ? '重新上传'
+                                      : '上传默认图'
+                                  }}
                                 </Button>
                                 <Button
                                   v-if="currentLibraryField.defaultValue"
@@ -1710,37 +2202,67 @@ onMounted(async () => {
                           </template>
                           <Select
                             v-else-if="currentLibraryField.type === 'select'"
-                            :options="(currentLibraryField.options || []).map((item) => ({ label: item, value: item }))"
+                            :options="
+                              (currentLibraryField.options || []).map(
+                                (item) => ({ label: item, value: item }),
+                              )
+                            "
                             :value="getPresetValue(currentLibraryField)"
                             style="width: 100%"
-                            @update:value="(value) => updatePresetValue(currentLibraryField, value)"
-                          />
-                          <Select
-                            v-else-if="currentLibraryField.type === 'multi_select'"
-                            :options="(currentLibraryField.options || []).map((item) => ({ label: item, value: item }))"
-                            :value="getPresetValue(currentLibraryField)"
-                            mode="multiple"
-                            style="width: 100%"
-                            @update:value="(value) => updatePresetValue(currentLibraryField, value)"
-                          />
-                          <Input
-                            v-else-if="currentLibraryField.type === 'integer'"
-                            :placeholder="currentLibraryField.placeholder || '请输入整数'"
-                            :value="String(getPresetValue(currentLibraryField) ?? '')"
-                            style="width: 100%"
                             @update:value="
                               (value) =>
-                                updatePresetValue(currentLibraryField, sanitizeIntegerPreset(String(value ?? '')))
+                                updatePresetValue(currentLibraryField, value)
+                            "
+                          />
+                          <Select
+                            v-else-if="
+                              currentLibraryField.type === 'multi_select'
+                            "
+                            :options="
+                              (currentLibraryField.options || []).map(
+                                (item) => ({ label: item, value: item }),
+                              )
+                            "
+                            :value="getPresetValue(currentLibraryField)"
+                            mode="multiple"
+                            style="width: 100%"
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
+                          />
+                          <Input
+                            v-else-if="currentLibraryField.type === 'integer'"
+                            :placeholder="
+                              currentLibraryField.placeholder || '请输入整数'
+                            "
+                            :value="
+                              String(getPresetValue(currentLibraryField) ?? '')
+                            "
+                            style="width: 100%"
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(
+                                  currentLibraryField,
+                                  sanitizeIntegerPreset(String(value ?? '')),
+                                )
                             "
                           />
                           <Input
                             v-else-if="currentLibraryField.type === 'decimal'"
-                            :placeholder="currentLibraryField.placeholder || '请输入小数'"
-                            :value="String(getPresetValue(currentLibraryField) ?? '')"
+                            :placeholder="
+                              currentLibraryField.placeholder || '请输入小数'
+                            "
+                            :value="
+                              String(getPresetValue(currentLibraryField) ?? '')
+                            "
                             style="width: 100%"
                             @update:value="
                               (value) =>
-                                updatePresetValue(currentLibraryField, sanitizeDecimalPreset(String(value ?? '')))
+                                updatePresetValue(
+                                  currentLibraryField,
+                                  sanitizeDecimalPreset(String(value ?? '')),
+                                )
                             "
                           />
                           <DatePicker
@@ -1748,7 +2270,10 @@ onMounted(async () => {
                             :value="getPresetValue(currentLibraryField)"
                             style="width: 100%"
                             value-format="YYYY-MM-DD"
-                            @update:value="(value) => updatePresetValue(currentLibraryField, value)"
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
                           />
                           <DatePicker
                             v-else-if="currentLibraryField.type === 'datetime'"
@@ -1757,36 +2282,62 @@ onMounted(async () => {
                             show-time
                             style="width: 100%"
                             value-format="YYYY-MM-DD HH:mm:ss"
-                            @update:value="(value) => updatePresetValue(currentLibraryField, value)"
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
                           />
                           <CoordinateFieldEditor
-                            v-else-if="currentLibraryField.type === 'coordinate'"
+                            v-else-if="
+                              currentLibraryField.type === 'coordinate'
+                            "
                             :model-value="getPresetValue(currentLibraryField)"
-                            @update:model-value="(value) => updatePresetValue(currentLibraryField, value)"
+                            @update:model-value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
                           />
                           <Input.TextArea
                             v-else-if="currentLibraryField.type === 'json'"
                             :auto-size="{ minRows: 3, maxRows: 5 }"
-                            :value="String(getPresetValue(currentLibraryField) || '')"
-                            @update:value="(value) => updatePresetValue(currentLibraryField, value)"
+                            :value="
+                              String(getPresetValue(currentLibraryField) || '')
+                            "
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
+                          />
+                          <Input.TextArea
+                            v-else-if="currentLibraryField.type === 'string'"
+                            :auto-size="{ minRows: 2, maxRows: 6 }"
+                            :value="
+                              String(getPresetValue(currentLibraryField) ?? '')
+                            "
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
+                          />
+                          <Input
+                            v-else
+                            :value="getPresetValue(currentLibraryField)"
+                            @update:value="
+                              (value) =>
+                                updatePresetValue(currentLibraryField, value)
+                            "
                           />
-                           <Input.TextArea
-                             v-else-if="currentLibraryField.type === 'string'"
-                             :auto-size="{ minRows: 2, maxRows: 6 }"
-                             :value="String(getPresetValue(currentLibraryField) ?? '')"
-                             @update:value="(value) => updatePresetValue(currentLibraryField, value)"
-                           />
-                           <Input
-                             v-else
-                             :value="getPresetValue(currentLibraryField)"
-                             @update:value="(value) => updatePresetValue(currentLibraryField, value)"
-                           />
                         </Col>
                         <Col :md="10" :xs="24">
                           <label class="field-label">文字颜色</label>
-                          <div class="color-picker-line compact-color-line field-color-inline">
+                          <div
+                            class="color-picker-line compact-color-line field-color-inline"
+                          >
                             <input
-                              :value="getFieldStyleConfig(currentLibraryField).color || '#1f2937'"
+                              :value="
+                                getFieldStyleConfig(currentLibraryField)
+                                  .color || '#1f2937'
+                              "
                               class="color-input"
                               type="color"
                               @input="
@@ -1797,12 +2348,26 @@ onMounted(async () => {
                                   )
                               "
                             />
-                            <span>{{ getFieldStyleConfig(currentLibraryField).color || '#1f2937' }}</span>
+                            <span>{{
+                              getFieldStyleConfig(currentLibraryField).color ||
+                              '#1f2937'
+                            }}</span>
                           </div>
                         </Col>
-                        <Col v-if="['select', 'multi_select'].includes(currentLibraryField.type)" :span="24">
+                        <Col
+                          v-if="
+                            ['select', 'multi_select'].includes(
+                              currentLibraryField.type,
+                            )
+                          "
+                          :span="24"
+                        >
                           <label class="field-label">选项</label>
-                          <Select v-model:value="currentLibraryField.options" mode="tags" placeholder="输入后回车" />
+                          <Select
+                            v-model:value="currentLibraryField.options"
+                            mode="tags"
+                            placeholder="输入后回车"
+                          />
                         </Col>
                       </Row>
                     </div>
@@ -1849,15 +2414,24 @@ onMounted(async () => {
       <Row :gutter="[16, 16]">
         <Col :span="24">
           <label class="field-label">模板名称</label>
-          <Input v-model:value="createTemplateForm.name" placeholder="如：茶叶溯源模板" />
+          <Input
+            v-model:value="createTemplateForm.name"
+            placeholder="如：茶叶溯源模板"
+          />
         </Col>
         <Col :md="12" :xs="24">
           <label class="field-label">产品名称</label>
-          <Input v-model:value="createTemplateForm.productName" placeholder="如：高山有机绿茶" />
+          <Input
+            v-model:value="createTemplateForm.productName"
+            placeholder="如：高山有机绿茶"
+          />
         </Col>
         <Col :md="12" :xs="24">
           <label class="field-label">行业名称</label>
-          <Input v-model:value="createTemplateForm.industryName" placeholder="如：农产品 / 食品加工" />
+          <Input
+            v-model:value="createTemplateForm.industryName"
+            placeholder="如：农产品 / 食品加工"
+          />
         </Col>
         <Col :md="12" :xs="24">
           <label class="field-label">主题色</label>
@@ -1874,11 +2448,21 @@ onMounted(async () => {
           <label class="field-label">封面图</label>
           <div class="cover-selector">
             <div
-              v-if="getImagePreviewSrc(createTemplateForm.coverImage, createTemplateForm.coverImagePreviewUrl)"
+              v-if="
+                getImagePreviewSrc(
+                  createTemplateForm.coverImage,
+                  createTemplateForm.coverImagePreviewUrl,
+                )
+              "
               class="cover-selector__preview"
             >
               <img
-                :src="getImagePreviewSrc(createTemplateForm.coverImage, createTemplateForm.coverImagePreviewUrl)"
+                :src="
+                  getImagePreviewSrc(
+                    createTemplateForm.coverImage,
+                    createTemplateForm.coverImagePreviewUrl,
+                  )
+                "
                 alt="模板封面图"
               />
             </div>
@@ -1896,11 +2480,14 @@ onMounted(async () => {
               >
                 选择本地文件
               </Button>
-              <Button @click="openCoverHistoryModal">
-                选择历史文件
-              </Button>
+              <Button @click="openCoverHistoryModal"> 选择历史文件 </Button>
               <Button
-                v-if="getImagePreviewSrc(createTemplateForm.coverImage, createTemplateForm.coverImagePreviewUrl)"
+                v-if="
+                  getImagePreviewSrc(
+                    createTemplateForm.coverImage,
+                    createTemplateForm.coverImagePreviewUrl,
+                  )
+                "
                 danger
                 @click="clearTemplateCoverImage"
               >
@@ -1945,7 +2532,11 @@ onMounted(async () => {
             <span>{{ item.createdAt }}</span>
           </div>
           <div class="cover-history-card__actions">
-            <Button size="small" type="primary" @click="selectHistoryCover(item)">
+            <Button
+              size="small"
+              type="primary"
+              @click="selectHistoryCover(item)"
+            >
               选择
             </Button>
             <Button
@@ -1960,7 +2551,12 @@ onMounted(async () => {
           </div>
         </div>
       </div>
-      <Empty v-else :description="coverHistoryLoading ? '正在加载历史封面图…' : '暂无历史封面图'" />
+      <Empty
+        v-else
+        :description="
+          coverHistoryLoading ? '正在加载历史封面图…' : '暂无历史封面图'
+        "
+      />
     </Modal>
     <Modal
       v-model:open="leaveDialogVisible"
@@ -1977,8 +2573,7 @@ onMounted(async () => {
         <Button block @click="confirmTemplateLeave('cancel')">取消</Button>
       </div>
     </Modal>
-</div>
-
+  </div>
 </template>
 
 <style scoped>
@@ -2091,7 +2686,9 @@ onMounted(async () => {
   border-radius: 16px;
   background: #fff;
   text-align: left;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
 .cover-history-card:hover {
diff --git a/vue2/apps/web-antd/src/views/traceability/consumer.vue b/vue2/apps/web-antd/src/views/traceability/consumer.vue
index 770be48..9207a3d 100644
--- a/vue2/apps/web-antd/src/views/traceability/consumer.vue
+++ b/vue2/apps/web-antd/src/views/traceability/consumer.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { TraceabilityApi } from '#/api';
 
-import { computed, onMounted, ref } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 
 import { Page } from '@vben/common-ui';
 
@@ -20,6 +20,7 @@ import {
 import { getTraceabilityBatches, getTraceabilityPreviewDetail } from '#/api';
 
 import {
+  buildColoredQrDataUrl,
   buildCoordinateEmbedUrl,
   buildCoordinateMapUrl,
   formatFieldValue,
@@ -38,9 +39,27 @@ const qrCode = useQRCode(publicLink, {
   margin: 2,
   width: 220,
 });
-const qrDownloadName = computed(
-  () => `${detail.value?.batch.batchCode || 'batch'}.png`,
+const qrColor = ref('#000000');
+const customQrCode = ref('');
+
+function buildQrFileName(
+  code?: string,
+  name?: string,
+  fallback: string = 'batch',
+) {
+  const raw =
+    [code?.trim(), name?.trim()].filter(Boolean).join(' - ') || fallback;
+  return `${raw.replaceAll(/[\\/:*?"<>|]/g, '_')}.png`;
+}
+
+const qrDownloadName = computed(() =>
+  buildQrFileName(
+    detail.value?.batch.batchCode,
+    detail.value?.batch.batchName,
+    'batch',
+  ),
 );
+const displayedQrCode = computed(() => customQrCode.value || qrCode.value);
 
 function downloadQrCode(dataUrl: string, fileName: string) {
   if (!dataUrl) return;
@@ -53,9 +72,26 @@ function downloadQrCode(dataUrl: string, fileName: string) {
 }
 
 function downloadConsumerQrCode() {
-  downloadQrCode(qrCode.value, qrDownloadName.value);
+  downloadQrCode(displayedQrCode.value, qrDownloadName.value);
 }
 
+async function generateConsumerQrCode() {
+  customQrCode.value = qrCode.value
+    ? await buildColoredQrDataUrl(qrCode.value, {
+        color: qrColor.value,
+      })
+    : '';
+}
+
+watch(
+  qrCode,
+  () => {
+    customQrCode.value = '';
+    qrColor.value = '#000000';
+  },
+  { immediate: true },
+);
+
 async function loadBatches() {
   batches.value = await getTraceabilityBatches();
   if (!queryCode.value && batches.value[0]) {
@@ -160,17 +196,26 @@ onMounted(loadBatches);
           <Col :lg="8" :xs="24">
             <Card class="panel-card qr-panel" title="二维码">
               <template #extra>
-                <Button
-                  v-if="publicLink"
-                  size="small"
-                  type="primary"
-                  @click="downloadConsumerQrCode"
-                >
-                  保存二维码
-                </Button>
+                <div v-if="publicLink" class="qr-panel__actions">
+                  <input
+                    v-model="qrColor"
+                    class="qr-color-input"
+                    type="color"
+                  />
+                  <Button size="small" @click="generateConsumerQrCode">
+                    生成二维码
+                  </Button>
+                  <Button
+                    size="small"
+                    type="primary"
+                    @click="downloadConsumerQrCode"
+                  >
+                    保存二维码
+                  </Button>
+                </div>
               </template>
               <div class="qr-wrap">
-                <img :src="qrCode" alt="溯源二维码" class="qr-image" />
+                <img :src="displayedQrCode" alt="溯源二维码" class="qr-image" />
                 <div class="qr-meta">
                   <strong>扫码查看溯源页</strong>
                   <p>{{ publicLink }}</p>
@@ -272,13 +317,9 @@ onMounted(loadBatches);
                           :href="buildCoordinateMapUrl(entry.value)"
                           target="_blank"
                           rel="noreferrer"
-                          >打开地图</a
-                        >
+                          >打开地图</a>
                       </div>
-                      <strong
-                        v-else
-                        :style="getFieldDisplayStyle(entry.field)"
-                      >
+                      <strong v-else :style="getFieldDisplayStyle(entry.field)">
                         {{ formatFieldValue(entry.value) }}
                       </strong>
                     </div>
@@ -349,10 +390,12 @@ onMounted(loadBatches);
                             :href="buildCoordinateMapUrl(entry.value)"
                             target="_blank"
                             rel="noreferrer"
-                            >打开地图</a
-                          >
+                            >打开地图</a>
                         </div>
-                        <strong v-else :style="getFieldDisplayStyle(entry.field)">
+                        <strong
+                          v-else
+                          :style="getFieldDisplayStyle(entry.field)"
+                        >
                           {{ formatFieldValue(entry.value) }}
                         </strong>
                       </div>
@@ -459,6 +502,21 @@ onMounted(loadBatches);
   min-height: 138px;
 }
 
+.qr-panel :deep(.ant-card-head-wrapper) {
+  align-items: center;
+}
+
+.qr-panel :deep(.ant-card-extra) {
+  padding-inline-start: 12px;
+}
+
+.qr-panel__actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-inline: 4px;
+}
+
 .qr-wrap {
   display: grid;
   align-content: center;
@@ -616,6 +674,16 @@ onMounted(loadBatches);
   background: #fff;
 }
 
+.qr-color-input {
+  width: 36px;
+  height: 32px;
+  padding: 0;
+  border: 1px solid #d7e1f0;
+  border-radius: 8px;
+  background: #fff;
+  flex: 0 0 auto;
+}
+
 .coordinate-preview-card {
   display: grid;
   gap: 10px;
diff --git a/vue2/apps/web-antd/src/views/traceability/operator.vue b/vue2/apps/web-antd/src/views/traceability/operator.vue
index eae67e4..2940705 100644
--- a/vue2/apps/web-antd/src/views/traceability/operator.vue
+++ b/vue2/apps/web-antd/src/views/traceability/operator.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { TraceabilityApi } from '#/api';
 
-import { computed, onMounted, reactive, ref } from 'vue';
+import { computed, onMounted, reactive, ref, watch } from 'vue';
 
 import { useQRCode } from '@vueuse/integrations/useQRCode';
 import {
@@ -35,6 +35,7 @@ import {
 import CoordinateFieldEditor from './components/CoordinateFieldEditor.vue';
 import {
   buildOssStoredValue,
+  buildColoredQrDataUrl,
   formatFieldValue,
   getFieldTypeLabel,
   getImagePreviewSrc,
@@ -113,9 +114,18 @@ const allStepsCompleted = computed(() =>
 const canEditBaseInfo = computed(() => !isPublished.value || batchEditMode.value);
 const canPublishBatch = computed(() => !isPublished.value && allStepsCompleted.value);
 const publishButtonText = computed(() => (isPublished.value ? '更新批次' : '发布批次'));
-const batchQrDownloadName = computed(
-  () => `${batchDetail.value?.batchCode || 'batch'}.png`,
+
+function buildQrFileName(code?: string, name?: string, fallback: string = 'batch') {
+  const raw = [code?.trim(), name?.trim()].filter(Boolean).join(' - ') || fallback;
+  return `${raw.replace(/[\\/:*?"<>|]/g, '_')}.png`;
+}
+
+const batchQrDownloadName = computed(() =>
+  buildQrFileName(batchDetail.value?.batchCode, batchDetail.value?.batchName, 'batch'),
 );
+const qrColor = ref('#000000');
+const customBatchQrCode = ref('');
+const displayedBatchQrCode = computed(() => customBatchQrCode.value || batchQrCode.value);
 
 const hasBaseInfoChanges = computed(() => {
   if (!selectedBatchId.value || !batchDetail.value) return false;
@@ -180,9 +190,26 @@ function downloadQrCode(dataUrl: string, fileName: string) {
 }
 
 function downloadBatchQrCode() {
-  downloadQrCode(batchQrCode.value, batchQrDownloadName.value);
+  downloadQrCode(displayedBatchQrCode.value, batchQrDownloadName.value);
 }
 
+async function generateBatchQrCode() {
+  customBatchQrCode.value = batchQrCode.value
+    ? await buildColoredQrDataUrl(batchQrCode.value, {
+        color: qrColor.value,
+      })
+    : '';
+}
+
+watch(
+  batchQrCode,
+  () => {
+    customBatchQrCode.value = '';
+    qrColor.value = '#000000';
+  },
+  { immediate: true },
+);
+
 async function loadLists() {
   loading.value = true;
   try {
@@ -731,6 +758,19 @@ onMounted(async () => {
             >
               <template #extra>
                 <Space>
+                  <input
+                    v-if="batchDetail.publicUrl"
+                    v-model="qrColor"
+                    class="qr-color-input"
+                    type="color"
+                  />
+                  <Button
+                    v-if="batchDetail.publicUrl"
+                    size="small"
+                    @click="generateBatchQrCode"
+                  >
+                    生成二维码
+                  </Button>
                   <Button
                     v-if="batchDetail.publicUrl"
                     size="small"
@@ -769,7 +809,7 @@ onMounted(async () => {
               <div class="publish-qr">
                 <img
                   v-if="batchDetail.publicUrl"
-                  :src="batchQrCode"
+                  :src="displayedBatchQrCode"
                   alt="批次二维码"
                 />
                 <Empty v-else description="暂无可下载二维码" />
@@ -1427,6 +1467,15 @@ onMounted(async () => {
   padding: 10px;
 }
 
+.qr-color-input {
+  width: 36px;
+  height: 32px;
+  padding: 0;
+  border: 1px solid #d7e1f0;
+  border-radius: 8px;
+  background: #fff;
+}
+
 .readonly-box {
   min-height: 54px;
   display: flex;
diff --git a/vue2/apps/web-antd/src/views/traceability/preview.vue b/vue2/apps/web-antd/src/views/traceability/preview.vue
index 532b43f..255b04a 100644
--- a/vue2/apps/web-antd/src/views/traceability/preview.vue
+++ b/vue2/apps/web-antd/src/views/traceability/preview.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, onMounted, reactive, ref } from 'vue';
+import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { useQRCode } from '@vueuse/integrations/useQRCode';
 import { Button, Card, Col, DatePicker, Empty, Input, message, Modal, Row, Select, Space, Switch, Tabs, Tag } from 'ant-design-vue';
 import {
@@ -15,7 +15,7 @@ import {
 } from '#/api';
 import type { TraceabilityApi } from '#/api';
 import CoordinateFieldEditor from './components/CoordinateFieldEditor.vue';
-import { buildOssStoredValue, clonePreviewForSave, createEmptyField, createEmptyPreviewNode, fieldTypeOptions, getFieldTypeLabel, getImagePreviewSrc, normalizeFieldInput } from './shared';
+import { buildColoredQrDataUrl, buildOssStoredValue, clonePreviewForSave, createEmptyField, createEmptyPreviewNode, fieldTypeOptions, getFieldTypeLabel, getImagePreviewSrc, normalizeFieldInput } from './shared';
 
 const previews = ref<TraceabilityApi.PreviewPageSummary[]>([]);
 const selectedPreviewId = ref('');
@@ -42,7 +42,16 @@ const editor = reactive<Partial<TraceabilityApi.PreviewPageDetail> & { coverImag
   themeColor: '#1f4fd6', tags: [], publicUrl: '', updatedAt: '', nodes: [],
 });
 const qrCode = useQRCode(computed(() => editor.publicUrl || ''), { errorCorrectionLevel: 'M', margin: 1, width: 220 });
-const qrDownloadName = computed(() => `${editor.previewCode || editor.publicUrl || editor.name || 'preview'}.png`);
+const qrColor = ref('#000000');
+const customQrCode = ref('');
+
+function buildQrFileName(code?: string, name?: string, fallback: string = 'preview') {
+  const raw = [code?.trim(), name?.trim()].filter(Boolean).join(' - ') || fallback;
+  return `${raw.replace(/[\\/:*?"<>|]/g, '_')}.png`;
+}
+
+const qrDownloadName = computed(() => buildQrFileName(editor.previewCode, editor.name, 'preview'));
+const displayedQrCode = computed(() => customQrCode.value || qrCode.value);
 
 function downloadQrCode(dataUrl: string, fileName: string) {
   if (!dataUrl) return;
@@ -386,8 +395,25 @@ async function handleTemplateCoverUpload(event: Event) {
 }
 
 function downloadPreviewQrCode() {
-  downloadQrCode(qrCode.value, qrDownloadName.value);
+  downloadQrCode(displayedQrCode.value, qrDownloadName.value);
 }
+
+async function generatePreviewQrCode() {
+  customQrCode.value = qrCode.value
+    ? await buildColoredQrDataUrl(qrCode.value, {
+        color: qrColor.value,
+      })
+    : '';
+}
+
+watch(
+  qrCode,
+  () => {
+    customQrCode.value = '';
+    qrColor.value = '#000000';
+  },
+  { immediate: true },
+);
 onMounted(loadPreviews);
 </script>
 
@@ -465,11 +491,15 @@ onMounted(loadPreviews);
                   </div>
                 <div class="preview-link-card__qr">
                   <div class="preview-link-card__qr-head">
+                    <input v-if="editor.publicUrl" v-model="qrColor" class="qr-color-input" type="color">
+                    <Button v-if="editor.publicUrl" size="small" @click="generatePreviewQrCode">
+                      生成二维码
+                    </Button>
                     <Button v-if="editor.publicUrl" size="small" type="primary" @click="downloadPreviewQrCode">
                       保存二维码
                     </Button>
                   </div>
-                  <img v-if="editor.publicUrl" :src="qrCode" alt="预演二维码">
+                  <img v-if="editor.publicUrl" :src="displayedQrCode" alt="预演二维码">
                   <Empty v-else description="保存后生成二维码" />
                 </div>
                 </div>
@@ -722,6 +752,7 @@ onMounted(loadPreviews);
 .preview-link-card__qr { position: relative; flex-direction: column; gap: 12px; padding: 12px; }
 .preview-link-card__qr-head { display: flex; justify-content: flex-end; width: 100%; }
 .preview-link-card__qr img { width: 220px; height: 220px; }
+.qr-color-input { width: 36px; height: 32px; padding: 0; border: 1px solid #d7e1f0; border-radius: 8px; background: #fff; }
 .node-editor { padding: 18px; border: 1px solid #edf1f7; border-radius: 18px; background: linear-gradient(180deg, #fcfdff 0%, #ffffff 100%); }
 .node-editor__summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding: 14px 16px; border: 1px solid #ebf0f7; border-radius: 16px; background: #f8fbff; }
 .node-editor__summary strong { color: #111827; font-size: 16px; }
diff --git a/vue2/apps/web-antd/src/views/traceability/shared.ts b/vue2/apps/web-antd/src/views/traceability/shared.ts
index 5f75539..ed9c91e 100644
--- a/vue2/apps/web-antd/src/views/traceability/shared.ts
+++ b/vue2/apps/web-antd/src/views/traceability/shared.ts
@@ -430,6 +430,69 @@ export function getFieldDisplayStyle(field?: TraceabilityApi.FieldDefinition) {
   };
 }
 
+export async function buildColoredQrDataUrl(
+  source: string,
+  options: {
+    color?: string;
+    backgroundColor?: string;
+  } = {},
+) {
+  const dataUrl = source.trim();
+  if (!dataUrl) {
+    return '';
+  }
+  const color = options.color || '#000000';
+  const backgroundColor = options.backgroundColor || '#ffffff';
+
+  return await new Promise<string>((resolve) => {
+    const image = new Image();
+    image.onload = () => {
+      const canvas = document.createElement('canvas');
+      const width = image.naturalWidth || image.width || 220;
+      const height = image.naturalHeight || image.height || 220;
+      canvas.width = width;
+      canvas.height = height;
+      const context = canvas.getContext('2d');
+      if (!context) {
+        resolve(dataUrl);
+        return;
+      }
+
+      context.clearRect(0, 0, width, height);
+      context.fillStyle = backgroundColor;
+      context.fillRect(0, 0, width, height);
+      context.drawImage(image, 0, 0, width, height);
+
+      const qrImageData = context.getImageData(0, 0, width, height);
+      for (let index = 0; index < qrImageData.data.length; index += 4) {
+        const alpha = qrImageData.data[index + 3];
+        const isDark =
+          alpha > 0
+          && qrImageData.data[index] < 200
+          && qrImageData.data[index + 1] < 200
+          && qrImageData.data[index + 2] < 200;
+
+        if (isDark) {
+          qrImageData.data[index] = Number.parseInt(color.slice(1, 3), 16);
+          qrImageData.data[index + 1] = Number.parseInt(color.slice(3, 5), 16);
+          qrImageData.data[index + 2] = Number.parseInt(color.slice(5, 7), 16);
+          qrImageData.data[index + 3] = 255;
+        } else {
+          qrImageData.data[index] = 255;
+          qrImageData.data[index + 1] = 255;
+          qrImageData.data[index + 2] = 255;
+          qrImageData.data[index + 3] = 255;
+        }
+      }
+
+      context.putImageData(qrImageData, 0, 0);
+      resolve(canvas.toDataURL('image/png'));
+    };
+    image.onerror = () => resolve(dataUrl);
+    image.src = dataUrl;
+  });
+}
+
 export function formatFieldValue(value: any) {
   if (value === null || value === undefined || value === '') {
     return '未填写';
diff --git a/vue2/scripts/push_docker.ps1 b/vue2/scripts/push_docker.ps1
index 2ee2f79..844db7b 100644
--- a/vue2/scripts/push_docker.ps1
+++ b/vue2/scripts/push_docker.ps1
@@ -1,7 +1,7 @@
 # push_docker.ps1
 
 # Set version
-$env:VERSION = "1.5.4"
+$env:VERSION = "1.5.5"
 
 # Docker registry/repository
 $registry = "ai.ronsunny.cn:13011/bbit_ai/ce_vue"