From 07141566a392f5eb9bcf104e271c10e7bcb34065 Mon Sep 17 00:00:00 2001
From: weicw <594098497@qq.com>
Date: Sun, 1 Nov 2026 16:41:45 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=8F=90=E4=BA=A4=E7=8E=AF=E8=8A=82?=
 =?UTF-8?q?=E6=94=B9=E6=88=90=E4=B8=8E=E8=8A=82=E7=82=B9=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=90=8C=E5=BD=A2=E7=9A=84=E5=8D=A1=E7=89=87=EF=BC=8C=E5=BA=8F?=
 =?UTF-8?q?=E5=8F=B7=200=E3=80=81=E6=97=A0=E6=8E=92=E5=BA=8F=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../approval/flow/components/submit-card.vue  | 59 +++++++++++++++++++
 src/views/approval/flow/index.vue             | 40 +------------
 2 files changed, 61 insertions(+), 38 deletions(-)
 create mode 100644 src/views/approval/flow/components/submit-card.vue

diff --git a/src/views/approval/flow/components/submit-card.vue b/src/views/approval/flow/components/submit-card.vue
new file mode 100644
index 0000000..66f7fec
--- /dev/null
+++ b/src/views/approval/flow/components/submit-card.vue
@@ -0,0 +1,59 @@
+<!-- 提交环节卡片：与节点卡片同形，序号 0，无排序/删除（ADR 0016） -->
+<template>
+  <a-card size="small" class="node-card">
+    <template #title>
+      <span>0. 提交</span>
+      <a-tag color="green" style="margin-left: 8px">提交环节</a-tag>
+    </template>
+    <a-form layout="vertical">
+      <a-row :gutter="16">
+        <a-col :md="12" :sm="24">
+          <a-form-item label="提交时的附件要求">
+            <a-radio-group
+              :value="mode"
+              size="small"
+              @update:value="(value) => emit('update:mode', value)"
+            >
+              <a-radio-button value="FOLLOW">跟随代码</a-radio-button>
+              <a-radio-button value="ON">必须上传</a-radio-button>
+              <a-radio-button value="OFF">不必上传</a-radio-button>
+            </a-radio-group>
+          </a-form-item>
+        </a-col>
+        <a-col :md="12" :sm="24">
+          <a-form-item label="说明">
+            <span class="ele-text-secondary">
+              链首只读节点，不产生待办、不参与流程推进。
+            </span>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <div class="submit-tip">
+        「跟随代码」沿用单据实现里声明的附件要求；选「必须上传」或「不必上传」
+        后，本环节会作为链首节点随流程一起发布。
+      </div>
+    </a-form>
+  </a-card>
+</template>
+
+<script lang="ts" setup>
+  const emit = defineEmits<{
+    (e: 'update:mode', mode: string): void;
+  }>();
+
+  defineProps<{
+    // FOLLOW 跟随代码 / ON 必须上传 / OFF 不必上传
+    mode: string;
+  }>();
+</script>
+
+<style lang="less" scoped>
+  .node-card {
+    margin-bottom: 12px;
+  }
+
+  .submit-tip {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 12px;
+  }
+</style>
diff --git a/src/views/approval/flow/index.vue b/src/views/approval/flow/index.vue
index 60f0658..0ee548f 100644
--- a/src/views/approval/flow/index.vue
+++ b/src/views/approval/flow/index.vue
@@ -61,19 +61,7 @@
                 </a-button>
               </a-space>
             </div>
-            <div class="submit-stage">
-              <div class="submit-stage-header">
-                <span class="submit-stage-title">提交环节</span>
-                <a-radio-group v-model:value="submitMode" size="small">
-                  <a-radio-button value="FOLLOW">跟随代码</a-radio-button>
-                  <a-radio-button value="ON">必须上传附件</a-radio-button>
-                  <a-radio-button value="OFF">不必上传附件</a-radio-button>
-                </a-radio-group>
-              </div>
-              <div class="submit-stage-tip">
-                「跟随代码」沿用单据实现里声明的附件要求；选定后本环节作为链首只读节点发布，不产生待办。
-              </div>
-            </div>
+            <submit-card v-model:mode="submitMode" />
             <a-empty
               v-if="!nodes.length"
               description="该流程尚未发布，点击「载入出厂模板」开始编辑"
@@ -150,6 +138,7 @@
   } from '@/api/approval/flow';
   import { listApprovalOrganizations } from '@/api/approval/directory';
   import NodeCard from './components/node-card.vue';
+  import SubmitCard from './components/submit-card.vue';
   import { nodeTypeLabel } from './constants';
   import type {
     ApprovalFlow,
@@ -386,31 +375,6 @@
     font-weight: 400;
   }
 
-  .submit-stage {
-    margin-bottom: 12px;
-    padding: 12px;
-    background: rgba(0, 0, 0, 0.02);
-    border: 1px dashed rgba(0, 0, 0, 0.12);
-    border-radius: 6px;
-  }
-
-  .submit-stage-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .submit-stage-title {
-    color: rgba(0, 0, 0, 0.85);
-    font-weight: 500;
-  }
-
-  .submit-stage-tip {
-    margin-top: 6px;
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 12px;
-  }
-
   .flow-add {
     margin-bottom: 12px;
   }