index.js

import Qs from "qs";
import { post, get, upload } from "./ajax";
import queue from "./queue";
import axios from "axios";
import cookie from "./cookie";
import httpErrorHandler from "./httpErrorHandler";

/**
 * 获取参数的类型
 *
 * @param {any} data
 * @returns {string} 参数类型
 */
export const type = (data) => {
  return Object.prototype.toString.call(data).replace(/(\[object |\])/g, "");
};

/**
 * 获取登录状态
 *
 * @returns
 */
export const getLoginStatus = () => {
  return window.sessionStorage.isLogin;
};

/**
 * 解析url参数
 *
 * @returns {object} localtion的query对象
 */
export const query = () => {
  return Qs.parse(window.location.href.split("?")[1]);
};

/**
 * 编码url参数
 *
 * @param {object} data 参数对象
 * @returns string
 */
export const encodeURI = (data) => {
  return Qs.stringify(data, { arrayFormat: "repeat", allowDots: true });
};

/**
 * formatterDate
 *
 * @param {*} time 需要处理的时间
 * @returns {string} val 解析后的结果
 */
export function formatterDate(time) {
  if (!time) return "";
  let date = new Date(Number(time));
  let Y = date.getFullYear() + "-";
  let M =
    (date.getMonth() + 1 < 10
      ? "0" + (date.getMonth() + 1)
      : date.getMonth() + 1) + "-";
  let D = panLeft(date.getDate()) + " ";
  let h = panLeft(date.getHours()) + ":";
  let m = panLeft(date.getMinutes()) + ":";
  let s = panLeft(date.getSeconds());
  return Y + M + D + h + m + s;
}
/**
 * formatterDate
 *
 * @param {*} time 需要处理的时间串
 * @returns {string} val 解析后的结果 yyyy-MM-dd
 */
export function formatterDateDay(datetime) {
  if (!datetime) return "";
  if (datetime instanceof Date) {
    let Y = datetime.getFullYear() + "-";
    let M =
      (datetime.getMonth() + 1 < 10
        ? "0" + (datetime.getMonth() + 1)
        : datetime.getMonth() + 1) + "-";
    let D = panLeft(datetime.getDate());
    return Y + M + D;
  } else {
    let transformDate = new Date(Number(datetime));
    let Y = transformDate.getFullYear() + "-";
    let M =
      (transformDate.getMonth() + 1 < 10
        ? "0" + (transformDate.getMonth() + 1)
        : transformDate.getMonth() + 1) + "-";
    let D = panLeft(transformDate.getDate());
    return Y + M + D;
  }
  return datetime;
}
/**
 * 当前日期加天数后得到的相应日期
 * @param {*} day
 */
export function getAddDay(day) {
  var today = new Date();
  var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;
  today.setTime(targetday_milliseconds);
  var tYear = today.getFullYear();
  var tMonth = today.getMonth();
  var tDate = today.getDate();
  tMonth = doHandleMonth(tMonth + 1);
  tDate = doHandleMonth(tDate);
  return tYear + "" + tMonth + "" + tDate;
}

function doHandleMonth(month) {
  var m = month;
  if (month.toString().length == 1) {
    m = "0" + month;
  }
  return m;
}

function panLeft(num) {
  return num < 10 ? "0" + num : num;
}

/**
 * call方法
 *
 * @param {Function} callMethod 调用的http包装方法
 * @param {String} url 调用接口
 * @param {Object} formData 需要发送参数
 * @param {Object} [config] 配置
 * @returns {Promise} axios请求
 */
const call = (callMethod, url, formData, config = {}) => {
  return new Promise((resolve, reject) => {
    callMethod(url, formData, config)
      .then((res) => {
        const { code, msg, data } = res;
        if (code !== 1) {
          reject({
            message: msg || "",
          });
          return;
        }
        resolve(res);
      })
      .catch((error) => {
        if (error.status === 403) {
          window.location.href = "/#/login";
        }
        reject(error);
      });
  });
};

/**
 * 普通的ajax post请求
 *
 * @param {Object} formData  需要发送参数
 * @param {String} url 调用接口
 * @param {Object} [config] 配置
 * @returns 科里化后的call方法
 */
export const normalCallPost = (url, formData, config = {}) => {
  return call(post, url, formData, config);
};

