字典改为树结构

xiangpei

2025-02-20 fc678c5088b084311f7c11cb2793dbe62049ca9e

 src/components/DictData/index.js

@@ -2,48 +2,51 @@
import store from '@/store'
import DataDict from '@/utils/dict'
import { getDicts as getDicts } from '@/api/system/dict/data'
import { handleTree } from '@/utils/ruoyi'

function searchDictByKey(dict, key) {
  if (key == null && key == "") {
    return null
  }
  try {
    for (let i = 0; i < dict.length; i++) {
      if (dict[i].key == key) {
        return dict[i].value
      }
    }
  } catch (e) {
    return null
  }
}

function install() {
  Vue.use(DataDict, {
    metas: {
      '*': {
        labelField: 'dictLabel',
        valueField: 'dictValue',
        request(dictMeta) {
          const storeDict = searchDictByKey(store.getters.dict, dictMeta.type)
          if (storeDict) {
            return new Promise(resolve => { resolve(storeDict) })
          } else {
            return new Promise((resolve, reject) => {
              getDicts(dictMeta.type).then(res => {
                store.dispatch('dict/setDict', { key: dictMeta.type, value: res.data })
                resolve(res.data)
              }).catch(error => {
                reject(error)
              })
            })
          }
        },
      },
    },
  })
}

export default {
  install,
}
 function searchDictByKey(dict, key) {
   if (key == null && key == '') {
     return null
   }
   try {
     for (let i = 0; i < dict.length; i++) {
       if (dict[i].key == key) {
         return dict[i].value
       }
     }
   } catch (e) {
     return null
   }
 }
 function install() {
   Vue.use(DataDict, {
     metas: {
       '*': {
         labelField: 'dictLabel',
         valueField: 'dictValue',
         childrenField: 'children',
         request(dictMeta) {
           const storeDict = searchDictByKey(store.getters.dict, dictMeta.type)
           if (storeDict) {
             return new Promise(resolve => {
               resolve(storeDict)
             })
           } else {
             return new Promise((resolve, reject) => {
               getDicts(dictMeta.type).then(res => {
                 const dictData = handleTree(res.data, 'dictCode', null, null)
                 store.dispatch('dict/setDict', { key: dictMeta.type, value: dictData })
                 resolve(dictData)
               }).catch(error => {
                 reject(error)
               })
             })
           }
         }
       }
     }
   })
 }
 export default {
   install
 }