vue中常用的公共方法

/**
 * @Event 方法
 * @description: 日期格式化
 * */
export function parseTime(time, pattern) {
  if (arguments.length === 0 || !time) {
    return null;
  }
  const format = pattern || "{y}-{m}-{d} {h}:{i}:{s}";
  let date;
  if (typeof time === "object") {
    date = time;
  } else {
    if (typeof time === "string" && /^[0-9]+$/.test(time)) {
      time = parseInt(time);
    } else if (typeof time === "string") {
      time = time
        .replace(new RegExp(/-/gm), "/")
        .replace("T", " ")
        .replace(new RegExp(/\.[\d]{3}/gm), "");
    }
    if (typeof time === "number" && time.toString().length === 10) {
      time = time * 1000;
    }
    date = new Date(time);
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay(),
  };
  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key];
    // Note: getDay() returns 0 on Sunday
    if (key === "a") {
      return ["日", "一", "二", "三", "四", "五", "六"][value];
    }
    if (result.length > 0 && value < 10) {
      value = "0" + value;
    }
    return value || 0;
  });
  return time_str;
}

/**
 * @Event 方法
 * @description: 表单重置
 * */
export function resetForm(refName) {
  if (this.$refs[refName]) {
    this.$refs[refName].resetFields();
  }
}

/**
 * @Event 方法
 * @description: 添加日期范围
 * */
export function addDateRange(params, dateRange, propName) {
  const search = params;
  search.params =
    typeof search.params === "object" &&
    search.params !== null &&
    !Array.isArray(search.params)
      ? search.params
      : {};
  dateRange = Array.isArray(dateRange) ? dateRange : [];
  if (typeof propName === "undefined") {
    search.params["beginTime"] = dateRange[0];
    search.params["endTime"] = dateRange[1];
  } else {
    search.params["begin" + propName] = dateRange[0];
    search.params["end" + propName] = dateRange[1];
  }
  return search;
}

/**
 * @Event 方法
 * @description: 回显数据字典
 * */
export function selectDictLabel(datas, value) {
  if (value === undefined) {
    return "";
  }
  var actions = [];
  Object.keys(datas).some((key) => {
    if (datas[key].value == "" + value) {
      actions.push(datas[key].label);
      return true;
    }
  });
  if (actions.length === 0) {
    actions.push(value);
  }
  return actions.join("");
}

/**
 * @Event 方法
 * @description: 回显数据字典(字符串数组)
 * */
export function selectDictLabels(datas, value, separator) {
  if (value === undefined) {
    return "";
  }
  var actions = [];
  var currentSeparator = undefined === separator ? "," : separator;
  var temp = value.split(currentSeparator);
  Object.keys(value.split(currentSeparator)).some((val) => {
    var match = false;
    Object.keys(datas).some((key) => {
      if (datas[key].value == "" + temp[val]) {
        actions.push(datas[key].label + currentSeparator);
        match = true;
      }
    });
    if (!match) {
      actions.push(temp[val] + currentSeparator);
    }
  });
  return actions.join("").substring(0, actions.join("").length - 1);
}

/**
 * @Event 方法
 * @description: 字符串格式化(%s )
 * */
export function sprintf(str) {
  var args = arguments;
  var flag = true;
  var i = 1;
  str = str.replace(/%s/g, function () {
    var arg = args[i++];
    if (typeof arg === "undefined") {
      flag = false;
      return "";
    }
    return arg;
  });
  return flag ? str : "";
}

/**
 * @Event 方法
 * @description: 转换字符串,undefined,null等转化为""
 * */
export function parseStrEmpty(str) {
  if (!str || str == "undefined" || str == "null") {
    return "";
  }
  return str;
}

/**
 * @Event 方法
 * @description: 数据合并
 * */
export function mergeRecursive(source, target) {
  for (var p in target) {
    try {
      if (target[p].constructor == Object) {
        source[p] = mergeRecursive(source[p], target[p]);
      } else {
        source[p] = target[p];
      }
    } catch (e) {
      source[p] = target[p];
    }
  }
  return source;
}

