From 26c6dc3a9375820e9d5d5bd6498858fe1e4417c9 Mon Sep 17 00:00:00 2001
From: wuzilong <704541015@qq.com>
Date: Mon, 2 Nov 2026 14:34:14 +0800
Subject: [PATCH] =?UTF-8?q?docs(pl):=20=E6=98=8E=E7=A1=AE=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E7=94=A8=E8=AF=81=E5=BC=B9=E7=AA=97=E7=9A=84=E5=9B=9B?=
 =?UTF-8?q?=E5=88=97=E5=B8=83=E5=B1=80=E4=B8=8E=E9=AA=8C=E6=94=B6=E8=8C=83?=
 =?UTF-8?q?=E5=9B=B4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...6-11-02-quota-cert-dialog-layout-design.md | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-11-02-quota-cert-dialog-layout-design.md

diff --git a/docs/superpowers/specs/2026-11-02-quota-cert-dialog-layout-design.md b/docs/superpowers/specs/2026-11-02-quota-cert-dialog-layout-design.md
new file mode 100644
index 000000000..031d4f87d
--- /dev/null
+++ b/docs/superpowers/specs/2026-11-02-quota-cert-dialog-layout-design.md
@@ -0,0 +1,29 @@
+# 计划用证弹窗布局（工单 #11）
+
+工单：https://gitea.aichengyan.com/cykj/shanxia2.0/issues/11
+
+## 范围与设计
+
+用户已确认仅修改 Web 新增、编辑购买证及运输证弹窗。目标分支 V3.0，基线 4d10142bfb6c211feee8d82e52bc10f844989cfe。采用 1440px 上限的弹窗，沿用现有视口最大宽度与固定头部、底栏规则。相较全屏弹窗，保留上下文；相较仅改为四列，增加字段可用宽度。
+
+建档方式单独一行。下一行左侧为证件类型，右侧为证件附件及其解析操作，宽屏比例约 1:3，窄屏适当缩小类型区，手机窄视口垂直排列。附件沿用 AttachmentUploadField 的 140×96 卡片和自适应换行，不改变上传限制、已上传列表、解析与禁用条件。
+
+证面信息复用全局 form-grid-4：宽屏四列，视口不超过 900px 时两列，不超过 560px 时一列。字段顺序、数据绑定、必填校验和错误定位不变；日期输入撑满所在列。弹窗底栏固定、正文独立滚动。
+
+## 视觉与复用
+
+依据 Fresh Mint 规范 §9–10，模式 P12（多分区表单），参考现有 web-admin/src/views/pl/quota-cert/index.vue 与全局 src/assets/styles/core/app.scss。复用 el-dialog、el-form、AttachmentUploadField；无 API、后端或数据库改动。
+
+可编辑原型 v1：https://www.figma.com/design/ImDcikQnCX5GiJQLwUHwDC/shanxia2.0?node-id=36-314
+
+原型的宽屏、窄屏均已查看；248 个可编辑后代节点，含 46 个组件实例，无完整界面图片。Inter 字体与规范一致。原型重点表达本次布局，已有证面引用、合同绑定及保存规则仍以已验收 #10 实现为准。
+
+## 验收与风险
+
+Agent 执行针对性验证：真实 Vue 模板与全局样式在 1600、1024、800、375 像素视口渲染；购买证、运输证新增/编辑；多附件、长文件名、解析中、保存中及必填错误；检查字段列数、同行关系、无页面级横向溢出和底栏可达。
+
+运行既有前端 17 项行为回归、改动文件 ESLint 和生产构建。已知全仓类型检查有既存错误，不以局部检查声称全仓通过。业务 API/上传不连接真实数据，合成组件视觉验证与真实业务联调明确区分。
+
+主要风险是附件区挤压和窄屏字段溢出；通过复用全局降列规则、子项 min-width:0 及真实渲染核查。不得改变 #10 已关联行保护、子数据 ID、表单载荷、图片解析逻辑。
+
+状态：范围已确认；原型及本设计等待用户确认。