DSP 侠客行 （广告平台）

基于Element UI开发而成： Element-UI (opens new window)

项目中的自定义组件文档：组件文档 (opens new window)

项目中的全部组件：全部组件 (opens new window)

编码规范：

参考：项目开发规范

开发流程规范

参考：开发流程规范

适配

需适配PC端和笔记本

安装依赖

yarn install

启动程序

yarn serve

项目文件说明

名称	说明
build	构建配置文件夹
docs	组件文档文件夹（旧，已经弃用）
generate	可视化生成代码文件夹
src/assets	静态文件，主要包含字体，主题，公共组件样式等
src/components	公共组件文件夹
src/config	公共配置（但是目前只放置了一些媒体ID）
src/directives	公共指令
src/enum	枚举文件夹
src/request	公共的请求方法
src/router	公共的路由
src/store	公共的vuex store 存贮
src/tools	公共的工具函数文件夹
src/views	项目页面文件夹
styleguide	组件文档文件夹（新）
test	测试文件夹

适配要求

适配PC（19201080【实际chrome 高度911】）端和笔记本（1366768【实际chrome 高度599】）

CheckList

目的是为了保证项目良好的体验和整体风格一致

基础

名称	类型	校验内容
按钮	按钮	默认使用圆角按钮。
保存或其他操作	按钮	做适当节流，防止多次触发同一个请求的问题。

表单

名称	类型	校验内容
输入框	数字	只能输入数字。
输入框	金额	只能输入数字，没有特殊要求默认两位小数。

表格

名称	类型	校验内容
页容量选择器	选择器	默认设置 30 50 100，NmgTable 和 NmgSearchTable 已经默认设置，el-table 需要单独设置。
数字	展示	右对齐
金额	展示	右对齐加千分位
首列、多选checkbox列	展示	默认固定在最左侧
操作列	展示	固定在最右侧
批量操作类型按钮	展示	默认如果没有选中项，禁用
常规列	展示	合理分配列宽度

弹窗

名称	类型	校验内容
取消按钮	按钮	放在最右侧。
打开弹窗时	事件	重置弹窗内的状态，比如表单输入项。

通知

名称	类型	校验内容
操作动作	事件	成功失败，需要通知用户成功或者失败

提醒

名称	类型	校验内容
删除、移除等操作	事件	需要添加二次确认框

自测部分

为了防止，数据的提交和展示错误，给用户造成误导或错误判断等问题，要求对改动或新增内容做接口连线，确保传参和回显正确无误。

名称	类型	校验内容
接口连线自测报告	接口文档自查 (opens new window)	实现页面 + 接口文档（apifox） + 真实请求数据 三者连线。
控制台报错	报错	控制台不能有报错。