/** * 通用js方法封装处理 * Copyright (c) 2019 newfiber */ /** * 遍历字典 * @param {String, Number} dic - 目标哦字典 * @param {String} targetField - 需要和树结构里哪个字段比较 * @param {Array} value - 根据此值去树结构里遍历 */ export const findDictObj = (value, targetField, dic) => { for (let i = 0; i < dic.length; i++) { if (dic[i][targetField] == value) { return dic[i]; } } return {}; }; /** * 遍历树结构 * @param {String, Number} value - 根据此值去树结构里遍历 * @param {String} targetField - 需要和树结构里哪个字段比较 * @param {Array} arr - 目标树结构 */ export function findTreeItem(value, targetField, arr) { for (let i = 0; i < arr.length; i++) { let item = arr[i]; if (item[targetField] === value) { return item; } else { if (item.children && item.children.length > 0) { let res = findTreeItem(value, targetField, item.children); if (res) { return res; } } } } } // 日期格式化 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; } // 表单重置 export function resetForm(refName) { if (this.$refs[refName]) { this.$refs[refName].resetFields(); } } // 添加日期范围 export function addDateRange(params, dateRange, propName) { let 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; } export function formatAddDateRange(params, dateRange, beginTimepropName, endTimepropName) { let search = Object.assign({}, params); dateRange = Array.isArray(dateRange) ? dateRange : []; search[beginTimepropName] = dateRange && dateRange.length > 0 ? dateRange[0] : ''; search[endTimepropName] = dateRange && dateRange.length > 0 ? dateRange[1] : ''; return search; } // 回显数据字典 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(''); } // 回显数据字典(字符串数组) export function selectDictLabels(datas, value, separator) { if (value === undefined || value.length === 0) { return ''; } if (Array.isArray(value)) { value = value.join(','); } 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); } // 字符串格式化(%s ) export function sprintf(str) { var args = arguments, flag = true, i = 1; str = str.replace(/%s/g, function () { var arg = args[i++]; if (typeof arg === 'undefined') { flag = false; return ''; } return arg; }); return flag ? str : ''; } // 转换字符串,undefined,null等转化为"" export function parseStrEmpty(str) { if (!str || str == 'undefined' || str == 'null') { return ''; } return str; } // 数据合并 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) { let config = { id: id || 'id', parentId: parentId || 'parentId', childrenList: children || 'children', }; var childrenListMap = {}; var nodeIds = {}; var tree = []; for (let d of data) { let parentId = d[config.parentId]; if (childrenListMap[parentId] == null) { childrenListMap[parentId] = []; } nodeIds[d[config.id]] = d; childrenListMap[parentId].push(d); } for (let d of data) { let parentId = d[config.parentId]; if (nodeIds[parentId] == null) { tree.push(d); } } for (let 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 (let 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 && value !== '' && typeof value !== 'undefined') { if (typeof value === 'object') { for (const key of Object.keys(value)) { if (value[key] !== null && value[key] !== '' && typeof value[key] !== 'undefined') { let params = propName + '[' + key + ']'; var subPart = encodeURIComponent(params) + '='; result += subPart + encodeURIComponent(value[key]) + '&'; } } } else { result += part + encodeURIComponent(value) + '&'; } } } return result; } // 返回项目路径 export function getNormalPath(p) { if (p.length === 0 || !p || p == 'undefined') { return p; } let res = p.replace('//', '/'); if (res[res.length - 1] === '/') { return res.slice(0, res.length - 1); } return res; } // 验证是否为blob格式 export async function blobValidate(data) { try { const text = await data.text(); JSON.parse(text); return false; } catch (error) { return true; } } //计算取值 export const getDivisionResult = (a, b) => { if (!Number(a) || !Number(b)) { return '--'; } return `${parseInt(a / b)}%`; }; //guid export const guid = () => { const s4 = () => Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); return (() => `${s4() + s4()}-${s4()}-${s4()}-${s4()}-${s4()}${s4()}${s4()}`)(); }; // 动态加载图片 export function getImageUrl(picName, folderName) { return new URL(`../assets/${folderName}/${picName}`, import.meta.url).href; } // 根据ID进行中文匹配 export function getChineseFun(data, key, arrId, name, symbol) { if (data && data.length > 0 && arrId) { let arrIdString = arrId.toString(); let arr = arrIdString.split(symbol || ','); let nameArr = []; for (let i = 0; i < arr.length; i++) { for (let j = 0; j < data.length; j++) { if (data[j][key] == arr[i]) { nameArr.push(data[j][name]); } } } return nameArr.join(','); } } /** * 递归寻找当前级 */ export const findCurrentTreeObj = (data, target, value) => { for (let i = 0; i < data.length; i++) { if (data[i][target] == value) { return data[i]; } else { if (data[i].children && data[i].children.length > 0) { let item = data[i].children; let res = findCurrentTreeObj(item, target, value); if (res) { return res; } } } } }; // 回显数组字典数据 /** * 从数据对象中查找特定值,并返回相应的标签 * @param {Object} datas - 包含键值对的数据对象 * @param {Array} getvalue - 要查找的值 * @param {string} value - 标签的值 * @param {string} name - 标签的属性名 * @returns {string} - 找到的值的标签,如果没有找到则返回原始值 */ export function selectArrListLabel(datas, getvalue, value, name) { if (getvalue == undefined) { return ''; } getvalue = getvalue.split(','); var actions = []; Object.keys(datas).some(key => { for (var i = 0; i < getvalue.length; i++) { if (datas[key][value] == '' + getvalue[i]) { actions.push(datas[key][name]); return true; } } }); if (actions.length === 0) { actions.push(''); } return actions.join(''); } export function replaceArrName(arr, name) { let newarr = arr.map(item => { // console.log(item); item = item.split('(')[0] || item.split('(')[0]; return item.replace(name, ''); }); return newarr; } export const removeAaary = (_arr, _obj) => { var length = _arr.length; for (var i = 0; i < length; i++) { if (_arr[i] == _obj) { _arr.splice(i, 1); //删除下标为i的元素 return _arr; } } }; export const throttleRef = (data, delay = 300) => { // 创建定时器 let timer = null; // 对 delay 进行判断,如果传递的是 null 则不需要使用 节流方案,直接返回使用 ref 创建的。 return delay == null ? // 返回 ref 创建的 ref(data) : // customRef 中会返回两个函数参数。一个是:track 在获取数据时收集依赖的;一个是:trigger 在修改数据时进行通知派发更新的。 customRef((track, trigger) => { return { get() { // 收集依赖 track(); // 返回当前数据的值 return data; }, set(value) { // 判断 if (timer == null) { // 创建定时器 timer = setTimeout(() => { // 修改数据 data = value; // 派发更新 trigger(); // 清除定时器 clearTimeout(timer); timer = null; }, delay); } }, }; }); };