/** * 通用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 {}; }; /*删除数组中的某一个对象 _arr:数组 _obj:需删除的对象 */ 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; } } } /** *遍历树结构,通过id获取对应的obj */ export const findTreeObj = (list, id) => { let _this = this; for (let i = 0; i < list.length; i++) { let a = list[i]; if (a.userId === id) { return a; } else { if (a.children && a.children.length > 0) { let res = findTreeObj(a.children, id); if (res) { return res; } } } } }; // 转义字符 export function replaceAttr (str) { if (str) { return str.replace(/>/g, "≥") .replace(/</g, "≤"); } }; export function geTel (tel) { if (tel) { var reg = /^(\d{3})\d{4}(\d{4})$/; return tel.replace(reg, "$1****$2"); } }; /** * 遍历树结构 * @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 getBusinesPatrolImageUrl(picName, folderName) { return new URL(`../assets/images/businesPatrol/${folderName}/${picName}.png`, import.meta.url).href; } //动态加载天气图标 export function getWeatherImageUrl(picName, folderName) { return new URL(`../assets/images/meteorologicalWatch/${folderName}/${picName}.png`, import.meta.url).href; } // 动态加载图片 export function getImageUrl(picName, folderName) { return new URL(`../assets/images/${folderName}/${picName}.png`, import.meta.url).href; } //获取统计面板图片 export function getTongJiImageUrl(picName) { return new URL(`../assets/images/tongJi_icon/${picName}.png`, import.meta.url).href; } 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) } } } }) }