1.校验

  1. /**
  2.  * Created by jiachenpan on 16/11/18.
  3.  */
  5. export function validUsername(str) {
  6.   const valid_map = ["admin", "editor"];
  7.   return valid_map.indexOf(str.trim()) >= 0;
  8. }
  10. /**
  11.  * 邮箱
  12.  * @param {*} s
  13.  */
  14. export function validEmail(s) {
  15.   return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s);
  16. }
  18. /**
  19.  * 手机号码
  20.  * @param {*} s
  21.  */
  22. export function validMobile(s) {
  23.   return /^1[0-9]{10}$/.test(s);
  24. }
  26. /**
  27.  * 电话号码
  28.  * @param {*} s
  29.  */
  30. export function validPhone(s) {
  31.   return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s);
  32. }
  34. /**
  35.  * URL地址
  36.  * @param {*} s
  37.  */
  38. export function validURL(s) {
  39.   const urlRegex =
  40.     /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
  41.   return urlRegex.test(s);
  42. }
  44. /* 小写字母*/
  45. export function validateLowerCase(str) {
  46.   const reg = /^[a-z]+$/;
  47.   return reg.test(str);
  48. }
  50. /* 大写字母*/
  51. export function validateUpperCase(str) {
  52.   const reg = /^[A-Z]+$/;
  53.   return reg.test(str);
  54. }
  56. /* 大小写字母*/
  57. export function validateAlphabets(str) {
  58.   const reg = /^[A-Za-z]+$/;
  59.   return reg.test(str);
  60. }
  62. /*验证pad还是pc*/
  63. export const validatePc = function () {
  64.   const userAgentInfo = navigator.userAgent;
  65.   const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
  66.   let flag = true;
  67.   for (let v = 0; v < Agents.length; v++) {
  68.     if (userAgentInfo.indexOf(Agents[v]) > 0) {
  69.       flag = false;
  70.       break;
  71.     }
  72.   }
  73.   return flag;
  74. };
  75. /**
  76.  * validate email
  77.  * @param email
  78.  * @returns {boolean}
  79.  */
  80. export function validateEmail(email) {
  81.   const re =
  82.     /^(([^<>()\\[\]\\.,;:\s@"]+(\.[^<>()\\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  83.   return re.test(email);
  84. }
  86. /**
  87.  * 判断身份证号码
  88.  */
  89. export function validateCardId(code) {
  90.   let list = [];
  91.   let result = true;
  92.   let msg = "";
  93.   let city = {
  94.     11: "北京",
  95.     12: "天津",
  96.     13: "河北",
  97.     14: "山西",
  98.     15: "内蒙古",
  99.     21: "辽宁",
  100.     22: "吉林",
  101.     23: "黑龙江 ",
  102.     31: "上海",
  103.     32: "江苏",
  104.     33: "浙江",
  105.     34: "安徽",
  106.     35: "福建",
  107.     36: "江西",
  108.     37: "山东",
  109.     41: "河南",
  110.     42: "湖北 ",
  111.     43: "湖南",
  112.     44: "广东",
  113.     45: "广西",
  114.     46: "海南",
  115.     50: "重庆",
  116.     51: "四川",
  117.     52: "贵州",
  118.     53: "云南",
  119.     54: "西藏 ",
  120.     61: "陕西",
  121.     62: "甘肃",
  122.     63: "青海",
  123.     64: "宁夏",
  124.     65: "新疆",
  125.     71: "台湾",
  126.     81: "香港",
  127.     82: "澳门",
  128.     91: "国外 ",
  129.   };
  130.   if (!validateNull(code)) {
  131.     if (code.length === 18) {
  132.       if (!code || !/(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(code)) {
  133.         msg = "证件号码格式错误";
  134.       } else if (!city[code.substr(0, 2)]) {
  135.         msg = "地址编码错误";
  136.       } else {
  137.         //18位身份证需要验证最后一位校验位
  138.         code = code.split("");
  139.         //∑(ai×Wi)(mod 11)
  140.         //加权因子
  141.         let factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
  142.         //校验位
  143.         let parity = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2, "x"];
  144.         let sum = 0;
  145.         let ai = 0;
  146.         let wi = 0;
  147.         for (let i = 0; i < 17; i++) {
  148.           ai = code[i];
  149.           wi = factor[i];
  150.           sum += ai * wi;
  151.         }
  152.         if (parity[sum % 11] !== code[17]) {
  153.           msg = "证件号码校验位错误";
  154.         } else {
  155.           result = false;
  156.         }
  157.       }
  158.     } else {
  159.       msg = "证件号码长度不为18位";
  160.     }
  161.   } else {
  162.     msg = "证件号码不能为空";
  163.   }
  164.   list.push(result);
  165.   list.push(msg);
  166.   return list;
  167. }
  168. /**
  169.  * 判断手机号码是否正确
  170.  */
  171. export function validateMobile(phone) {
  172.   let list = [];
  173.   let result = true;
  174.   let msg = "";
  175.   let isPhone = /^0\d{2,3}-?\d{7,8}$/;
  176.   //增加134 减少|1349[0-9]{7}，增加181,增加145，增加17[678]
  177.   if (!validateNull(phone)) {
  178.     if (phone.length === 11) {
  179.       if (isPhone.test(phone)) {
  180.         msg = "手机号码格式不正确";
  181.       } else {
  182.         result = false;
  183.       }
  184.     } else {
  185.       msg = "手机号码长度不为11位";
  186.     }
  187.   } else {
  188.     msg = "手机号码不能为空";
  189.   }
  190.   list.push(result);
  191.   list.push(msg);
  192.   return list;
  193. }
  194. /**
  195.  * 判断姓名是否正确
  196.  */
  197. export function validateName(name) {
  198.   let regName = /^[\u4e00-\u9fa5]{2,4}$/;
  199.   return regName.test(name);
  200. }
  201. /**
  202.  * 判断是否为整数
  203.  */
  204. export function validateInteger(num, type) {
  205.   let regName = /[^\d.]/g;
  206.   if (type === 1) {
  207.     if (!regName.test(num)) return false;
  208.   } else if (type === 2) {
  209.     regName = /[^\d]/g;
  210.     if (!regName.test(num)) return false;
  211.   }
  212.   return true;
  213. }
  214. /**
  215.  * 判断是否为小数
  216.  */
  217. export function validateDecimal(num, type) {
  218.   let regName = /[^\d.]/g;
  219.   if (type === 1) {
  220.     if (!regName.test(num)) return false;
  221.   } else if (type === 2) {
  222.     regName = /[^\d.]/g;
  223.     if (!regName.test(num)) return false;
  224.   }
  225.   return true;
  226. }
  227. /**
  228.  * 判断是否为空
  229.  */
  230. export function validateNull(val) {
  231.   if (typeof val == "boolean") {
  232.     return false;
  233.   }
  234.   if (typeof val == "number") {
  235.     return false;
  236.   }
  237.   if (val instanceof Array) {
  238.     if (val.length === 0) return true;
  239.   } else if (val instanceof Object) {
  240.     if (JSON.stringify(val) === "{}") return true;
  241.   } else {
  242.     return val === "null" || val == null || val === "undefined" || val === undefined || val === "";
  243.   }
  244.   return false;
  245. }
  247. /**
  248.  * 验证是否存在true/false
  249.  */
  250. export const validateData = (val, defaultVal) => {
  251.   if (typeof val === "boolean") {
  252.     return val;
  253.   }
  254.   return !validateNull(val) ? val : defaultVal;
  255. };

2.日期格式化

  2. // 获取当前日期前一天的日期
  3. export function getBeforeDate() {
  4.   let date = new Date();
  5.   date.setTime(date.getTime() - 24 * 60 * 60 * 1000);
  6.   // 将data格式化yyyy-MM-dd
  7.   let y = date.getFullYear();
  8.   let m = date.getMonth() + 1;
  9.   let d = date.getDate();
  10.   m = m < 10 ? "0" + m : m;
  11.   d = d < 10 ? "0" + d : d;
  12.   return y + "-" + m + "-" + d;
  13. }
  16. export const calcDate = (date1, date2) => {
  17.   let date3 = date2 - date1;
  19.   let days = Math.floor(date3 / (24 * 3600 * 1000));
  21.   let leave1 = date3 % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
  22.   let hours = Math.floor(leave1 / (3600 * 1000));
  24.   let leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
  25.   let minutes = Math.floor(leave2 / (60 * 1000));
  27.   let leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
  28.   let seconds = Math.round(date3 / 1000);
  29.   return {
  30.     leave1,
  31.     leave2,
  32.     leave3,
  33.     days: days,
  34.     hours: hours,
  35.     minutes: minutes,
  36.     seconds: seconds,
  37.   };
  38. };
  40. /**
  41.  * 日期格式化
  42.  */
  43. export function dateFormat(date) {
  44.   let format = "yyyy-MM-dd hh:mm:ss";
  45.   if (date !== "Invalid Date") {
  46.     let o = {
  47.       "M+": date.getMonth() + 1, //month
  48.       "d+": date.getDate(), //day
  49.       "h+": date.getHours(), //hour
  50.       "m+": date.getMinutes(), //minute
  51.       "s+": date.getSeconds(), //second
  52.       "q+": Math.floor((date.getMonth() + 3) / 3), //quarter
  53.       S: date.getMilliseconds(), //millisecond
  54.     };
  55.     if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
  56.     for (let k in o)
  57.       if (new RegExp("(" + k + ")").test(format))
  58.         format = format.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
  59.     return format;
  60.   }
  61.   return "";
  62. }

3.文件导出

  1. export const exportFile = (result) => {
  2.   console.log("result", result);
  3.   let contentDisposition = result.headers["content-disposition"];
  4.   // 这里后端给的内容中，文件名字可能是驼峰式名称的 fileName ，或者是全部小写的 filename
  5.   let filename = decodeURI(contentDisposition.split("fileName=")[1] || contentDisposition.split("filename=")[1]);
  6.   // let filename = "1.xlsx";
  7.   // 注意这里的 result.data ，如果只传 result 的话，最后下载出来的excel文件，里面显示的是 [object Object]
  8.   let blob = new Blob([result.data], { type: result.headers["content-type"] });
  9.   // let blob = new Blob([result.data],{type: "application/x-msdownload;charset=GBK"});
  10.   // let blob = new Blob([result.data],{type: "application/x-msdownload"});
  11.   // let blob = new Blob([result.data]);
  12.   // let blob = new Blob([result.data],{type: "application/vnd.ms-excel"});
  13.   let url = window.URL.createObjectURL(blob);
  14.   if (window.navigator.msSaveBlob) {
  15.     //IE
  16.     try {
  17.       window.navigator.msSaveBlob(blob, filename);
  18.     } catch (e) {
  19.       console.log(e);
  20.     }
  21.   } else {
  22.     //非IE
  23.     let link = document.createElement("a");
  24.     link.style.display = "none";
  25.     link.href = url;
  26.     link.setAttribute("download", filename);
  27.     document.body.appendChild(link);
  28.     link.click();
  29.   }
  30.   URL.revokeObjectURL(url); // 释放内存
  31. };

4.公用工具类型

  1. /**
  2.  * 通用工具类
  3.  */
  4. export default class func {
  5.   /**
  6.    * 不为空
  7.    * @param val
  8.    * @returns {boolean}
  9.    */
  10.   static notEmpty(val) {
  11.     return !this.isEmpty(val);
  12.   }
  14.   /**
  15.    * 是否为定义
  16.    * @param val
  17.    * @returns {boolean}
  18.    */
  19.   static isUndefined(val) {
  20.     return val === null || typeof val === "undefined";
  21.   }
  23.   /**
  24.    * 为空
  25.    * @param val
  26.    * @returns {boolean}
  27.    */
  28.   static isEmpty(val) {
  29.     return val === null || typeof val === "undefined" || (typeof val === "string" && val === "" && val !== "undefined");
  30.   }
  32.   /**
  33.    * 强转int型
  34.    * @param val
  35.    * @param defaultValue
  36.    * @returns {number}
  37.    */
  38.   static toInt(val, defaultValue) {
  39.     if (this.isEmpty(val)) {
  40.       return defaultValue === undefined ? -1 : defaultValue;
  41.     }
  42.     const num = parseInt(val, 0);
  43.     return Number.isNaN(num) ? (defaultValue === undefined ? -1 : defaultValue) : num;
  44.   }
  46.   /**
  47.    * Json强转为Form类型
  48.    * @param obj
  49.    * @returns {FormData}
  50.    */
  51.   static toFormData(obj) {
  52.     const data = new FormData();
  53.     Object.keys(obj).forEach((key) => {
  54.       data.append(key, Array.isArray(obj[key]) ? obj[key].join(",") : obj[key]);
  55.     });
  56.     return data;
  57.   }
  59.   /**
  60.    * date类转为字符串格式
  61.    * @param date
  62.    * @param format
  63.    * @returns {null}
  64.    */
  65.   static format(date, format = "YYYY-MM-DD HH:mm:ss") {
  66.     return date ? date.format(format) : null;
  67.   }
  69.   /**
  70.    * 根据逗号联合
  71.    * @param arr
  72.    * @returns {string}
  73.    */
  74.   static join(arr) {
  75.     return arr ? arr.join(",") : "";
  76.   }
  78.   /**
  79.    * 根据逗号分隔
  80.    * @param str
  81.    * @returns {string}
  82.    */
  83.   static split(str) {
  84.     return str ? String(str).split(",") : "";
  85.   }
  86. }

5.校验规则常量

  1. // 校验规则常量
  2. export default {
  3.   // 手机号码
  4.   phone:
  5.     /^134[0-8]\d{7}$|^13[^4]\d{8}$|^14[5-9]\d{8}$|^15[^4]\d{8}$|^16[6]\d{8}$|^17[0-8]\d{8}$|^18[\d]{9}$|^19[8,9]\d{8}$/,
  6.   //数字
  7.   number: /^\d+$/,
  8.   //数字,不包含0
  9.   noZeroNumber: /^[1-9]\d{0,}$/,
  10.   // 固定电话
  11.   telephone: /(^\d{0,9}-\d{0,10}$)|(^\d{1,20}$)/,
  12.   //仅中文或英文，不允许含有数字
  13.   noNumber: /^[a-zA-Z\u4E00-\u9FA5]*$/,
  14.   //不允许含有特殊字符
  15.   noChar: /^[0-9a-zA-Z\u4E00-\u9FA5]*$/,
  16.   //邮箱
  17.   email: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
  18.   //不允许输入中文
  19.   noChinese: /^[^\u4e00-\u9fa5]{1,20}$/,
  20.   //密码为6-16位字母或数字密码
  21.   password: /^[0-9a-zA-Z]{6,16}$/,
  22.   //仅中文
  23.   onlineCH: /^[\u4E00-\u9FA5]*$/,
  24.   // 身份证号
  25.   cardNo: /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/,
  26. };

6.自定义校验规则

  1. /**
  2.  * @description：自定义校验规则
  3.  * @author：
  4.  * @date：Created in 2021/12/22 16:20
  5.  * @modified By：
  6.  * @version: 1.0.0
  7.  */
  8. const { validUpper } = require("@/utils/validate");
  9. // 只能输入大写字母与下划线
  10. export const tableCodeValidUpper = (rule, val, callback) => {
  11.   if (val != null && val != "") {
  12.     const value = val.replace(/^\s*|\s*$/g, "");
  13.     if (!validUpper(value)) {
  14.       callback(new Error("只能输入大写字母与下划线"));
  15.     } else {
  16.       callback();
  17.     }
  18.   } else {
  19.     callback();
  20.   }
  21. };
  22. // 只能输入中文
  23. export const tableNameValidUpper = (rule, val, callback) => {
  24.   if (val != null && val != "") {
  25.     const value = val.replace(/^\s*|\s*$/g, "");
  26.     if (!/^[\u4E00-\u9FA5]*$/.test(value)) {
  27.       callback(new Error("只能输入中文"));
  28.     } else {
  29.       callback();
  30.     }
  31.   } else {
  32.     callback();
  33.   }
  34. };
  35. // 不允许输入特殊字符
  36. export const remarkValidUpper = (rule, val, callback) => {
  37.   if (val != null && val != "") {
  38.     const value = val.replace(/^\s*|\s*$/g, "");
  40.     if (!/^[0-9a-zA-Z\u4E00-\u9FA5]*$/.test(value)) {
  41.       callback(new Error("不允许输入特殊字符"));
  42.     } else {
  43.       callback();
  44.     }
  45.   } else {
  46.     callback();
  47.   }
  48. };
  49. // 只能输入数字
  50. export const numberValidUpper = (rule, val, callback) => {
  51.   console.log("val====>", val);
  52.   if (val != null && val != "") {
  53.     if (Number(val)) {
  54.       if (!/^\d+$/.test(val)) {
  55.         callback(new Error("只能输入数字"));
  56.       } else {
  57.         callback();
  58.       }
  59.     } else {
  60.       callback();
  61.     }
  62.   }
  63. };
  64. // 只能输入数字和forever
  65. export const foreverValidUpper = (rule, val, callback) => {
  66.   const value = val.replace(/^\s*|\s*$/g, "");
  67.   if (val != null && val != "") {
  68.     if (value === "forever") {
  69.       callback();
  70.     } else {
  71.       if (!/^\d+$/.test(value)) {
  72.         callback(new Error("只能输入forever和数字"));
  73.       } else {
  74.         callback();
  75.       }
  76.     }
  77.   } else {
  78.     callback();
  79.   }
  80. };
  81. // 只能输入数字和English
  82. export const englishValidUpper = (rule, val, callback) => {
  83.   if (val != null && val != "") {
  84.     if (!/^[A-Za-z0-9]+$/.test(val)) {
  85.       callback(new Error("只能输入数字和英文"));
  86.     } else {
  87.       callback();
  88.     }
  89.   } else {
  90.     callback();
  91.   }
  92. };
  93. // 只能输入数字,且位数只能在16个
  94. export const numberValidUppers = (rule, val, callback) => {
  95.   console.log("val====>", val);
  96.   if (val != null && val != "") {
  97.     if (Number(val)) {
  98.       if (!/^\d{0,16}$/g.test(val)) {
  99.         callback(new Error("只能输入数字"));
  100.       } else {
  101.         callback();
  102.       }
  103.     } else {
  104.       callback();
  105.     }
  106.   }
  107. };
  112. ---------------------------------校验使用-------------------------------------------------------------
  114. describe: [
  115.       { required: true, message: "请输入需求描述", trigger: "blur" },
  116.       { validator: remarkValidUpper, trigger: "blur" }, //特殊字符校验
  117.     ], //需求描述

7.时间日期格式化

  1. /**
  2.  * @description: 将时间转换为2020/1/1
  3.  * @param {String} timestamp 需要转换的时间
  4.  * @return {String} t 转换后的时间
  5.  */
  6. export const formatTs = function (timestamp) {
  7.   const t = new Date(timestamp).toLocaleDateString();
  8.   return t;
  9. };
  10. /**
  11.  * @description: 与当前时间的时间差
  12.  * @param {String} date 需要转换的时间
  13.  * @return {String} 时间差
  14.  */
  15. export const formatTimestamp = function (date) {
  16.   const t = new Date(date).toLocaleDateString();
  17.   const timestamp = new Date(t);
  18.   const currentTime = new Date();
  19.   return currentTime - timestamp;
  20. };
  22. /**
  23.  * @description: 返回当前月和最后一天
  24.  * @param {String} timeSecond 需要转换的时间例如："2020-1-1"
  25.  * @return {Array} ["2020-01-01", "2020-01-31", "2020-01"]
  26.  */
  27. export const getDateRange = function (timeSecond) {
  28.   const timeDifference = formatTimestamp(timeSecond);
  29.   const time = new Date(timeSecond);
  30.   const year = time.getFullYear();
  31.   let month = time.getMonth() + 1;
  32.   const month2 = month;
  33.   let day = timeDifference >= 30 * 24 * 3600 * 1000 ? time.getDate() : new Date(new Date()).getDate();
  34.   if (month < 10) {
  35.     month = `0${month}`;
  36.   }
  37.   if (day < 10) {
  38.     day = `0${day}`;
  39.   }
  40.   const day31 = [1, 3, 5, 7, 8, 10, 12];
  41.   let timeStart = null;
  42.   let timeEnd = null;
  43.   const yearMonth = `${year}-${month}`;
  44.   // 获取当前的时间
  45.   if (timeDifference >= 30 * 24 * 3600 * 1000) {
  46.     timeStart = `${year}-${month}-${day}`;
  47.     for (let i = 0; i < day31.length; i++) {
  48.       if (day31[i] === month2) {
  49.         timeEnd = `${year}-${month}-${31}`;
  50.         break;
  51.       } else if (month2 === 2) {
  52.         timeEnd = `${year}-${month}-${28}`;
  53.       } else {
  54.         timeEnd = `${year}-${month}-${30}`;
  55.       }
  56.     }
  57.   } else {
  58.     timeStart = `${year}-${month}-${"01"}`;
  59.     timeEnd = `${year}-${month}-${day}`;
  60.   }
  61.   return [timeStart, timeEnd, yearMonth];
  62. };
  64. /**
  65.  * @description: 当前系统日期 yyyy-MM-dd
  66.  * @param {String} date 需要转换的时间例如："2020-1-1"
  67.  * @return {String} "2020-01-01"
  68.  */
  69. export const getYearMonthDay = function (date) {
  70.   const d = new Date(date);
  71.   const yyyy = d.getFullYear();
  72.   let MM = d.getMonth() + 1;
  73.   MM = MM < 10 ? `0${MM}` : MM;
  74.   let dd = d.getDate();
  75.   dd = dd < 10 ? `0${dd}` : dd;
  76.   return `${yyyy}-${MM}-${dd}`;
  77. };
  78. /**
  79.  * @description: 格式 年-月
  80.  * @param {String} date 需要转换的时间例如："2020-1-1"
  81.  * @return {String} 年月
  82.  */
  83. export const getYearMonth = function (date) {
  84.   const d = new Date(date);
  85.   const datetime = d.getFullYear() + "-" + (d.getMonth() + 1);
  86.   return datetime;
  87. };
  88. /**
  89.  * @description: 格式 时间到时分秒
  90.  * @param {String} date 需要转换的时间例如："2020-1-1"
  91.  * @return {String} 年月日时分秒
  92.  */
  93. export const format = function (date) {
  94.   if (!date) return;
  95.   var date2 = new Date(date);
  96.   var y = date2.getFullYear();
  97.   var m = date2.getMonth() + 1;
  98.   m = m < 10 ? "0" + m : m;
  99.   var d = date2.getDate();
  100.   d = d < 10 ? "0" + d : d;
  101.   var h = date2.getHours();
  102.   h = h < 10 ? "0" + h : h;
  103.   var minute = date2.getMinutes();
  104.   minute = minute < 10 ? "0" + minute : minute;
  105.   var seconds = date2.getSeconds();
  106.   seconds = seconds < 10 ? "0" + seconds : seconds;
  107.   return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + seconds;
  108. };
  109. /**
  110.  * @description: 格式 处理时间到时
  111.  * @param {String} date 需要转换的时间
  112.  * @param {String} h 不足两位补两位
  113.  * @return {String} 年月日时
  114.  */
  115. export const todayTime = function (date, h) {
  116.   var date2 = new Date(date);
  117.   var y = date2.getFullYear();
  118.   var m = date2.getMonth() + 1;
  119.   m = m < 10 ? "0" + m : m;
  120.   var d = date2.getDate();
  121.   d = d < 10 ? "0" + d : d;
  122.   h = h < 10 ? "0" + h : h;
  123.   return y + "-" + m + "-" + d + " " + h + ":" + "00" + ":" + "00";
  124. };
  125. /**
  126.  * @description: 格式 处理时间到年月日
  127.  * @param {String} date 需要转换的时间
  128.  * @return {String} 年月日
  129.  */
  130. export const todayTime1 = function (date) {
  131.   var date2 = new Date(date);
  132.   var y = date2.getFullYear();
  133.   var m = date2.getMonth() + 1;
  134.   m = m < 10 ? "0" + m : m;
  135.   var d = date2.getDate();
  136.   d = d < 10 ? "0" + d : d;
  137.   return y + "-" + m + "-" + d + " " + "00" + ":" + "00" + ":" + "00";
  138. };
  139. /**
  140.  * @description: 格式 获取是分秒
  141.  * @param {String} date 需要转换的时间
  142.  * @param {String} type 转换类型
  143.  * @return {String} 时分/时分秒
  144.  */
  145. export const formatTime = function (date, type) {
  146.   if (!date) return;
  147.   var h = date.getHours();
  148.   h = h < 10 ? "0" + h : h;
  149.   var minute = date.getMinutes();
  150.   minute = minute < 10 ? "0" + minute : minute;
  151.   var seconds = date.getSeconds();
  152.   seconds = seconds < 10 ? "0" + seconds : seconds;
  153.   if (type === "HH:mm") {
  154.     return h + ":" + minute;
  155.   }
  156.   return h + ":" + minute + ":" + seconds;
  157. };
  158. /**
  159.  * @description: 格式 获取周几
  160.  * @param {String} date 需要转换的时间
  161.  * @return {String} 星期几
  162.  */
  163. export const formatDay = function (date) {
  164.   if (!date) return;
  165.   var days = date.getDay();
  166.   switch (days) {
  167.     case 1:
  168.       days = "星期一";
  169.       break;
  170.     case 2:
  171.       days = "星期二";
  172.       break;
  173.     case 3:
  174.       days = "星期三";
  175.       break;
  176.     case 4:
  177.       days = "星期四";
  178.       break;
  179.     case 5:
  180.       days = "星期五";
  181.       break;
  182.     case 6:
  183.       days = "星期六";
  184.       break;
  185.     case 0:
  186.       days = "星期日";
  187.       break;
  188.   }
  190.   return days;
  191. };
  192. /**
  193.  * @description: 转换时间戳年月日
  194.  * @param {String} str 需要转换的时间
  195.  * @return {String} 时间戳
  196.  */
  197. export const getLocalTimes = (str) => {
  198.   if (!str || str === null || str === "") {
  199.     return str;
  200.   }
  201.   var tf = function (i) {
  202.     return (i < 10 ? "0" : "") + i;
  203.   };
  204.   var oDate = new Date(str);
  205.   var oYear = oDate.getFullYear() + "-";
  206.   var oMonth = (oDate.getMonth() + 1 < 10 ? "0" + (oDate.getMonth() + 1) : oDate.getMonth() + 1) + "-";
  207.   var oDay = tf(oDate.getDate()) + " ";
  208.   return oYear + oMonth + oDay;
  209. };
  210. /**
  211.  * @description 获取当前时间的年月日信息星期几的信息
  212.  * @param date
  213.  * @return {{month: number, year: number, days: number, day: number}}
  214.  */
  215. export const getNewDate = (date) => {
  216.   let year = date.getFullYear();
  217.   let month = date.getMonth();
  218.   let day = date.getDate();
  219.   let days = date.getDay();
  220.   return { year, month, day, days };
  221. };
  222. /**
  223.  * @description获取一个月份的所有天数
  224.  * @param year 年份
  225.  * @param month 月份
  226.  * @return {[]} 一个月所有天数的数组
  227.  */
  228. export const getMonthList = (year, month) => {
  229.   let d = new Date(year, month, 0).getDate(); // 获取某一个月的天数
  230.   let list = [];
  231.   for (let j = 0; j < d; j++) {
  232.     list.push(month + "-" + (j + 1));
  233.   }
  234.   return list;
  235. };
  236. /**
  237.  * 返回每个月的开始时候和结束时间，或者一年的开始时间和结束时间
  238.  * @param date 时间对象
  239.  * @param status 1：月，2：年
  240.  * @param flag 0：开始时间，1：结束时间
  241.  * @returns {string} 返回时间字符串格式 xxxx-xx-xx xx:xx:xx
  242.  */
  243. export const getYearOrMonthFirstTime = (date, status, flag) => {
  244.   let year = date.getFullYear();
  245.   let month = date.getMonth();
  246.   if (status === 1) {
  247.     if (flag === 0) {
  248.       month = month + 1;
  249.       return year + "-" + (month < 10 ? `0${month}` : month) + "-01 00:00:00";
  250.     } else {
  251.       let day = new Date(year, month, 0);
  252.       month = month + 1;
  253.       return year + "-" + (month < 10 ? `0${month}` : month) + "-" + day.getDate() + " 23:59:59";
  254.     }
  255.   } else {
  256.     if (flag === 0) {
  257.       return year + "-" + "01" + "-01 00:00:00";
  258.     } else {
  259.       return year + "-" + "12" + "-31 23:59:59";
  260.     }
  261.   }
  262. };
  263. /**
  264.  * @description 根据当前时间获取上个月的时间
  265.  * @param date 传入的时间
  266.  * @return {string} 返回时间字符串格式 xxxx-xx-xx xx:xx:xx
  267.  */
  268. export const getLastMouthDate = (date) => {
  269.   let year = date.getFullYear();
  270.   let month = date.getMonth();
  271.   let dateTime = new Date(year, month - 1, 1);
  272.   return format(dateTime);
  273. };
  275. /**
  276.  * @description 获取当前月的第一天
  277.  * @param date 日期时间
  278.  * @return {string} 返回xxxx-xx-xx格式的字符串时间
  279.  */
  280. export const getMouthFirstDay = (date) => {
  281.   const d = new Date(date);
  282.   const yyyy = d.getFullYear();
  283.   let MM = d.getMonth() + 1;
  284.   MM = MM < 10 ? `0${MM}` : MM;
  285.   return `${yyyy}-${MM}-01`;
  286. };
  288. /**
  289.  * Parse the time to string
  290.  * @param {(Object|string|number)} time
  291.  * @param {string} cFormat
  292.  * @returns {string | null}
  293.  */
  294. export function parseTime(time, cFormat) {
  295.   if (arguments.length === 0) {
  296.     return null;
  297.   }
  298.   const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
  299.   let date;
  300.   if (typeof time === "object") {
  301.     date = time;
  302.   } else {
  303.     if (typeof time === "string" && /^[0-9]+$/.test(time)) {
  304.       time = parseInt(time);
  305.     }
  306.     if (typeof time === "number" && time.toString().length === 10) {
  307.       time = time * 1000;
  308.     }
  309.     date = new Date(time);
  310.   }
  311.   const formatObj = {
  312.     y: date.getFullYear(),
  313.     m: date.getMonth() + 1,
  314.     d: date.getDate(),
  315.     h: date.getHours(),
  316.     i: date.getMinutes(),
  317.     s: date.getSeconds(),
  318.     a: date.getDay(),
  319.   };
  320.   const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
  321.     const value = formatObj[key];
  322.     // Note: getDay() returns 0 on Sunday
  323.     if (key === "a") {
  324.       return ["日", "一", "二", "三", "四", "五", "六"][value];
  325.     }
  326.     return value.toString().padStart(2, "0");
  327.   });
  328.   return time_str;
  329. }

8.单位转换为字节

  1. /**
  2.  * 文件大小 字节转换单位
  3.  * @param size
  4.  * @returns {string|*}
  5.  * @name:王浩
  6.  */
  7. export const filterSize = (size) => {
  8.   if (!size) return "";
  9.   if (size < pow1024(1)) return size + " B";
  10.   if (size < pow1024(2)) return (size / pow1024(1)).toFixed(2) + " KB";
  11.   if (size < pow1024(3)) return (size / pow1024(2)).toFixed(2) + " MB";
  12.   if (size < pow1024(4)) return (size / pow1024(3)).toFixed(2) + " GB";
  13.   return (size / pow1024(4)).toFixed(2) + " TB";
  14. };
  16. // 求次幂
  17. function pow1024(num) {
  18.   return Math.pow(1024, num);
  19. }
  21. /**
  22.  * @name:王浩
  23.  * @description: 当前系统日期 yyyy-MM-dd
  24.  * @param {String} date 需要转换的时间例如："2020-1-1"
  25.  * @return {String} "2020-01-01"
  26.  */
  27. export const getYearMonthDay = function (date) {
  28.   const d = new Date(date);
  29.   const yyyy = d.getFullYear();
  30.   let MM = d.getMonth() + 1;
  31.   MM = MM < 10 ? `0${MM}` : MM;
  32.   let dd = d.getDate();
  33.   dd = dd < 10 ? `0${dd}` : dd;
  34.   return `${yyyy}-${MM}-${dd}`;
  35. };
  37. /**
  38.  * @description: 格式 时间到时分秒
  39.  * @param {String} date 需要转换的时间例如："2020-1-1"
  40.  * @return {String} 年月日时分秒
  41.  */
  42. export const format = function (date) {
  43.   if (!date) return;
  44.   var date2 = new Date(date);
  45.   var y = date2.getFullYear();
  46.   var m = date2.getMonth() + 1;
  47.   m = m < 10 ? "0" + m : m;
  48.   var d = date2.getDate();
  49.   d = d < 10 ? "0" + d : d;
  50.   var h = date2.getHours();
  51.   h = h < 10 ? "0" + h : h;
  52.   var minute = date2.getMinutes();
  53.   minute = minute < 10 ? "0" + minute : minute;
  54.   var seconds = date2.getSeconds();
  55.   seconds = seconds < 10 ? "0" + seconds : seconds;
  56.   return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + seconds;
  57. };

9.根据文件类型判断不同的图片

  1. /**
  2.  * @description：根据文件类型判断不同的图片
  3.  * @author：
  4.  * @date：Created in 2022/1/12 16:20
  5.  * @modified By：王浩
  6.  * @version: 1.0.0
  7.  */
  9. //匹配文件后缀
  10. export function matchFileSuffixType(fileName) {
  11.   // 后缀获取
  12.   var suffix = "";
  13.   // 获取类型结果
  14.   var result = "";
  15.   try {
  16.     var flieArr = fileName.split(".");
  17.     suffix = flieArr[flieArr.length - 1];
  18.   } catch (err) {
  19.     suffix = "";
  20.   }
  21.   // fileName无后缀返回 false
  22.   if (!suffix) {
  23.     result = false;
  24.     return result;
  25.   }
  26.   // 图片格式
  27.   var imglist = ["png", "jpg", "jpeg", "bmp", "gif", "tif", "tiff"];
  28.   // 进行图片匹配
  29.   result = imglist.some(function (item) {
  30.     return item == suffix;
  31.   });
  32.   if (result) {
  33.     result = "image";
  34.     return result;
  35.   }
  36.   // 匹配txt
  37.   var txtlist = ["txt"];
  38.   result = txtlist.some(function (item) {
  39.     return item == suffix;
  40.   });
  41.   if (result) {
  42.     result = "txt";
  43.     return result;
  44.   }
  45.   // 匹配 doc文件
  46.   var officelist = ["doc", "docx"];
  47.   result = officelist.some(function (item) {
  48.     return item == suffix;
  49.   });
  50.   if (result) {
  51.     result = "doc";
  52.     return result;
  53.   }
  54.   // -----------pdf---------------
  55.   var pdf = ["pdf"];
  56.   result = pdf.some(function (item) {
  57.     return item == suffix;
  58.   });
  59.   if (result) {
  60.     result = "pdf";
  61.     return result;
  62.   }
  63.   // 匹配xlsx文件类型
  64.   var download = ["xlsx", "xls"];
  65.   result = download.some(function (item) {
  66.     return item == suffix;
  67.   });
  68.   if (result) {
  69.     result = "xls";
  70.     return result;
  71.   }
  73.   // 匹配压缩文件
  74.   var ziplist = ["zip", "rar", "jar", "tar", "gzip"];
  75.   result = ziplist.some(function (item) {
  76.     return item == suffix;
  77.   });
  78.   if (result) {
  79.     result = "zip";
  80.     return result;
  81.   }
  82.   // 匹配 视频
  83.   var videolist = ["mp4", "m2v", "mkv"];
  84.   result = videolist.some(function (item) {
  85.     return item == suffix;
  86.   });
  87.   if (result) {
  88.     result = "video";
  89.     return result;
  90.   }
  91.   // 匹配 音频
  92.   var radiolist = ["mp3", "wav", "wmv"];
  93.   result = radiolist.some(function (item) {
  94.     return item == suffix;
  95.   });
  96.   if (result) {
  97.     result = "radio";
  98.     return result;
  99.   }
  100.   // 其他 文件类型
  101.   result = "other";
  102.   return result;
  103. }

10.其他方法

  1. export const forEach = (arr, fn) => {
  2.   if (!arr.length || !fn) return;
  3.   let i = -1;
  4.   let len = arr.length;
  5.   while (++i < len) {
  6.     let item = arr[i];
  7.     fn(item, i, arr);
  8.   }
  9. };
  11. /**
  12.  * @param {Array} arr1
  13.  * @param {Array} arr2
  14.  * @description 得到两个数组的交集, 两个数组的元素为数值或字符串
  15.  */
  16. export const getIntersection = (arr1, arr2) => {
  17.   let len = Math.min(arr1.length, arr2.length);
  18.   let i = -1;
  19.   let res = [];
  20.   while (++i < len) {
  21.     const item = arr2[i];
  22.     if (arr1.indexOf(item) > -1) res.push(item);
  23.   }
  24.   return res;
  25. };
  27. /**
  28.  * @param {Array} arr1
  29.  * @param {Array} arr2
  30.  * @description 得到两个数组的并集, 两个数组的元素为数值或字符串
  31.  */
  32. export const getUnion = (arr1, arr2) => {
  33.   return Array.from(new Set([...arr1, ...arr2]));
  34. };
  36. /**
  37.  * @param {Array} target 目标数组
  38.  * @param {Array} arr 需要查询的数组
  39.  * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
  40.  */
  41. export const hasOneOf = (targetarr, arr) => {
  42.   return targetarr.some((_) => arr.indexOf(_) > -1);
  43. };
  45. /**
  46.  * @param {String|Number} value 要验证的字符串或数值
  47.  * @param {*} validList 用来验证的列表
  48.  */
  49. export function oneOf(value, validList) {
  50.   for (let i = 0; i < validList.length; i++) {
  51.     if (value === validList[i]) {
  52.       return true;
  53.     }
  54.   }
  55.   return false;
  56. }
  58. /**
  59.  * @param {Number} timeStamp 判断时间戳格式是否是毫秒
  60.  * @returns {Boolean}
  61.  */
  62. const isMillisecond = (timeStamp) => {
  63.   const timeStr = String(timeStamp);
  64.   return timeStr.length > 10;
  65. };
  67. /**
  68.  * @param {Number} timeStamp 传入的时间戳
  69.  * @param {Number} currentTime 当前时间时间戳
  70.  * @returns {Boolean} 传入的时间戳是否早于当前时间戳
  71.  */
  72. const isEarly = (timeStamp, currentTime) => {
  73.   return timeStamp < currentTime;
  74. };
  76. /**
  77.  * @param {Number} num 数值
  78.  * @returns {String} 处理后的字符串
  79.  * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0
  80.  */
  81. const getHandledValue = (num) => {
  82.   return num < 10 ? "0" + num : num;
  83. };
  85. /**
  86.  * @param {Number} timeStamp 传入的时间戳
  87.  * @param {Number} startType 要返回的时间字符串的格式类型，传入'year'则返回年开头的完整时间
  88.  */
  89. const getDate = (timeStamp, startType) => {
  90.   const d = new Date(timeStamp * 1000);
  91.   const year = d.getFullYear();
  92.   const month = getHandledValue(d.getMonth() + 1);
  93.   const date = getHandledValue(d.getDate());
  94.   const hours = getHandledValue(d.getHours());
  95.   const minutes = getHandledValue(d.getMinutes());
  96.   const second = getHandledValue(d.getSeconds());
  97.   let resStr = "";
  98.   if (startType === "year") resStr = year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + second;
  99.   else resStr = month + "-" + date + " " + hours + ":" + minutes;
  100.   return resStr;
  101. };
  103. /**
  104.  * @param {String|Number} timeStamp 时间戳
  105.  * @returns {String} 相对时间字符串
  106.  */
  107. export const getRelativeTime = (timeStamp) => {
  108.   // 判断当前传入的时间戳是秒格式还是毫秒
  109.   const IS_MILLISECOND = isMillisecond(timeStamp);
  110.   // 如果是毫秒格式则转为秒格式
  111.   if (IS_MILLISECOND) Math.floor((timeStamp /= 1000));
  112.   // 传入的时间戳可以是数值或字符串类型，这里统一转为数值类型
  113.   timeStamp = Number(timeStamp);
  114.   // 获取当前时间时间戳
  115.   const currentTime = Math.floor(Date.parse(new Date()) / 1000);
  116.   // 判断传入时间戳是否早于当前时间戳
  117.   const IS_EARLY = isEarly(timeStamp, currentTime);
  118.   // 获取两个时间戳差值
  119.   let diff = currentTime - timeStamp;
  120.   // 如果IS_EARLY为false则差值取反
  121.   if (!IS_EARLY) diff = -diff;
  122.   let resStr = "";
  123.   const dirStr = IS_EARLY ? "前" : "后";
  124.   // 少于等于59秒
  125.   if (diff <= 59) resStr = diff + "秒" + dirStr;
  126.   // 多于59秒，少于等于59分钟59秒
  127.   else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + "分钟" + dirStr;
  128.   // 多于59分钟59秒，少于等于23小时59分钟59秒
  129.   else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + "小时" + dirStr;
  130.   // 多于23小时59分钟59秒，少于等于29天59分钟59秒
  131.   else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + "天" + dirStr;
  132.   // 多于29天59分钟59秒，少于364天23小时59分钟59秒，且传入的时间戳早于当前
  133.   else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp);
  134.   else resStr = getDate(timeStamp, "year");
  135.   return resStr;
  136. };
  138. /**
  139.  * @returns {String} 当前浏览器名称
  140.  */
  141. export const getExplorer = () => {
  142.   const ua = window.navigator.userAgent;
  143.   const isExplorer = (exp) => {
  144.     return ua.indexOf(exp) > -1;
  145.   };
  146.   if (isExplorer("MSIE")) return "IE";
  147.   else if (isExplorer("Firefox")) return "Firefox";
  148.   else if (isExplorer("Chrome")) return "Chrome";
  149.   else if (isExplorer("Opera")) return "Opera";
  150.   else if (isExplorer("Safari")) return "Safari";
  151. };
  153. /**
  154.  * @description 绑定事件 on(element, event, handler)
  155.  */
  156. export const on = (function () {
  157.   if (document.addEventListener) {
  158.     return function (element, event, handler) {
  159.       if (element && event && handler) {
  160.         element.addEventListener(event, handler, false);
  161.       }
  162.     };
  163.   } else {
  164.     return function (element, event, handler) {
  165.       if (element && event && handler) {
  166.         element.attachEvent("on" + event, handler);
  167.       }
  168.     };
  169.   }
  170. })();
  172. /**
  173.  * @description 解绑事件 off(element, event, handler)
  174.  */
  175. export const off = (function () {
  176.   if (document.removeEventListener) {
  177.     return function (element, event, handler) {
  178.       if (element && event) {
  179.         element.removeEventListener(event, handler, false);
  180.       }
  181.     };
  182.   } else {
  183.     return function (element, event, handler) {
  184.       if (element && event) {
  185.         element.detachEvent("on" + event, handler);
  186.       }
  187.     };
  188.   }
  189. })();
  191. /**
  192.  * 判断一个对象是否存在key，如果传入第二个参数key，则是判断这个obj对象是否存在key这个属性
  193.  * 如果没有传入key这个参数，则判断obj对象是否有键值对
  194.  */
  195. export const hasKey = (obj, key) => {
  196.   if (key) return key in obj;
  197.   else {
  198.     let keysArr = Object.keys(obj);
  199.     return keysArr.length;
  200.   }
  201. };
  203. /**
  204.  * @param {*} obj1 对象
  205.  * @param {*} obj2 对象
  206.  * @description 判断两个对象是否相等，这两个对象的值只能是数字或字符串
  207.  */
  208. export const objEqual = (obj1, obj2) => {
  209.   const keysArr1 = Object.keys(obj1);
  210.   const keysArr2 = Object.keys(obj2);
  211.   if (keysArr1.length !== keysArr2.length) return false;
  212.   else if (keysArr1.length === 0 && keysArr2.length === 0) return true;
  213.   /* eslint-disable-next-line */ else return !keysArr1.some((key) => obj1[key] != obj2[key]);
  214. };

