# cpt-components

**Repository Path**: cc-dd/cpt-components

## Basic Information

- **Project Name**: cpt-components
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-03-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 凯普顿前端基础脚手架 （[文档](http://doc.cpt.com)）

## npm 命令
* `npm start`或则`npm run dev` 进入热开发模式
* `npm run build` 打包产品环境代码
* `npm run test:unit` 进行单元测试

## 更新日志（[CHANGELOG](./blob/master/CHANGELOG.MD)）

## 文档
1. [工具函数](./blob/master/docs/UTILS.MD)
2. [AJAX](./blob/master/docs/AJAX.MD)
3. [组件增强](./blob/master/docs/ENHANCE.MD)
4. [EDIT混合](./blob/master/docs/mixins/EDIT.MD)
4. [FORM混合](./blob/master/docs/mixins/FORM.MD)
4. [PAGE混合](./blob/master/docs/mixins/PAGE.MD)

## 规范
## 前言
* 正确使用const和let替代var
* 使用模板字符串`${this.data}`
* 箭头函数
* 使用Promise代替回掉，请多尽量使用async await语法
* 不能直接操作dom
* 尽量不要使用jquery和引入jquery库
* 静态资源引用不能使用绝对地址，请参考本项目的hello组件的图片引入方式
* table 金额字段列头和单元格内容居右，其他居左，

### 命名
* 文件全使用小写，并使用dash-case（单词之间使用'-'链接）命名方式
* components下每个组件应该有一个main.vue文件
* js代码使用camelCase（驼峰命名法）
* 组件声明使用dash-case如：`<app-nav></app-nav>`
* css类使用dash-case
* html元素的属性使用dash-case

### 注释
* 减少对字段方法的注释，使用好的命名来代替
* 注释稍微有复杂逻辑的代码
* 公共方法，公共组件请注释用法参数等等

### 界面风格规范
1. 取消和关闭图标为'close'，type为dashed,确认图标为checkmark type="primary"
2. 详情页面参考 承包地，
3. 编辑性质的页面，如果存在多种数据的编辑， 设计图：承包经营权信息应用平台（产品）v1-05.jpg
4. 界面细节，如对齐，
5. 地块详情：界址线，字段显示太多，用行展开功能
6. 详情界面label统一不加冒号，单位平方米统一使用符号 ㎡，单位房子label的右边
8. 操作按钮个数：2：130、3：180、4：220、5：250
9. 操作按钮查看统一改查详情
10. 选择框需要搜索
11. 面积都显示两位小数，居右
12. 日期类型的字段都格式化
13. 不允许编辑的字段使用readonly 不使用disabled