# 表单开发
强制
表单组件命名以中心简称开头，遵循vue组件命名规范采用小写驼峰命名，名称要能描述页面功能
正例：运营方资料=>umsOperatorEdit、运营方资料审核=>umsOperatorAudit
建议
对于完全按照栅格排版的表单，尽量使用表单封装，而不是普通表单 可以使排版样式统一，减少手动对齐的工作量
# 租户样式
主题颜色
- 主题颜色
- 默认颜色
- 成功颜色
- 信息颜色
- 警告颜色
- 危险颜色
自定义颜色
- 临期颜色： var(--neardateColors)
- 过期颜色：var(--overdueColors)
- 已打印颜色：var(--printedColors)
-
- 组件左边距
- 上外边距
- 内边距
- 按钮高度
- 按钮间隔
-
- 上边距
- 左边距
- 表单项高度
- 强制每行份额（1/2/4/6）
- 是否开启校验提示 (默认开启)
-
- 行高度
# UI执行标准
- 核心组件：就三个 权限按钮、表单封装、表格 除像tab栏 卡片列表的使用外 不允许使用其他散件 因为绝对定位排版无法控制；
- 整体排版：三大组件都需要用容器包裹 组件在容器中的定位使用 左0 上0 宽100% 高100% (布局通过容器的流式来实现布局) ；权限按钮所在容器高度 5% 表单封装如果一行容器给5% 两行 10% 以此类推 不允许大量留白(再此基础上出现的遮挡/滚动条等问题通过公共样式统一调整属于平台的责任)；所有容器宽高之和为100% 不允许对容器使用固定px 不允许超出或者留白
- 按钮样式:根据按钮是作用于表格还是全局，决定按钮是放在表格工具栏还是全局按钮栏；(不确定位置的找产品确认)表格外权限按钮统一使用primary/非朴素按钮 (不允许自定义颜色， 因为固定颜色无法跟随租户配置变化 后期不同项目需要每个页面修改)；表格内权限按钮默认使用primary/朴素按钮 对于删除等重要操作 可以使用 danger/warning类型按钮；行内按钮操作栏全部采用固定right；表格工具栏的所有按钮使用primary，表格行内的删除按钮使用danger
- 表单样式:查询条件类表单封装 采用6份 统一开启查询/重置按钮 不允许使用独立的查询重置按钮(如果查询条件正好为6个导致查询/重置按钮换行的 建议去除一个不重要的查询条件 或 采用收起功能);录入类表单 份额不做要求 根据填写内容而定。
- 表格样式:所有表格统一开启工具栏；单个表格默认显示20行 两个表格默认显示10行；表格内非数字类全部左对齐 数字类全部右对齐
- 日期组件:如果是时间区间统一采用时间区间组件 label为XX时间 不要再拆开两个开始时间/结束时间 容易参数歧义 (如果觉得区间时间组件使用不方便的 统一对组件进行优化)，日期区间统一占两个份额。
- 组件标题:单个页面包含多个表单/表格混合的通过“标题内容”明确该区域作用，不允许使用自己定义的内容来做分隔，页面内单个表单/表的不使用"内容标题"
- 弹框尺寸：根据业务类型选择大中小弹框类型，如果都不合适可选择自定义，根据情况设置弹框尺寸。
- 查询表单：不允许出现关键字这样的查询条件、按照实际查询内容拆开；表单都取消自己设置的label宽度，平台会自动计算(按照最大字数12+(是否有号)*6)
- 交互形式：关于新增，当字段数量小于10个且单表操作的资料新增直接在列表行内新增，不使用弹框。
# 权限按钮命名规则
- 新增 add
- 修改 modify
- 保存 save
- 批量XX batchXX
- 查询 query
- 重置 reset
- 审核 audit
- 导出 export
- 上传XX uploadXxx
- 提取 extract
- 删除 remove
- 取消 cancel