11.表单序列化 、获取类型 、对象深拷贝 、加密处理

  1. import { validateNull } from "./validate";
  2. import * as CryptoJS from "crypto-js";
  4. /**
  5.  * 表单序列化
  6.  * @param data
  7.  * @returns {string}
  8.  */
  9. export const serialize = (data) => {
  10.   let list = [];
  11.   Object.keys(data).forEach((ele) => {
  12.     list.push(`${ele}=${data[ele]}`);
  13.   });
  14.   return list.join("&");
  15. };
  17. /**
  18.  * 获取类型
  19.  * @param obj
  20.  * @returns {string|*}
  21.  */
  22. export const getObjType = (obj) => {
  23.   let toString = Object.prototype.toString;
  24.   let map = {
  25.     "[object Boolean]": "boolean",
  26.     "[object Number]": "number",
  27.     "[object String]": "string",
  28.     "[object Function]": "function",
  29.     "[object Array]": "array",
  30.     "[object Date]": "date",
  31.     "[object RegExp]": "regExp",
  32.     "[object Undefined]": "undefined",
  33.     "[object Null]": "null",
  34.     "[object Object]": "object",
  35.   };
  36.   if (obj instanceof Element) {
  37.     return "element";
  38.   }
  39.   return map[toString.call(obj)];
  40. };
  42. /**
  43.  * 对象深拷贝
  44.  */
  45. export const deepClone = (data) => {
  46.   let type = getObjType(data);
  47.   let obj;
  48.   if (type === "array") {
  49.     obj = [];
  50.   } else if (type === "object") {
  51.     obj = {};
  52.   } else {
  53.     //不再具有下一层次
  54.     return data;
  55.   }
  56.   if (type === "array") {
  57.     for (let i = 0, len = data.length; i < len; i++) {
  58.       obj.push(deepClone(data[i]));
  59.     }
  60.   } else if (type === "object") {
  61.     for (let key in data) {
  62.       obj[key] = deepClone(data[key]);
  63.     }
  64.   }
  65.   return obj;
  66. };
  68. /**
  69.  * 设置主题
  70.  */
  71. export const setTheme = (name) => {
  72.   document.body.className = name;
  73. };
  75. /**
  76.  * 加密处理
  77.  */
  78. export const encryption = (params) => {
  79.   let { data, type, param, key } = params;
  80.   let result = JSON.parse(JSON.stringify(data));
  81.   if (type === "Base64") {
  82.     param.forEach((ele) => {
  83.       result[ele] = btoa(result[ele]);
  84.     });
  85.   } else if (type === "Aes") {
  86.     param.forEach((ele) => {
  87.       let data = result[ele];
  88.       let newKey = CryptoJS.enc.Latin1.parse(key);
  89.       let iv = newKey;
  90.       // 加密
  91.       let encrypted = CryptoJS.AES.encrypt(data, newKey, {
  92.         iv: iv,
  93.         mode: CryptoJS.mode.CBC,
  94.         padding: CryptoJS.pad.ZeroPadding,
  95.       });
  96.       result[ele] = encrypted.toString();
  97.     });
  98.   }
  99.   return result;
  100. };