/**
 * 构造树型结构数据
 * @param {*} data 数据源
 * @param {*} id id字段 默认 'id'
 * @param {*} parentId 父节点字段 默认 'parentId'
 * @param {*} children 孩子节点字段 默认 'children'
 */
export function handleTree(data, id, parentId, children) {
  const config = {
    id: id || "id",
    parentId: parentId || "parentId",
    childrenList: children || "children",
  };

  var childrenListMap = {};
  var nodeIds = {};
  var tree = [];

  for (const d of data) {
    const parentId = d[config.parentId];
    if (childrenListMap[parentId] == null) {
      childrenListMap[parentId] = [];
    }
    nodeIds[d[config.id]] = d;
    childrenListMap[parentId].push(d);
  }

  for (const d of data) {
    const parentId = d[config.parentId];
    if (nodeIds[parentId] == null) {
      tree.push(d);
    }
  }

  for (const t of tree) {
    adaptToChildrenList(t);
  }

  function adaptToChildrenList(o) {
    if (childrenListMap[o[config.id]] !== null) {
      o[config.childrenList] = childrenListMap[o[config.id]];
    }
    if (o[config.childrenList]) {
      for (const c of o[config.childrenList]) {
        adaptToChildrenList(c);
      }
    }
  }
  return tree;
}

/**
 * 参数处理
 * @param {*} params  参数
 */
export function tansParams(params) {
  let result = "";
  for (const propName of Object.keys(params)) {
    const value = params[propName];
    var part = encodeURIComponent(propName) + "=";
    if (value !== null && typeof value !== "undefined") {
      if (typeof value === "object") {
        for (const key of Object.keys(value)) {
          if (value[key] !== null && typeof value[key] !== "undefined") {
            const params = propName + "[" + key + "]";
            var subPart = encodeURIComponent(params) + "=";
            result += subPart + encodeURIComponent(value[key]) + "&";
          }
        }
      } else {
        result += part + encodeURIComponent(value) + "&";
      }
    }
  }
  return result;
}

/**
 * @Event 方法
 * @description: 验证是否为blob格式
 * */
export async function blobValidate(data) {
  try {
    const text = await data.text();
    JSON.parse(text);
    return false;
  } catch (error) {
    return true;
  }
}

/**
 * @desc post请求 请求体转拼接
 * @param param - 需要转换的对象
 * @returns 转换后的对象
 */

export function changePostParam(param) {
  return JSON.stringify(param)
    .replace(/:/g, "=")
    .replace(/,/g, "&")
    .replace(/{/g, "?")
    .replace(/}/g, "")
    .replace(/"/g, "");
}

/**
 * @Event 方法
 * @description: 数字每三位截断
 * @param: num
 * addCommas("1234567489") -> 1,234,567,489
 * */
export function addCommas(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

/**
 * @Event 方法
 * @description: 获取当前时间 (2023-08-15 10:35:30)
 * */
export function getCurrentTime() {
  function formatDate(value) {
    return value < 10 ? `0${value}` : value;
  }

  const date = new Date();
  const year = date.getFullYear();
  const month = formatDate(date.getMonth() + 1);
  const day = formatDate(date.getDate());
  const hour = formatDate(date.getHours());
  const minute = formatDate(date.getMinutes());
  const second = formatDate(date.getSeconds());
  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

/**
 * @Event 方法
 * @description: 获取最近一周的时间  ["2023-08-08 11:45:50", "2023-08-15 11:45:50"]
 * */
export function getAWeek() {
  const now = new Date();
  const sevenDaysAgo = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);

  const endDate = formatDate(now);
  const startDate = formatDate(sevenDaysAgo);

  // console.log(`起始日期时间:${startDate},结束日期时间:${endDate}`);

  function formatDate(date) {
    const year = date.getFullYear();
    const month = formatNumber(date.getMonth() + 1);
    const day = formatNumber(date.getDate());
    const hours = formatNumber(date.getHours());
    const minutes = formatNumber(date.getMinutes());
    const seconds = formatNumber(date.getSeconds());
    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  }

  function formatNumber(num) {
    return num > 9 ? num : `0${num}`;
  }

  return [startDate, endDate];
}

// 节流
export function throttleFun(fn, wait = 500) {
  let last, now;
  return function () {
    now = Date.now();
    if (last && now - last < wait) {
      last = now;
    } else {
      last = now;
      fn.call(this, ...arguments);
    }
  };
}

// 防抖
export function debounceFun(fn, wait = 500) {
  let timer;
  return function () {
    let context = this;
    let args = arguments;
    if (timer) clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(context, args);
    }, wait);
  };
}

