style: 提交环节改成与节点卡片同形的卡片，序号 0、无排序删除按钮

2026-11-01 16:41:45 +08:00
parent 5d16c7f566
commit 07141566a3
2 changed files with 61 additions and 38 deletions
@@ -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>