12.递归寻找子类的父类

  1. /**
  2.  * 递归寻找子类的父类
  3.  */
  4. export const findParent = (menu, id) => {
  5.   for (let i = 0; i < menu.length; i++) {
  6.     if (menu[i].children.length != 0) {
  7.       for (let j = 0; j < menu[i].children.length; j++) {
  8.         if (menu[i].children[j].id == id) {
  9.           return menu[i];
  10.         } else {
  11.           if (menu[i].children[j].children.length != 0) {
  12.             return findParent(menu[i].children[j].children, id);
  13.           }
  14.         }
  15.       }
  16.     }
  17.   }
  18. };

13.判断路由是否相等

  1. /**
  2.  * 判断路由是否相等
  3.  */
  4. export const diff = (obj1, obj2) => {
  5.   delete obj1.close;
  6.   let o1 = obj1 instanceof Object;
  7.   let o2 = obj2 instanceof Object;
  8.   if (!o1 || !o2) {
  9.     /*  判断不是对象  */
  10.     return obj1 === obj2;
  11.   }
  13.   if (Object.keys(obj1).length !== Object.keys(obj2).length) {
  14.     return false;
  15.     //Object.keys() 返回一个由对象的自身可枚举属性(key值)组成的数组,例如：数组返回下表：let arr = ["a", "b", "c"];console.log(Object.keys(arr))->0,1,2;
  16.   }
  18.   for (let attr in obj1) {
  19.     let t1 = obj1[attr] instanceof Object;
  20.     let t2 = obj2[attr] instanceof Object;
  21.     if (t1 && t2) {
  22.       return diff(obj1[attr], obj2[attr]);
  23.     } else if (obj1[attr] !== obj2[attr]) {
  24.       return false;
  25.     }
  26.   }
  27.   return true;
  28. };

