|
@@ -1,15 +1,111 @@
|
|
|
-# 项目框架基础:
|
|
|
+# 公共内容API
|
|
|
+### API
|
|
|
+###### get(url, params = {})
|
|
|
+get请求。
|
|
|
+ * url: 接口地址
|
|
|
+ * params: 请求参数
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.API.get("powercompare/windfarmAjax").then((res) => {
|
|
|
+ ....
|
|
|
+});
|
|
|
+```
|
|
|
+
|
|
|
+###### post(url, params = {})
|
|
|
+post请求。
|
|
|
+ * url: 接口地址
|
|
|
+ * params: 请求参数
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.API.post("login", {
|
|
|
+ "username": "ylf",
|
|
|
+ "password": "123456",
|
|
|
+}).then((res) => {
|
|
|
+ ....
|
|
|
+});
|
|
|
+```
|
|
|
+### BASE
|
|
|
+###### numberB0(n)
|
|
|
+为各位数字自动补充一个0,用于日期补零。
|
|
|
+>参数:
|
|
|
+n: 传入数字。
|
|
|
+输出:
|
|
|
+01
|
|
|
+
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.BASE.numberB0(1)
|
|
|
+```
|
|
|
+###### getBzDate(time, tag, type = "date")
|
|
|
+通过传入的时间戳获取所需的一个标准格式的日期
|
|
|
+>参数:
|
|
|
+time: 时间戳
|
|
|
+tag: 0,今天;1,明天,-1,昨天
|
|
|
+type: 输出格式,date:标准日期1999-01-10;datetime:标准日期时间:1999-01-10 10:10:10。
|
|
|
+返回:1999-01-10
|
|
|
+
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.BASE.getBzDate(new Date().getTime(), 0, "date") // 返回:1999-01-10
|
|
|
+this.BASE.getBzDate(new Date().getTime(), 0, "datetime") // 返回:1999-01-10 10:10:10
|
|
|
+```
|
|
|
+###### dateQjChange(list, tag)
|
|
|
+为时间区间的数组补零。
|
|
|
+>参数:
|
|
|
+list:[开始日期, 结束日期],如[2020-10-01, 2020-10-01]
|
|
|
+tag:1,补时分秒[2020-10-01 00:00:00, 2020-10-01 23:59:59]
|
|
|
+ * 2,补分秒[2020-10-01 10:00:00, 2020-10-01 10:59:59]
|
|
|
+ * 3,补秒[2020-10-01 10:13:00, 2020-10-01 10:13:59]
|
|
|
+
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.BASE.dateQjChange(["2020-10-01", "2020-10-01"], 1) // 返回:[2020-10-01 00:00:00, 2020-10-01 23:59:59]
|
|
|
+```
|
|
|
+###### getNewNum(nStr)
|
|
|
+金额分割符,4位分割(仅数字)。
|
|
|
+>参数:
|
|
|
+nStr:数字
|
|
|
+
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.BASE.getNewNum(123456789) // 返回:1,2345,6789
|
|
|
+```
|
|
|
+###### cascaderBugRepair(data)
|
|
|
+Ant和element-ui 级联相同bug - 底层存在children的时候会显示空模块的问题,此方法可以完成任意级别的递归找children。
|
|
|
+>参数:
|
|
|
+data:原型数据。
|
|
|
+
|
|
|
+使用方式:
|
|
|
+```
|
|
|
+this.BASE.cascaderBugRepair(树结构的数据)
|
|
|
+```
|
|
|
+
|
|
|
+### 自定义滚动条
|
|
|
+使用方式如下:
|
|
|
+```
|
|
|
+<VueScroll>
|
|
|
+ <div style="width: 100px; height: 100px;">
|
|
|
+ 内容
|
|
|
+ </div>
|
|
|
+</VueScroll>
|
|
|
+```
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+# 项目前端基础要求
|
|
|
+### 项目框架基础:
|
|
|
vue 脚手架4.5.12搭建vue2项目
|
|
|
-# 基础组件:
|
|
|
+### 基础组件:
|
|
|
vue 2.6.11+ElementUI2.15.1+axios0.21.1+router3.2.0
|
|
|
-# 公共组件:
|
|
|
+### 公共组件:
|
|
|
Echarts5.0.2 报表
|
|
|
Excel:vue-json-excel0.3.0 导出excel
|
|
|
vuescroll:滚动条
|
|
|
等
|
|
|
|
|
|
|
|
|
-# 规范:
|
|
|
+### 规范:
|
|
|
1. 目录结构说明:
|
|
|
Api:根据需求封装的请求,公共类型,不要随意修改。
|
|
|
Assets:公共资源,包括图片,css文件,js文件,字体库等。
|
|
@@ -76,7 +172,7 @@ Git使用教程:https://www.liaoxuefeng.com/wiki/896043488029600/9000037677754
|
|
|
|
|
|
|
|
|
|
|
|
-# 本次改动目标:
|
|
|
+### 本次改动目标:
|
|
|
1. 全面完成前后端分离,完成解耦。
|
|
|
2. 统一项目全局的常用文字的字体、字号、字色。
|
|
|
3. 基于ElementUI开发,需统一使用其按钮、表格、表单等,形成风格统一。
|
|
@@ -84,7 +180,7 @@ Git使用教程:https://www.liaoxuefeng.com/wiki/896043488029600/9000037677754
|
|
|
5. 地图建议设计更好看的地图图片,或更换百度高德等,后期讨论、调研决定。
|
|
|
6. 设计方面,如UI时间比较紧,建议只设计登录页、框架页面、公共页出设计稿,定稿后修改。其他所有的表格表单,按照ElementUI实现。
|
|
|
|
|
|
-# 开发工具:
|
|
|
+### 开发工具:
|
|
|
Visual Studio Code V1.55.2,小版本区别没关系。
|
|
|
-# 任务:
|
|
|
+### 任务:
|
|
|
2周移植项目。
|