/**
 * 普通的ajax get请求
 *
 * @param {Object} formData  需要发送参数
 * @param {String} url 调用接口
 * @param {Object} [config] 配置
 * @returns 科里化后的call方法
 */
export const normalCallGet = (url, formData, config = {}) => {
  return call(get, url, formData, config);
};

const mimeMap = {
  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
  zip: "application/zip",
  doc: "application/msword",
};

/**
 * 普通的ajax download请求
 *
 * @param {Object} formData  需要发送参数
 * @param {String} url 调用接口
 * @param {Object} [config] 配置
 * @returns {Promise<blob>}
 */
export const download = (url, formData, config = {}) => {
  return new Promise(async (resolve, reject) => {
    const option = Object.assign({}, config, {
      responseType: "blob",
    });
    try {
      const data = await post(url, formData, option);
      const link = document.createElement("a");
      let blob;
      let extName;
      if (option.type == "zip") {
        blob = new Blob([data], { type: mimeMap.zip });
        extName = "zip";
      } else if (option.type == "excel") {
        blob = new Blob([data], { type: mimeMap.xlsx });
        extName = "xlsx";
      } else if (option.type == "doc") {
        blob = new Blob([data], { type: mimeMap.doc });
        extName = "doc";
      } else {
        extName = "xlsx";
      }

      let fileName = "导出";
      if (option.fileName) {
        fileName = option.fileName;
      }

      link.href = URL.createObjectURL(blob);
      link.setAttribute("download", `${fileName}.${extName}`); // 设置下载文件名称
      document.body.appendChild(link);
      link.click();
      document.body.appendChild(link);
      resolve();
    } catch (error) {
      reject(error);
    }
  });
};

export const downloadWithCustName = (url, formData, config = {}) => {
  return new Promise(async (resolve, reject) => {
    const option = Object.assign({}, config, {
      responseType: "blob",
      baseURL: "/m",
      headers: {
        post: {
          "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
        },
      },
    });
    try {
      const params = Object.assign({}, formData, {
        __mortals_token__: cookie.getItem("__mortals_token__"),
      });
      var requestData = Qs.stringify(params, {
        arrayFormat: "repeat",
        allowDots: true,
      });
      axios
        .post(url, requestData, option)
        .then(
          (response) => {
            if (response.data.type == "application/json") {
              var reader = new FileReader();
              reader.onload = function(event) {
                var content = reader.result;
                reject(content);
              };
              reader.readAsText(response.data);
              return;
            }
            const filename =
              decodeURI(
                response.headers["content-disposition"]
                  .split(";")[1]
                  .split("=")[1]
              ) ||
              `${url
                .substr(1)
                .replace(/\//g, "_")}_${new Date().getTime()}.xls`;
            let downloadUrl = window.URL.createObjectURL(
              new Blob([response.data])
            );
            let link = document.createElement("a");
            link.style.display = "none";
            link.href = downloadUrl;
            link.setAttribute("download", filename);
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            resolve();
          },
          (err) => {
            reject(err);
          }
        )
        .catch((error) => {
          reject(error);
        });
    } catch (error) {
      reject(error);
    }
  });
};

/**
 * 普通的ajax upload请求
 *
 * @param {Object} formData  需要发送参数
 * @param {String} url 调用接口
 * @param {Object} [config] 配置
 * @returns 科里化后的call方法
 */
export const normalCallUpload = (url, formData, config = {}) => {
  return call(upload, url, formData, config);
};

/**
 * 使用队列的ajax请求，后自动cancel前一个请求
 *
 * @param {Object} formData  需要发送参数
 * @param {String} url 调用接口
 * @param {Object} [config] 配置
 * @returns  科里化后的call方法
 */
export const queueCall = (url, formData, config = {}) => {
  return call(queue, url, formData, config);
};

/**
 * 根据条件查询用户列表
 */
export async function getUserListByQuery(query) {
  try {
    /* //下拉只获取正常状态数据：status{0: "停用", 1: "正常", 2: "冻结", 3: "销户", 4: "离职"}
     query["query.status"] = 1;*/
    const data = await normalCallPost("/user/list", query);
    const list = data.data.result.map(({ id, loginName, realName, mobile }) => {
      return { id, loginName, realName, mobile };
    });
    return list;
  } catch (error) {
    return [];
  }
}