14.根据字典的value显示label 、 根据字典的value查找对应的index

  1. /**
  2.  * 根据字典的value显示label
  3.  */
  4. export const findByValue = (dic, value) => {
  5.   let result;
  6.   if (validateNull(dic)) return value;
  7.   if (typeof value == "string" || typeof value == "number" || typeof value == "boolean") {
  8.     let index = 0;
  9.     index = findArray(dic, value);
  10.     if (index !== -1) {
  11.       result = dic[index].label;
  12.     } else {
  13.       result = value;
  14.     }
  15.   } else if (value instanceof Array) {
  16.     result = [];
  17.     let index = 0;
  18.     value.forEach((ele) => {
  19.       index = findArray(dic, ele);
  20.       if (index !== -1) {
  21.         result.push(dic[index].label);
  22.       } else {
  23.         result.push(value);
  24.       }
  25.     });
  26.     result = result.toString();
  27.   }
  28.   return result;
  29. };
  31. /**
  32.  * 根据字典的value查找对应的index
  33.  */
  34. export const findArray = (dic, value) => {
  35.   for (let i = 0; i < dic.length; i++) {
  36.     if (dic[i].value === value) {
  37.       return i;
  38.     }
  39.   }
  40.   return -1;
  41. };

15.打开小窗口

  1. /**
  2.  * 打开小窗口
  3.  */
  4. export const openWindow = (url, title, w, h) => {
  5.   // Fixes dual-screen position                            Most browsers       Firefox
  6.   const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left;
  7.   const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top;
  9.   const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
  10.   const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
  12.   const left = width / 2 - w / 2 + dualScreenLeft;
  13.   const top = height / 2 - h / 2 + dualScreenTop;
  14.   const newWindow = window.open(
  15.     url,
  16.     title,
  17.     "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=" + w + ", height=" + h + ", top=" + top + ", left=" + left,
  18.   );
  19.   // Puts focus on the newWindow
  20.   if (window.focus) {
  21.     newWindow.focus();
  22.   }
  23. };