项目初始化

ruoyi-ui/src/components/DictData/index.js

@@ -0,0 +1,57 @@
+import Vue from 'vue'
+import store from '@/store'
+import DataDict from '@/utils/dict'
+import { getDicts as getDicts } from '@/api/system/dict/data'
+import i18n from "@/lang";
+
+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)
+                const translatedData = res.data.map(item => ({
+                  ...item,
+                  dictLabel: i18n.t(item.dictLabel) || item.dictLabel
+                }))
+                //console.log(translatedData)
+                store.dispatch('dict/setDict', { key: dictMeta.type, value: translatedData })
+                resolve(translatedData)
+              }).catch(error => {
+                reject(error)
+              })
+            })
+          }
+        },
+      },
+    },
+  })
+}
+
+export default {
+  install,
+}