封装常用的插件

import {Message} from 'element-ui'

/*

• [Note description]
• @param {object} prop [这个参数为Message的配置项目, 可直接传入需要提示的信息]

*/
const note = (prop) => {
prop.offset = 80;
Message.closeAll();
Message(prop);
}

// 数据的校验规则 传入数据
// this.$valid([
// {valid: this.strates_info.name, msg: '请输入策略组名称'},
// {valid: this.strates_info.ids.length, msg: '请至少选择一组策略'}
// ])
const valid = (props) => {
return new Promise((resolve, reject) => {

const valid_item = props.find((e) => !e.valid)

if (valid_item) {
  note({
    message: valid_item.msg,
    type: 'warning',
    duration: 1000
  })
} else {
  resolve()
}

})
}

const rules = {
// 各类数字字母下划线汉字的校验
name_rule: (str) => {

return new RegExp('^[\u4e00-\u9fa5_a-zA-Z0-9]+$', 'g').test(str)

},
// 纯数字的校验
num_rule: (str) => {

return new RegExp('^[0-9]*[1-9][0-9]*$', 'g').test(Number(str))

},

num_rule_time: (num, str) => {

const num_ = Number(num)
if (new RegExp('^[0-9]*[1-9][0-9]*$', 'g').test(num_)) {
  if (str == 's' && num_ <= 86400 || str == 'm' && num_ <= 1440 || str == 'h' && num_ <= 24) {
    return true
  }
  return false
}
return false

},

// 手机号校验
phone_rule: (str) => {

return new RegExp('^[1][3,4,5,7,8][0-9]{9}$').test(str)
// return new RegExp("^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$").test(str)

},

// 邮箱的校验
main_rule: (str) => {

return new RegExp('^(([^<>()\[\]\\.,;:\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,}))$').test(str)

},

// 密码校验
password_rule: (str) => {

return new RegExp('^(?=.*[0-9].*)(?=.*[a-zA-Z].*).{8,16}$').test(str)

},

// 大于0的数
num0_rule: (str) => {

return new RegExp('^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,}[0-9]{0,}$').test(str)

},

num0_rule1: (str) => {

return new RegExp('^([1-9]\\d*(\\.[0-9]*[1-9])?)|(0\\.[0-9]*[1-9])|0$').test(str)

},

num0_rule2: (str) => {

const regu = /^[1-9]\d*$/;
if (str != '') {
  if (!regu.test(str)) {
    return false
  }
  return true
}
return false

},

num0_rule3: (str) => {

const regu = /^[1-9]\d*$/;
if (str != '') {
  if (!regu.test(str)) {
    return false
  }
  if (str > 100) {
    return false
  }
  return true
}
return false

},

time_rule: (str) => {

return new RegExp('^([01][0-9]|2[0-3])(:[0-5][0-9]){1,2}$').test(str)

},

// 身份证号校验
ID_card_rule: (idCode) => {

const vcity = {
  11: '北京',
  12: '天津',
  13: '河北',
  14: '山西',
  15: '内蒙古',
  21: '辽宁',
  22: '吉林',
  23: '黑龙江',
  31: '上海',
  32: '江苏',
  33: '浙江',
  34: '安徽',
  35: '福建',
  36: '江西',
  37: '山东',
  41: '河南',
  42: '湖北',
  43: '湖南',
  44: '广东',
  45: '广西',
  46: '海南',
  50: '重庆',
  51: '四川',
  52: '贵州',
  53: '云南',
  54: '西藏',
  61: '陕西',
  62: '甘肃',
  63: '青海',
  64: '宁夏',
  65: '新疆',
  71: '台湾',
  81: '香港',
  82: '澳门',
  91: '国外'
};
// 检查号码是否符合规范，包括长度，类型
const isCardNo = (card) => {
  // 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
  const reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
  if (reg.test(card) === false) {
    return false;
  }
  return true;
};
// 取身份证前两位,校验省份
const checkProvince = (card) => {
  const province = card.substr(0, 2);
  if (vcity[province] == undefined) {
    return false;
  }
  return true;
};
// 检查生日是否正确
const checkBirthday = (card) => {
  const len = card.length;
  // 身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
  // 15位身份证号码 使用 632123820927051
  if (len == '15') {
    const re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
    var arr_data = card.match(re_fifteen);
    var year = arr_data[2];
    var month = arr_data[3];
    var day = arr_data[4];
    var birthday = new Date('19' + year + '/' + month + '/' + day);
    return verifyBirthday('19' + year, month, day, birthday);
  }
  // 身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
  if (len == '18') {
    const re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
    var arr_data = card.match(re_eighteen);
    var year = arr_data[2];
    var month = arr_data[3];
    var day = arr_data[4];
    var birthday = new Date(year + '/' + month + '/' + day);
    return verifyBirthday(year, month, day, birthday);
  }
  return false;
};
// 校验日期
const verifyBirthday = (year, month, day, birthday) => {
  const now = new Date();
  const now_year = now.getFullYear();
  // 年月日是否合理
  if (birthday.getFullYear() == year && birthday.getMonth() + 1 == month && birthday.getDate() == day) {
    // 判断年份的范围（3岁到100岁之间)
    const time = now_year - year;
    if (time >= 3 && time <= 100) {
      return true;
    }
    return false;
  }
  return false;
};
// 校验位的检测
const checkParity = (card) => {
  // 15位转18位
  card = changeFivteenToEighteen(card);
  const len = card.length;
  if (len == '18') {
    const arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
    const arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
    let cardTemp = 0,
      i, valnum;
    for (i = 0; i < 17; i++) {
      cardTemp += card.substr(i, 1) * arrInt[i];
    }
    valnum = arrCh[cardTemp % 11];
    if (valnum == card.substr(17, 1)) {
      return true;
    }
    return false;
  }
  return false;
};
// 15位转18位身份证号
const changeFivteenToEighteen = (card) => {
  if (card.length == '15') {
    const arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
    const arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
    let cardTemp = 0,
      i;
    card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
    for (i = 0; i < 17; i++) {
      cardTemp += card.substr(i, 1) * arrInt[i];
    }
    card += arrCh[cardTemp % 11];
    return card;
  }
  return card;
};
// 是否为空
if (idCode === '') {
  return false;
}
// 校验长度，类型
if (isCardNo(idCode) === false) {
  return false;
}
// 检查省份
if (checkProvince(idCode) === false) {
  return false;
}
// 校验生日
if (checkBirthday(idCode) === false) {
  return false;
}
// 检验位的检测
if (checkParity(idCode) === false) {
  return false;
}
return true;

}
}

