2128样式优化:新增/编辑审批单页面的样式优化
重现步骤

[步骤]

希望所有的输入框和多行文本样式,都参考以下图片的外框、字体大小、内边距等。

file-read-6197.png

1、事务申请

  • 新增审批单,或者“草稿”状态下的继续编辑审批单的页面样式优化;

  • 顶部的tab按钮,降低按钮高度,并且按钮字体与小标题字体大小保持一致;

  • 项目名称输入框留出左边距,边距大小参考审批模版的选择框提示词;

  • 事由描述内容,改为多行文本展示;

file-read-6173.png

2、支出申请-采购

  • 顶部的tab按钮,和第1点“事务申请”的修改保持一致;

  • 支出类型的单选按钮高度缩小,字体大小统一成输入框文本字体大小;

  • 支出名称输入框留出左边距,边距大小参考审批模版的选择框提示词;

  • 所属预算科目的选择框外框以及字体大小需要参考支出项目类型选择框的样式;

  • 清单项目里,选择供应商字段重起一行,规格和供应商宽度按100%;

  • 清单项目里,选择供应商的选择框外框以及字体大小需要参考支出项目类型选择框的样式;

  • 清单项目里,数量的输入框文本居中;

  • 清单项目里,“新增清单项”按钮的字体按左侧标题字体大小;

  • 清单项目里,产品名称、型号规格字段的输入框空出左侧边距;

  • 事由描述内容,改为多行文本展示;

file-read-6192.png

3、支出申请-报销

  • 顶部的tab按钮,和第1点“事务申请”的修改保持一致;

  • 支出类型的单选按钮、支出名称输入框、所属预算科目的选择框、事由描述内容的修改与第2点“支出申请-采购”的内容一致;

  • 清单项目里,“新增清单项”按钮的字体按左侧标题字体大小;

  • 清单项目里,费用名称的输入框空出左侧边距;

  • 清单项目里,费用说明的多行文本,增加输入框边框,圆角样式和报销金额保持一致;

  • 清单项目里,两个日期选择器,第一个提示词写“开始时间”,第二个提示词写“结束时间”;

file-read-6194.png

4、支出申请-其他

  • 顶部的tab按钮,和第1点“事务申请”的修改保持一致;

  • 支出类型的单选按钮、支出名称输入框、所属预算科目的选择框、事由描述内容的修改与第2点“支出申请-采购”的内容一致;

  • 清单项目里,“新增清单项”按钮的字体按左侧标题字体大小;

  • 清单项目里,费用说明的多行文本高度加高;

file-read-6195.png

[结果]

[期望]

激活
所属产品
所属计划
来源用例
Bug类型
代码错误
严重程度
优先级
2
Bug状态
已关闭
激活次数
1
激活时间
2026-01-14 15:27:08
是否确认
已确认
指派给
Closed 于 2026-01-20 15:58:46
截止日期
反馈者
通知邮箱
操作系统
浏览器
关键词
抄送给
由谁创建
卓泽敏 于 2026-01-12 11:45:41
影响版本
主干
由谁解决
guest 于 2026-01-16
解决版本
主干
解决方案
已解决
由谁关闭
卓泽敏 于 2026-01-20 15:58:46
最后修改
卓泽敏 于 2026-01-20 15:58:46