网页导航列表规范思维导图

1、新增时弹框：

2、树形列表指定插⼊位置⾏编辑新增：新增按钮位置在右上⾓。选择⼀条⼀级数据，点击新增按钮，在该⼀级下新增⼀条空⽩⾏，⾏编辑直接修改，操作列保存或取消。未选择⼀级数据，点击新增按钮，在列表底部新增⼀条⼀级数据。

3、⾏编辑新增，新增按钮位置在列表底部，点击【新增】，列表本页底部新增按钮位置新增⼀条空⽩数据，同时新增按钮隐藏。

1、弹框编辑：

2、⾏编辑：

1、批量删除：

2、单条删除：

1、查询条件位置统⼀放列表上⽅。查询条件最后尽量放上【查询】按钮，点击⽣效，若查询条件过多，查询按钮可不显⽰。除点击【查询】按钮⽣效外，多种查询有各⾃的直接⽣效条件，如下：

2、查询条件三个以上，【查询】按钮后给【重置】按钮，点击【重置】，回到默认查询条件状态。【重置】后⾃动⽣效，不需要再次点击【查询】按钮。

3、未查询到数据，列表居中显⽰“没有数据”。

1、列表单击时，选中当前⾏。如果当前⾏为⾏编辑启⽤状态，单击只读单元格为选中当前⾏，单击可编辑单元格为选中当前⾏并直接定位编辑本单元格。

1、有⾏编辑功能的列表。默认不给双击事件，如有特殊需要，双击事件根据需要添加，如双击可直接打开编辑器或设计器。

2、没有⾏编辑功能的列表。默认双击时打开本条数据的编辑弹框。有特殊需要，双击事件也可根据需要调整。如患者列表双击可直接进⼊患者⾸页。PS：列表只读或双击功能只读时，双击事件⾃动失效。

1、⿏标划过默认给样式变化。如有特殊需要⾃⾏调整。

1、单元格中内容展⽰不下，不给⿏标悬浮显⽰全部，单击本⾏时⾼度⾃动撑开，移除本⾏选中时，⾼度⾃动收起为⼀⾏。另外，本⾏⾏编辑启⽤时，也⾃动撑开。如有特殊需要⾃⾏调整，如病情护理记录单，需要默认全部撑开，最⾼五⾏。

2、单元格内容展⽰不下，⽤...显⽰，并⿏标悬浮⽓泡显⽰全部内容。能显⽰完整的单元格，⿏标悬浮⽆⽓泡显⽰。如有特殊需要⾃⾏调整，如病情护理记录单，需要默认全部撑开，最⾼五⾏。但启⽤⾏编辑时，本⾏⾼度⾃动撑开。

1、操作列按钮三个以上时，外层显⽰2-3个常⽤按钮（尽量⽤图标，节省列表宽度）+更多按钮，点击【更多】，展开显⽰其他隐藏按钮。如有特殊展⽰需要，可⾃⾏调整。

1、列表有状态列时，位置尽量放在列表⾸列或操作列前⼀列。点击状态切换按钮，直接触发，启⽤⾃动⽣效，⽆需提⽰；停⽤时提⽰“确认停⽤吗？”点击【确认】，页⾯顶部显⽰“停⽤成功！”，⼀秒闪退，并且显⽰时不能影响页⾯操作。

1、正常列表默认给翻页功能，位置在列表下⽅，居中显⽰。默认每页显⽰20条，显⽰条数下拉值（20/50/100/500/1000）。

1、必填项：标题⾏*标注，失去焦点检验，红框标注，⽓泡显⽰提⽰内容。此时点击操作列【保存】，光标定位到本⾏第⼀个红框单元格。

2、格式错误：失去焦点校验，红框标注，⽓泡显⽰提⽰内容。此时点击操作列【保存】，光标定位到本⾏第⼀个红框单元格。

1、多选列表，表头都有全选按钮，勾选全选，本页所有数据全部选中。

2、去掉本页⼀条数据的选中效果，则表头全选取消勾选。

3、翻页后，⾃动去掉已勾选的记录及全选的勾选。

4、刷新页⾯后，⾃动去掉已勾选的记录及全选的勾选。

5、勾选⼀条数据，按住Shift键，勾选另⼀条数据，中间部分全部选中。

1、表头：左对齐，字体加粗，字号14px。

2、单元格：⽂字内容左对齐，，数字、⾦额内容右对齐。

3、操作列原则上均⽤图标表达，特殊情况特殊处理。

1、表头固定，不跟随垂直滚动条滚动。

2、列表操作列固定，不跟随横向滚动条滚动。

1、所有列点击表头名称，给排序切换功能。如果不能实现所有列⼿动排序，则全部时间列⼀定要有⼿动排序功能，其他列根据需要⾃⾏调整。⼗七、列表疏密设置

2、点击操作列表头右侧的调整列表密度按钮，调整列表⾏⾼。