/**
 * 构造树型结构数据
 * @param {*} data 数据源
 * @param {*} id id字段 默认 'id'
 * @param {*} parentId 父节点字段 默认 'parentId'
 * @param {*} children 孩子节点字段 默认 'children'
 * @param {*} rootId 根Id 默认 0
 */
export function handleTree(data, id, parentId, children, rootId) {
  id = id || "id";
  parentId = parentId || "parentId";
  children = children || "children";
  rootId =
    rootId ||
    Math.min.apply(
      Math,
      data.map((item) => {
        return item[parentId];
      })
    ) ||
    0;
  //对源数据深度克隆
  const cloneData = JSON.parse(JSON.stringify(data));
  //循环所有项
  console.log("11111", cloneData);
  const treeData = cloneData.filter((father) => {
    let branchArr = cloneData.filter((child) => {
      //返回每一项的子级数组
      return father[id] === child[parentId];
    });
    branchArr.length > 0 ? (father.children = branchArr) : "";
    //返回第一层
    return father[parentId] === rootId;
  });
  console.log("treeData", treeData);
  return treeData != "" ? treeData : data;
}

/**
 * 下载文件
 * @param {String} path - 下载地址/下载请求地址。
 * @param {String} name - 下载文件的名字/重命名（考虑到兼容性问题，最好加上后缀名）
 */
export function downloadFile(path, name) {
  if (path && name) {
    const xhr = new XMLHttpRequest();
    xhr.open("get", path);
    xhr.responseType = "blob";
    xhr.send();
    xhr.onload = function() {
      if (this.status === 200 || this.status === 304) {
        // 如果是IE10及以上，不支持download属性，采用msSaveOrOpenBlob方法，但是IE10以下也不支持msSaveOrOpenBlob
        if ("msSaveOrOpenBlob" in navigator) {
          navigator.msSaveOrOpenBlob(this.response, name);
          return;
        }
        // const blob = new Blob([this.response], { type: xhr.getResponseHeader('Content-Type') });
        // const url = URL.createObjectURL(blob);
        const url = URL.createObjectURL(this.response);
        const a = document.createElement("a");
        a.style.display = "none";
        a.href = url;
        a.download = name;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
      }
    };
  }
}

// 当元素滚动条被滚动时运行的脚本
export function handleScroll() {
  let scrollbarEl = this.$refs["scroll"].wrap;
  let jump = document.querySelectorAll(".step-jump");

  scrollbarEl.onscroll = () => {
    let distance = scrollbarEl.scrollTop;
    jump.forEach((item, index) => {
      if (distance >= item.offsetTop) {
        this.activeStep = index;
      }
    });
  };
}
// 锚点点击
export function jump(index) {
  console.log(index);
  let _this = this;
  this.activeStep = index;
  // 用 class=".step-jump" 添加锚点，此时的类名要放在tr上，放在td上不对，
  // 以后做的时候要注意这点，不是表格的时候，如何放置锚点
  let jump = document.querySelectorAll(".step-jump");
  console.log("jump", jump);
  // 通过 offsetTop 获取对象到窗体顶部的距离，然后赋值给 scrollTop，就能实现锚点的功能
  let total = jump[index].offsetTop;
  console.log(total);
  // scrollTop滚动条距离页面的距离
  let distance = this.$refs["scroll"].wrap.scrollTop;
  // 平滑滚动，时长500ms，每10ms一跳，共50跳
  let step = total / 50;
  if (total > distance) {
    smoothDown();
  } else {
    let newTotal = distance - total;
    step = newTotal / 50;
    smoothUp();
  }
  function smoothDown() {
    if (distance < total) {
      distance += step;
      _this.$refs["scroll"].wrap.scrollTop = distance;
      setTimeout(smoothDown, 10);
    } else {
      _this.$refs["scroll"].wrap.scrollTop = distance;
      document.body.scrollTop = total;
      document.documentElement.scrollTop = total;
      window.pageYOffset = total;
    }
  }
  function smoothUp() {
    if (distance > total) {
      distance -= step;
      _this.$refs["scroll"].wrap.scrollTop = distance;
      setTimeout(smoothUp, 10);
    } else {
      _this.$refs["scroll"].wrap.scrollTop = distance;
    }
  }
}