Parcourir la source

更新公共内容,更新README

九山 il y a 4 ans
Parent
commit
faa5f08743
3 fichiers modifiés avec 118 ajouts et 26 suppressions
  1. 103 7
      README.md
  2. 1 1
      src/api/axios.js
  3. 14 18
      src/tools/base.js

+ 103 - 7
README.md

@@ -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周移植项目。

+ 1 - 1
src/api/axios.js

@@ -106,7 +106,7 @@ httpService.interceptors.response.use(
     }
     store.commit('loadingStore', false); // 全局的数据 加载中.... - 开关
     store.commit('openSubmitDDTag', false); // 防抖动 - 开关
-    console.error(BASE.getNowTime(), error.message)
+    console.error(BASE.getBzDate(new Date().getTime(), 0, "datetime"), error.message)
     Message.error(error.message + ",请稍候重试!");
   }
 );

+ 14 - 18
src/tools/base.js

@@ -5,20 +5,27 @@ export function numberB0(n) {
   return n < 10 ? "0" + n : n;
 }
 
-// 
-//
 /**
  * 通过传入的时间戳获取所需的一个标准格式的日期
  * 参数:
- * time,时间戳
- * tag,0,今天;1,明天,-1,昨天
+ * time: 时间戳
+ * tag: 0,今天;1,明天,-1,昨天
+ * type: 输出格式,date:标准日期1999-01-10;datetime:标准日期时间:1999-01-10 10:10:10。
  * 返回:1999-01-10
  */
-export function getBzDate(time, tag) {
+export function getBzDate(time, tag, type = "date") {
   let dateTime = new Date(time).getTime() + 3600*1000*24*tag;
   let newDate = new Date(dateTime);
-
-  return newDate.getFullYear() + "-" + numberB0((newDate.getMonth() + 1)) + "-" + numberB0(newDate.getDate());
+  switch(type){
+    case "date":
+      return newDate.getFullYear() + "-" + numberB0((newDate.getMonth() + 1)) + "-" + numberB0(newDate.getDate());
+      break;
+    case "datetime":
+      return newDate.getFullYear() + "-" + numberB0((newDate.getMonth() + 1)) + "-" + numberB0(newDate.getDate()) + " " + numberB0(newDate.getHours()) + ":" + numberB0(newDate.getMinutes()) + ":" + numberB0(newDate.getSeconds());
+      break;
+    default:
+      return newDate.getFullYear() + "-" + numberB0((newDate.getMonth() + 1)) + "-" + numberB0(newDate.getDate());
+  }
 }
 
 /**
@@ -130,19 +137,8 @@ export function cascaderBugRepair(data) {
   return data;
 }
 
-/*
- *  MD5加密方法
- * */
-export function getMd5(data) {
-  const md5 = crypto.createHash("md5");
-  md5.update(data);
-  let md5password = md5.digest("hex");
-  return md5password.toString().toUpperCase();
-}
-
 export default {
   getBzDate,
-  getMd5,
   cascaderBugRepair,
   getNewNum,
   dateQjChange,