目录规范

1）左边目录树的图标大小，应该统一16px，有些14px有些16px（如任务管理和基础宽表管理）

src/components/CategoryTree/CategoryTree.jsx

src/components/CascaderTree/Cascader.jsx

SelectTree等等 用treeUtil的renderIcon

2）搜索框和目录树之间的间距，有些搜索框和目录树中间还会多了一条线 （如数据集管理）【统一不要线】

3）新增目录的加号的图标，好像是大了一点，同时添加根目录的有些要求必填有些非必填，很奇怪 （如数据集管理和基础宽表管理）

同时，dap和基础宽表之类的添加根目录的弹窗的页头文档也不一样，一些是添加目录，一些是添加根目录

4）目录图标的颜色，统一，不要各个系统页面都不一样。【目录图标颜色统一用“#00C1DE”】

5）左边目录树的框的宽度，也不一样，任务管理、数据集管理、基础宽表管理都不一样宽的

6）目录的数据源图标也不一样

分页规范

1）先统一参考：任务管理。共有多少页，分页按钮，切换每页多少条，跳转到某页（当只有一页时，跳转某页可以隐藏）

2）分页规范，右对齐列表

3）分页和列表的分割线，需要统一，参考任务监控页面，封顶起来。

4）应该固定在底部，不要被撑来撑去

批量操作规范

1）统一批量操作，收到一个批量按钮里面,像任务管理左下角的批量一样

2）批量操作选中，参考360页面左下角的文案，同时统一用“条”。

抽屉弹框规范

1）应该统一，上占顶，下占底 --何健能、曹旭阳

2）宽度应该尽量统一720px，如果实在放不下，那么就拿出来特殊讨论一下（比如带列表的）

页面跳转规范

【点击连接跳转菜单，但是在bss的跳转不了，现在用了另外的形式？】

1)页面打开跳转，不要打开新的标签页菜单--？？？？？

2)页面打开跳转后，返回按钮统一叫“返回”，不要一会“返回”一会“取消”

按钮规范

1)新增按钮：

文字：不需要加号，就叫“新增”，不要新增xx之类的。其他复制导入之类的也不要图标和文字一起用，统一只用文字。

大小：不要固定，自适应，针对这些多个页面的按钮，宽度自适应，高度28px。普通新增删除编辑高度28，批量操作高度24

2)提示信息的按钮：

图标间距：提示图标和按钮或者输入框的间距，应该是8px

图标：统一是i，不要一时感叹号一时i

状态规范

1）列表中的状态，就是状态的颜色的一点图标+文字 --所有人

2）卡片中的状态，就是文字+椭圆形框框（统一参照360监控的状态）

3）注意，颜色和对应的状态，需要统一讨论定下来，不能各个系统不一致甚至相反 --需要跟产品定下来

弹框页眉页脚规范

1）宽度高度：统一页眉和页脚都应该高度为48px-

2）“取消”“确认”两个按钮，固定在弹窗的底部，不要因为弹窗内容把他顶到下面导致要滚动翻页才能看到。（开发要根据窗口大小动态计算，不要根据自己屏幕写死）

--部分改成抽屉

标题头规范

1）标题头：全程调度没有标题头，其他保留

2）标题头：带标题头的，新增导入等操作放一起。查询放另一块

查询条件规范

1）查询和重置收齐按钮，靠右对齐。--所有

2）带标题头的，新增导入等操作放一起。查询放另一块 --？？？？

3. 查询条件固定每行多少个，应该是四等分，查询条件占三份，查询和重置占一份。--所有人

4）比如数据架构，有些有放大镜，有些没放大镜，应该统一用放大镜的时候就不要再加一个查询按钮。

带一个小圆圈的x没必要一个输入框的查询还要特意加一个重置的（如数据架构的数据仓库）、

5）文案：请输入xxx/xxxx，不要或和/共用，不要用关键字这种模糊的内容

6）整体查询框顶部和输入框上部间隔20px，查询框自身高度28px。整体查询框底部跟表格顶部之间间隔20px ---所有人

下拉选择规范

1）下拉目录树：统一用平铺的 -- 所有人

2）单选下拉：不需要一个请选择的选项（下拉输入，可以用小圈叉去掉选择的内容）

3）多选下拉：如果是查询框的话，就固定高度，填满了就点点点。如果是表单中的内容，则是向下撑宽。

列表规范

1）简单列表：单行高度，有图标的是54px，没图标的40px

2）选中的记录，要有选中的底色；

列表分页规范

1）根据窗口高度，动态调整每页展示多少条。

复选框的规范

1）表格左侧到复选框20px，复选框到图标20px，图标到文件20px，如果没图标，复选框到文字间距20px；

滚动条样式规范

统一（ie）