Newer
Older
DH_Apicture / src / utils / ruoyi.js
  1. /**
  2. * 通用js方法封装处理
  3. * Copyright (c) 2019 newfiber
  4. */
  5. /**
  6. * 遍历字典
  7. * @param {String, Number} dic - 目标哦字典
  8. * @param {String} targetField - 需要和树结构里哪个字段比较
  9. * @param {Array} value - 根据此值去树结构里遍历
  10. */
  11. export const findDictObj = (value, targetField, dic) => {
  12. for (let i = 0; i < dic.length; i++) {
  13. if (dic[i][targetField] == value) {
  14. return dic[i];
  15. }
  16. }
  17. return {};
  18. };
  19.  
  20. /**
  21. * 遍历树结构
  22. * @param {String, Number} value - 根据此值去树结构里遍历
  23. * @param {String} targetField - 需要和树结构里哪个字段比较
  24. * @param {Array} arr - 目标树结构
  25. */
  26. export function findTreeItem(value, targetField, arr) {
  27. for (let i = 0; i < arr.length; i++) {
  28. let item = arr[i];
  29. if (item[targetField] === value) {
  30. return item;
  31. } else {
  32. if (item.children && item.children.length > 0) {
  33. let res = findTreeItem(value, targetField, item.children);
  34. if (res) {
  35. return res;
  36. }
  37. }
  38. }
  39. }
  40. }
  41.  
  42. // 日期格式化
  43. export function parseTime(time, pattern) {
  44. if (arguments.length === 0 || !time) {
  45. return null;
  46. }
  47. const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}';
  48. let date;
  49. if (typeof time === 'object') {
  50. date = time;
  51. } else {
  52. if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
  53. time = parseInt(time);
  54. } else if (typeof time === 'string') {
  55. time = time
  56. .replace(new RegExp(/-/gm), '/')
  57. .replace('T', ' ')
  58. .replace(new RegExp(/\.[\d]{3}/gm), '');
  59. }
  60. if (typeof time === 'number' && time.toString().length === 10) {
  61. time = time * 1000;
  62. }
  63. date = new Date(time);
  64. }
  65. const formatObj = {
  66. y: date.getFullYear(),
  67. m: date.getMonth() + 1,
  68. d: date.getDate(),
  69. h: date.getHours(),
  70. i: date.getMinutes(),
  71. s: date.getSeconds(),
  72. a: date.getDay(),
  73. };
  74. const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
  75. let value = formatObj[key];
  76. // Note: getDay() returns 0 on Sunday
  77. if (key === 'a') {
  78. return ['日', '一', '二', '三', '四', '五', '六'][value];
  79. }
  80. if (result.length > 0 && value < 10) {
  81. value = '0' + value;
  82. }
  83. return value || 0;
  84. });
  85. return time_str;
  86. }
  87.  
  88. // 表单重置
  89. export function resetForm(refName) {
  90. if (this.$refs[refName]) {
  91. this.$refs[refName].resetFields();
  92. }
  93. }
  94.  
  95. // 添加日期范围
  96. export function addDateRange(params, dateRange, propName) {
  97. let search = params;
  98. search.params =
  99. typeof search.params === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {};
  100. dateRange = Array.isArray(dateRange) ? dateRange : [];
  101. if (typeof propName === 'undefined') {
  102. search.params['beginTime'] = dateRange[0];
  103. search.params['endTime'] = dateRange[1];
  104. } else {
  105. search.params['begin' + propName] = dateRange[0];
  106. search.params['end' + propName] = dateRange[1];
  107. }
  108. return search;
  109. }
  110. export function formatAddDateRange(params, dateRange, beginTimepropName, endTimepropName) {
  111. let search = Object.assign({}, params);
  112. dateRange = Array.isArray(dateRange) ? dateRange : [];
  113. search[beginTimepropName] = dateRange && dateRange.length > 0 ? dateRange[0] : '';
  114. search[endTimepropName] = dateRange && dateRange.length > 0 ? dateRange[1] : '';
  115. return search;
  116. }
  117. // 回显数据字典
  118. export function selectDictLabel(datas, value) {
  119. if (value === undefined) {
  120. return '';
  121. }
  122. var actions = [];
  123.  
  124. Object.keys(datas).some(key => {
  125. if (datas[key].value == '' + value) {
  126. actions.push(datas[key].label);
  127. return true;
  128. }
  129. });
  130. if (actions.length === 0) {
  131. actions.push(value);
  132. }
  133.  
  134. return actions.join('');
  135. }
  136.  
  137. // 回显数据字典(字符串数组)
  138. export function selectDictLabels(datas, value, separator) {
  139. if (value === undefined || value.length === 0) {
  140. return '';
  141. }
  142. if (Array.isArray(value)) {
  143. value = value.join(',');
  144. }
  145. var actions = [];
  146. var currentSeparator = undefined === separator ? ',' : separator;
  147. var temp = value.split(currentSeparator);
  148. Object.keys(value.split(currentSeparator)).some(val => {
  149. var match = false;
  150. Object.keys(datas).some(key => {
  151. if (datas[key].value == '' + temp[val]) {
  152. actions.push(datas[key].label + currentSeparator);
  153. match = true;
  154. }
  155. });
  156. if (!match) {
  157. actions.push(temp[val] + currentSeparator);
  158. }
  159. });
  160. return actions.join('').substring(0, actions.join('').length - 1);
  161. }
  162.  
  163. // 字符串格式化(%s )
  164. export function sprintf(str) {
  165. var args = arguments,
  166. flag = true,
  167. i = 1;
  168. str = str.replace(/%s/g, function () {
  169. var arg = args[i++];
  170. if (typeof arg === 'undefined') {
  171. flag = false;
  172. return '';
  173. }
  174. return arg;
  175. });
  176. return flag ? str : '';
  177. }
  178.  
  179. // 转换字符串,undefined,null等转化为""
  180. export function parseStrEmpty(str) {
  181. if (!str || str == 'undefined' || str == 'null') {
  182. return '';
  183. }
  184. return str;
  185. }
  186.  
  187. // 数据合并
  188. export function mergeRecursive(source, target) {
  189. for (var p in target) {
  190. try {
  191. if (target[p].constructor == Object) {
  192. source[p] = mergeRecursive(source[p], target[p]);
  193. } else {
  194. source[p] = target[p];
  195. }
  196. } catch (e) {
  197. source[p] = target[p];
  198. }
  199. }
  200. return source;
  201. }
  202.  
  203. /**
  204. * 构造树型结构数据
  205. * @param {*} data 数据源
  206. * @param {*} id id字段 默认 'id'
  207. * @param {*} parentId 父节点字段 默认 'parentId'
  208. * @param {*} children 孩子节点字段 默认 'children'
  209. */
  210. export function handleTree(data, id, parentId, children) {
  211. let config = {
  212. id: id || 'id',
  213. parentId: parentId || 'parentId',
  214. childrenList: children || 'children',
  215. };
  216.  
  217. var childrenListMap = {};
  218. var nodeIds = {};
  219. var tree = [];
  220.  
  221. for (let d of data) {
  222. let parentId = d[config.parentId];
  223. if (childrenListMap[parentId] == null) {
  224. childrenListMap[parentId] = [];
  225. }
  226. nodeIds[d[config.id]] = d;
  227. childrenListMap[parentId].push(d);
  228. }
  229.  
  230. for (let d of data) {
  231. let parentId = d[config.parentId];
  232. if (nodeIds[parentId] == null) {
  233. tree.push(d);
  234. }
  235. }
  236.  
  237. for (let t of tree) {
  238. adaptToChildrenList(t);
  239. }
  240.  
  241. function adaptToChildrenList(o) {
  242. if (childrenListMap[o[config.id]] !== null) {
  243. o[config.childrenList] = childrenListMap[o[config.id]];
  244. }
  245. if (o[config.childrenList]) {
  246. for (let c of o[config.childrenList]) {
  247. adaptToChildrenList(c);
  248. }
  249. }
  250. }
  251. return tree;
  252. }
  253.  
  254. /**
  255. * 参数处理
  256. * @param {*} params 参数
  257. */
  258. export function tansParams(params) {
  259. let result = '';
  260. for (const propName of Object.keys(params)) {
  261. const value = params[propName];
  262. var part = encodeURIComponent(propName) + '=';
  263. if (value !== null && value !== '' && typeof value !== 'undefined') {
  264. if (typeof value === 'object') {
  265. for (const key of Object.keys(value)) {
  266. if (value[key] !== null && value[key] !== '' && typeof value[key] !== 'undefined') {
  267. let params = propName + '[' + key + ']';
  268. var subPart = encodeURIComponent(params) + '=';
  269. result += subPart + encodeURIComponent(value[key]) + '&';
  270. }
  271. }
  272. } else {
  273. result += part + encodeURIComponent(value) + '&';
  274. }
  275. }
  276. }
  277. return result;
  278. }
  279.  
  280. // 返回项目路径
  281. export function getNormalPath(p) {
  282. if (p.length === 0 || !p || p == 'undefined') {
  283. return p;
  284. }
  285. let res = p.replace('//', '/');
  286. if (res[res.length - 1] === '/') {
  287. return res.slice(0, res.length - 1);
  288. }
  289. return res;
  290. }
  291.  
  292. // 验证是否为blob格式
  293. export async function blobValidate(data) {
  294. try {
  295. const text = await data.text();
  296. JSON.parse(text);
  297. return false;
  298. } catch (error) {
  299. return true;
  300. }
  301. }
  302.  
  303. //计算取值
  304. export const getDivisionResult = (a, b) => {
  305. if (!Number(a) || !Number(b)) {
  306. return '--';
  307. }
  308. return `${parseInt(a / b)}%`;
  309. };
  310.  
  311. //guid
  312. export const guid = () => {
  313. const s4 = () =>
  314. Math.floor((1 + Math.random()) * 0x10000)
  315. .toString(16)
  316. .substring(1);
  317. return (() => `${s4() + s4()}-${s4()}-${s4()}-${s4()}-${s4()}${s4()}${s4()}`)();
  318. };
  319.  
  320. // 动态加载图片
  321. export function getImageUrl(picName, folderName) {
  322. return new URL(`../assets/${folderName}/${picName}`, import.meta.url).href;
  323. }
  324. // 根据ID进行中文匹配
  325. export function getChineseFun(data, key, arrId, name, symbol) {
  326. if (data && data.length > 0 && arrId) {
  327. let arrIdString = arrId.toString();
  328. let arr = arrIdString.split(symbol || ',');
  329. let nameArr = [];
  330. for (let i = 0; i < arr.length; i++) {
  331. for (let j = 0; j < data.length; j++) {
  332. if (data[j][key] == arr[i]) {
  333. nameArr.push(data[j][name]);
  334. }
  335. }
  336. }
  337. return nameArr.join(',');
  338. }
  339. }
  340. /**
  341. * 递归寻找当前级
  342. */
  343. export const findCurrentTreeObj = (data, target, value) => {
  344. for (let i = 0; i < data.length; i++) {
  345. if (data[i][target] == value) {
  346. return data[i];
  347. } else {
  348. if (data[i].children && data[i].children.length > 0) {
  349. let item = data[i].children;
  350. let res = findCurrentTreeObj(item, target, value);
  351. if (res) {
  352. return res;
  353. }
  354. }
  355. }
  356. }
  357. };
  358. // 回显数组字典数据
  359. /**
  360. * 从数据对象中查找特定值,并返回相应的标签
  361. * @param {Object} datas - 包含键值对的数据对象
  362. * @param {Array} getvalue - 要查找的值
  363. * @param {string} value - 标签的值
  364. * @param {string} name - 标签的属性名
  365. * @returns {string} - 找到的值的标签,如果没有找到则返回原始值
  366. */
  367. export function selectArrListLabel(datas, getvalue, value, name) {
  368. if (getvalue == undefined) {
  369. return '';
  370. }
  371. getvalue = getvalue.split(',');
  372.  
  373. var actions = [];
  374.  
  375. Object.keys(datas).some(key => {
  376. for (var i = 0; i < getvalue.length; i++) {
  377. if (datas[key][value] == '' + getvalue[i]) {
  378. actions.push(datas[key][name]);
  379. return true;
  380. }
  381. }
  382. });
  383. if (actions.length === 0) {
  384. actions.push('');
  385. }
  386. return actions.join('');
  387. }
  388.  
  389. export function replaceArrName(arr, name) {
  390. let newarr = arr.map(item => {
  391. // console.log(item);
  392. item = item.split('(')[0] || item.split('(')[0];
  393. return item.replace(name, '');
  394. });
  395. return newarr;
  396. }
  397.  
  398. export const removeAaary = (_arr, _obj) => {
  399. var length = _arr.length;
  400. for (var i = 0; i < length; i++) {
  401. if (_arr[i] == _obj) {
  402. _arr.splice(i, 1); //删除下标为i的元素
  403. return _arr;
  404. }
  405. }
  406. };
  407.  
  408. export const throttleRef = (data, delay = 300) => {
  409. // 创建定时器
  410. let timer = null;
  411. // 对 delay 进行判断,如果传递的是 null 则不需要使用 节流方案,直接返回使用 ref 创建的。
  412. return delay == null
  413. ? // 返回 ref 创建的
  414. ref(data)
  415. : // customRef 中会返回两个函数参数。一个是:track 在获取数据时收集依赖的;一个是:trigger 在修改数据时进行通知派发更新的。
  416. customRef((track, trigger) => {
  417. return {
  418. get() {
  419. // 收集依赖
  420. track();
  421. // 返回当前数据的值
  422. return data;
  423. },
  424. set(value) {
  425. // 判断
  426. if (timer == null) {
  427. // 创建定时器
  428. timer = setTimeout(() => {
  429. // 修改数据
  430. data = value;
  431. // 派发更新
  432. trigger();
  433. // 清除定时器
  434. clearTimeout(timer);
  435. timer = null;
  436. }, delay);
  437. }
  438. },
  439. };
  440. });
  441. };
  442. // 查找匹配对应的obj
  443. export const findDictObj2 = (dic, target, value) => {
  444. for (let i = 0; i < dic.length; i++) {
  445. let id = dic[i][target];
  446. if (id == value) {
  447. return dic[i];
  448. }
  449. }
  450. return {};
  451. };