// format 日期格式化
// (new Date()).format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
const format = function(fmt) {
const o = {'M+': this.getMonth() + 1, // 月份

'd+': this.getDate(), // 日
'h+': this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, // 小时
'H+': this.getHours(), // 小时
'm+': this.getMinutes(), // 分
's+': this.getSeconds(), // 秒
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
'S': this.getMilliseconds() // 毫秒

};
if (/(y+)/.test(fmt)) {

fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));

}　　　　
for (const k in o) {

if (new RegExp('(' + k + ')').test(fmt)) {
  fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
}

}
return fmt;
}

const date_default = (() => {
const end = new Date();
const start = new Date();
if (!window.NeedLicense) {

start.setMonth(end.getMonth() - 6);
start.setTime(start.getTime() + 3600 * 1000 * 24 * 1);

}
return {

start_time: format.call(start, 'yyyy-MM-dd'),
end_time: format.call(end, 'yyyy-MM-dd')

}
})()

const downLoad = (url) => {
const downUrl = '/api/app' + url;
window.open(downUrl, '_blank');
}

export {
note,
valid,
rules,
format,
date_default,
downLoad
}

export const DomControl = {

$: function $(str) {

let Ele = false;
if (str.charAt(0) == '.') {
  const temstr = str.replace(/^\./, '');
  if (document.getElementsByClassName) { // 兼容ie8
    Ele = document.getElementsByClassName(temstr);
  } else {
    Ele = [];
    const Arr1 = this.makeItArray(document.getElementsByTagName('*'));
    for (let i = 0, j = Arr1.length; i < j; i++) {
      if (this.hasClass(Arr1[i], temstr).a) {
        Ele.push(Arr1[i]);
        // console.log(Arr1[i]);
      }
    }
  }
} else if (str.charAt(0) == '#') {
  Ele = document.getElementById(str.replace(/^\#/, ''));
} else {
  Ele = document.getElementsByTagName(str);
}
return Ele;

},

hasClass: function hasClass(obj, clas) {

const temB = {a: false, b: false};
if (obj.className) {
  var Arr = obj.className.split(' ');
} else {
  return temB;
}

// console.log(Arr);
for (const i in Arr) {
  if (Arr[i] == clas) {
    temB.a = true;
    temB.b = i;
  }
}
return temB;

},

makeItArray: function makeItArray(obj) {

const temArray = [];
const l = obj.length;
for (let i = 0; i < l; i++) {
  temArray.push(obj[i]);
}

return temArray;

},
toggleClass: function toggleClass(obj, clas) {

let temB = {};
if (typeof clas == 'string') {
  temB = this.hasClass(obj, clas);
  var Arr = obj.className.split(' ');
  if (temB.a) {
    Arr.splice(temB.b, 1);
  } else {
    Arr.push(clas);
  }

  obj.className = Arr.join(' ');
} else {
  temB = this.hasClass(obj, clas[0]);
  var Arr = obj.className.split(' ');
  if (temB.a) {
    Arr.splice(temB.b, 1);
    Arr.push(clas[1]);
  } else {
    temB = this.hasClass(obj, clas[1]);
    Arr.splice(temB.b, 1);
    Arr.push(clas[0]);
  }

  obj.className = Arr.join(' ');
}

},
addClass: function(obj, clas) {

const temB = this.hasClass(obj, clas);
const Arr = obj.className.split(' ');
if (temB.a) {
  return false;
}
Arr.push(clas);
obj.className = Arr.join(' ');

},
removeClass: function(obj, clas) { // 删除class

const temB = this.hasClass(obj, clas);
const Arr = obj.className.split(' ');
if (temB.a) {
  Arr.splice(temB.b, 1);
}
obj.className = Arr.join(' ');

},
parents: function(obj, selector) {

/*  这里 是找寻 具有 selector 的父级
 * selector
 * 分为  id
 *      class
 *      标签
 * */
let _obj = obj;
console.log(DomControl.hasClass(_obj, selector.slice(1)));

console.log(selector.charAt(0) === '.');
if (selector.charAt(0) === '#') { // id 找父集
  while (obj.id !== selector.slice(1)) { // 如果obj的id 不等于selector的ID
    _obj = _obj.parentNode;
  }
} else if (selector.charAt(0) === '.') { // 如果obj的class不等于selector的Class
  while (_obj && _obj.nodeType !== 9 && !DomControl.hasClass(_obj, selector.slice(1)).a) { // 如果obj 存在 并且 obj 不是 document
    _obj = _obj.parentNode;
    console.log(obj);
  }
} else {
  while (_obj && _obj.nodeType !== 9 && _obj.nodeName.toLowerCase() !== selector) {
    _obj = _obj.parentNode;
  }
}


// 找到obj  返回obj  没有找到 就返回 null
return _obj && _obj.nodeType === 9 ? null : _obj;

}
}