/**
 * @Event 方法
 * @description: post导出表格数据
 * @param: formData: 传递的参数
 * url: 导出的接口地址
 * */
import axios from "axios";
import { Loading, Message } from "element-ui";
import { getToken } from "./auth";

export function downloadPost(formData, url) {
  let downloadLoadingInstance;
  downloadLoadingInstance = Loading.service({
    text: "正在下载数据,请稍候",
    spinner: "el-icon-loading",
    background: "rgba(0, 0, 0, 0.7)",
  });
  return axios({
    method: "post",
    url: process.env.VUE_APP_BASE_API + url, // 请求地址
    data: formData, // 参数
    responseType: "blob", // 表明返回服务器返回的数据类型
    headers: {
      AuthorizationSys: getToken(),
      "Content-Type": "application/json",
    },
  }).then(async (data) => {
    const isLogin = await blobValidate(data.data);
    const fileNameEncode =
      data.headers["content-disposition"].split("filename=")[1];
    var fileName = decodeURIComponent(fileNameEncode);
    if (isLogin) {
      const blob = new Blob([data.data]);
      saveAs(blob, fileName);
    } else {
      const resText = await data.text();
      const rspObj = JSON.parse(resText);
      const errMsg = rspObj.message;
      Message.error(errMsg);
    }
    downloadLoadingInstance.close();
  });
}

/**
 * @Event 方法
 * @description: 获取最近num天的时间
 * @param: num: 最近的天数, isDateTime: 是否需要时分秒(默认是)
 * isDateTime 最终格式如下:["2023-08-08 11:45:50", "2023-08-15 11:45:50"]
 * !isDateTime 最终格式如下:["2023-08-08", "2023-08-15"]
 * */
export function getLastNumDay(num, isDateTime = true) {
  const now = new Date();
  const sevenDaysAgo = new Date(now.getTime() - num * 24 * 60 * 60 * 1000);

  const endDate = formatDate(now);
  const startDate = formatDate(sevenDaysAgo);

  // console.log(`起始日期时间:${startDate},结束日期时间:${endDate}`);

  function formatDate(date) {
    const year = date.getFullYear();
    const month = formatNumber(date.getMonth() + 1);
    const day = formatNumber(date.getDate());
    const hours = formatNumber(date.getHours());
    const minutes = formatNumber(date.getMinutes());
    const seconds = formatNumber(date.getSeconds());
    return isDateTime
      ? `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
      : `${year}-${month}-${day}`;
  }

  function formatNumber(num) {
    return num > 9 ? num : `0${num}`;
  }

  return [startDate, endDate];
}

/**
 * @Event 方法
 * @description: 获取前num天的时间(格式为:"2023-09-26")
 * @param: num 几天前
 * */
export function getLastDay(num) {
  var time = new Date().getTime() - num * 24 * 60 * 60 * 1000;
  var yesterday = new Date(time);
  var month = yesterday.getMonth();
  var day = yesterday.getDate();
  yesterday =
    yesterday.getFullYear() +
    "-" +
    (yesterday.getMonth() > 9
      ? yesterday.getMonth() + 1
      : "0" + (yesterday.getMonth() + 1)) +
    "-" +
    (yesterday.getDate() > 9 ? yesterday.getDate() : "0" + yesterday.getDate());
  return yesterday;
}

/**
 * @Event 判断对象是否为空
 * @description:
 * @author: mhf
 * @time: 2023-10-25 15:17:48
 **/
export function isEmptyObject(obj) {
  return Object.keys(obj).length === 0 && obj.constructor === Object;
}

你可能感兴趣的:(公共方法,utils,vue.js,javascript,前端)