使用vue-data-dict简化数据字典使用

RuoYi

2021-09-17 a10384c0099ce411b5dd56127e43fc60ad469fad

 ruoyi-ui/src/utils/ruoyi.js

@@ -1,4 +1,4 @@
/**

/**

 * 通用js方法封装处理

 * Copyright (c) 2019 ruoyi

 */

@@ -18,7 +18,7 @@
      if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {

         time = parseInt(time)

      } else if (typeof time === 'string') {

         time = time.replace(new RegExp(/-/gm), '/');

         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

@@ -55,16 +55,15 @@


// 添加日期范围

export function addDateRange(params, dateRange, propName) {

   var search = params;

   search.params = {};

   if (null != dateRange && '' != dateRange) {

      if (typeof(propName) === "undefined") {

         search.params["beginTime"] = dateRange[0];

         search.params["endTime"] = dateRange[1];

      } else {

         search.params[propName + "BeginTime"] = dateRange[0];

         search.params[propName + "EndTime"] = dateRange[1];

      }

   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;

}

@@ -73,8 +72,8 @@
export function selectDictLabel(datas, value) {

   var actions = [];

   Object.keys(datas).some((key) => {

      if (datas[key].dictValue == ('' + value)) {

         actions.push(datas[key].dictLabel);

      if (datas[key].value == ('' + value)) {

         actions.push(datas[key].label);

         return true;

      }

   })

@@ -87,8 +86,8 @@
   var currentSeparator = undefined === separator ? "," : separator;

   var temp = value.split(currentSeparator);

   Object.keys(value.split(currentSeparator)).some((val) => {

        Object.keys(datas).some((key) => {

            if (datas[key].dictValue == ('' + temp[val])) {

      Object.keys(datas).some((key) => {

         if (datas[key].dictValue == ('' + temp[val])) {

            actions.push(datas[key].dictLabel + currentSeparator);

         }

      })

@@ -123,44 +122,95 @@
   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'

 * @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))

   //循环所有项

   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;

   });

   return treeData != '' ? treeData : data;

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  参数

   */

/**

* 参数处理

* @param {*} params  参数

*/

export function tansParams(params) {

   let result = ''

   Object.keys(params).forEach((key) => {

      if (!Object.is(params[key], undefined) && !Object.is(params[key], null) && !Object.is(JSON.stringify(params[key]), '{}')) {

         result += encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) + '&'

   for (const propName of Object.keys(params)) {

      const value = params[propName];

      var part = encodeURIComponent(propName) + "=";

      if (value !== null && typeof (value) !== "undefined") {

         if (typeof value === 'object') {

            for (const key of Object.keys(value)) {

               if (value[key] !== null && typeof (value[key]) !== 'undefined') {

                  let params = propName + '[' + key + ']';

                  var subPart = encodeURIComponent(params) + "=";

                  result += subPart + encodeURIComponent(value[key]) + "&";

               }

            }

         } else {

            result += part + encodeURIComponent(value) + "&";

         }

      }

   })

   }

   return result

}