初始化项目

src/store/modules/area.js

@@ -0,0 +1,67 @@
+function format(data) {
+  const result = [];
+  const dic = {'0': {label: 'root', value: '0', children: result}};
+
+  data.forEach(item => {
+    if (item.layer > 3) {
+      return;
+    }
+    const node = {
+      label: item.areaName,
+      value: item.areaId,
+      quickQuery: item.quickQuery,
+      simpleSpelling: item.simpleSpelling,
+      parentId: item.parentId
+    };
+    if (dic.hasOwnProperty(item.parentId)) {
+      if (!dic[item.parentId].children) {
+        dic[item.parentId].children = [];
+      }
+      dic[item.parentId].children.push(node);
+    } else {
+      dic[item.parentId] = {children: [node]};
+    }
+    if (dic.hasOwnProperty(item.areaId)) {
+      dic[item.areaId].label = item.areaName;
+      dic[item.areaId].value = item.areaId;
+    } else {
+      dic[item.areaId] = node;
+    }
+  });
+  return {data: result, dic};
+}
+
+let loaded = false
+
+const area = {
+  state: {data: [], dic: {}},
+  actions: {InitArea({commit}) {
+      if (!loaded) {
+        loaded = true
+        import('@/util/area').then((resp) => {
+          commit('SET_AREA', format(resp.default));
+        })
+      }
+    },
+  },
+  mutations: {
+    SET_AREA: (state, data) => {
+      state.data = data.data
+      state.dic = data.dic
+    },
+  },
+  getters:{
+    getAreaParents: (state) => (id) => {
+      const res = [];
+      let item = state.dic[id];
+      while (item && item.value !== '0') {
+        id = item.parentId;
+        res.unshift(item);
+        item = state.dic[id];
+      }      
+      return res
+    }
+  }
+};
+
+export default area;

src/store/modules/cmanageTitle.js

@@ -0,0 +1,26 @@
+import {setStore, getStore} from '@/util/store'
+const cmanageTitle = {
+    state: {
+        isSearch: getStore({name: 'isSearch'}) || false,
+        searchInput: getStore({name: 'searchInput'}) || '',
+    },
+    actions: {
+        layoutIsSearch ({commit}, type) {
+            commit('SET_ISSEARCH', type)
+        },
+        layoutIsSearchInput ({commit}, str) {
+            commit('SET_SEARCHINPUT', str)
+        }
+    },
+    mutations: {
+        SET_ISSEARCH: (state, type) => {
+            state.isSearch = type;
+            setStore({name: 'isSearch', content: state.isSearch, type: 'local'})
+        },
+        SET_SEARCHINPUT: (state, str) => {
+            state.searchInput = str;
+            setStore({name: 'searchInput', content: state.searchInput, type: 'local'})
+        },
+    }
+}
+export default cmanageTitle

src/store/modules/common.js

@@ -0,0 +1,154 @@
+import {
+  setStore,
+  getStore,
+  removeStore
+} from '@/util/store'
+import website from '@/config/website'
+import {routesCompany} from '@/api/help/common'
+const common = {
+
+  state: {
+    language: getStore({name: 'language'}) || 'zh',
+    isCollapse: false,
+    isFullScren: false,
+    isMenu: true,
+    isShade: false,
+    screen: -1,
+    isLock: getStore({name: 'isLock'}) || false,
+    helpShow: getStore({name: 'jlHelpShow'}) || false,
+    helpTag: getStore({name: 'jlHelpTag'}) || false,
+    helpSwitch: getStore({name: 'jlHelpSwitch'}) || 1,
+    showTag: true,
+    showDebug: true,
+    showCollapse: true,
+    showSearch: true,
+    showLock: true,
+    showFullScren: true,
+    showTheme: true,
+    showMenu: true,
+    showColor: true,
+    colorName: getStore({name: 'colorName'}) || '#409EFF',
+    themeName: getStore({name: 'themeName'}) || 'theme-default',
+    lockPasswd: getStore({name: 'lockPasswd'}) || '',
+    website: website,
+    helpList: ['SDSFSDFSDFDSF']
+  },
+  actions: {
+    // row： 点击路由获取路由参数，根据此参数调用接口请求侧边栏数据
+    jlHelpList({state, commit}, row){
+      // 每次进入接口请求侧边栏数据
+      var helpTag = state.showTag
+      if (helpTag) {
+        var obj = JSON.parse(getStore({name: 'queryHelp'}))
+        var pcSource = process.env.VUE_APP_SITE === 'default' ? 3 : 4;
+        routesCompany(obj.id, pcSource).then(res => {
+          commit('SET_HELPLIST', res.data.data);
+        })
+      }
+    },
+    jlHelpTag({commit, dispatch}, helpTag){
+      commit('SET_HELPTAG', helpTag);
+      if (helpTag) {
+        dispatch('jlHelpList');
+      }
+    },
+    jlHelpShow({commit}, helpShow){
+      commit('SET_HELPSHOW', helpShow);
+      commit('SET_HELPTAG', helpShow);
+    },
+    jlHelpSwitch({commit}, helpSwitch){
+      commit('SET_HELPSWITCH', helpSwitch);
+    }
+  },
+  mutations: {
+    SET_HELPSWITCH: (state, helpSwitch) => {
+      state.helpSwitch = helpSwitch
+      setStore({
+        name: 'jlHelpSwitch',
+        content: state.helpSwitch
+      })
+    },
+    SET_HELPLIST: (state, helpList) => {
+      state.helpList = helpList
+    },
+    SET_HELPSHOW: (state, helpShow) => {
+      state.helpShow = helpShow
+      setStore({
+        name: 'jlHelpShow',
+        content: state.helpShow
+      })
+    },
+    SET_HELPTAG: (state, helpTag) => {
+      state.helpTag = helpTag
+      setStore({
+        name: 'jlHelpTag',
+        content: state.helpTag
+      })
+    },
+    SET_LANGUAGE: (state, language) => {
+      state.language = language
+      setStore({
+        name: 'language',
+        content: state.language
+      })
+    },
+    SET_SHADE: (state, active) => {
+      state.isShade = active;
+    },
+    SET_COLLAPSE: (state) => {
+      state.isCollapse = !state.isCollapse;
+    },
+    SET_FULLSCREN: (state) => {
+      state.isFullScren = !state.isFullScren;
+    },
+    SET_IS_MENU: (state, menu) => {
+      state.isMenu = menu;
+    },
+    SET_LOCK: (state) => {
+      state.isLock = true;
+      setStore({
+        name: 'isLock',
+        content: state.isLock,
+        type: 'session'
+      })
+    },
+    SET_SCREEN: (state, screen) => {
+      state.screen = screen;
+    },
+    SET_COLOR_NAME: (state, colorName) => {
+      state.colorName = colorName;
+      setStore({
+        name: 'colorName',
+        content: state.colorName,
+      })
+    },
+    SET_THEME_NAME: (state, themeName) => {
+      state.themeName = themeName;
+      setStore({
+        name: 'themeName',
+        content: state.themeName,
+      })
+    },
+    SET_LOCK_PASSWD: (state, lockPasswd) => {
+      state.lockPasswd = lockPasswd;
+      setStore({
+        name: 'lockPasswd',
+        content: state.lockPasswd,
+        type: 'session'
+      })
+    },
+    CLEAR_LOCK: (state) => {
+      state.isLock = false;
+      state.lockPasswd = '';
+      removeStore({
+        name: 'lockPasswd',
+        type: 'session'
+      });
+      removeStore({
+        name: 'isLock',
+        type: 'session'
+      });
+    },
+  }
+}
+export default common

src/store/modules/config.js

@@ -0,0 +1,25 @@
+import {getConfig} from '@/api/tenant/config'
+
+export default {
+  state: {trial: 0},
+  actions: {
+    GetConfig({commit}) {
+      return new Promise(function(resolve, reject) {
+        getConfig()
+        .then((resp) => {                
+          resolve()
+          commit('SET_TRIAL', resp.data.data.trialOn)
+        })
+        .catch(reject)
+      })
+    }
+  },
+  mutations: {
+    RESET_CONFIG(state) {
+      state.trial = 0
+    },
+    SET_TRIAL(state, trial) {
+      state.trial = trial
+    }
+  }
+}

src/store/modules/dict.js

@@ -0,0 +1,36 @@
+import {getStore, setStore} from '@/util/store'
+
+import {getDictionary} from '@/api/system/dict'
+
+const dict = {
+  state: {
+    flowRoutes: getStore({name: 'flowRoutes'}) || {},
+  },
+  actions: {
+    //发送错误日志
+    FlowRoutes({commit}) {
+      return new Promise((resolve, reject) => {
+        getDictionary({code: 'flow'}).then(res => {
+          commit('SET_FLOW_ROUTES', res.data.data);
+          resolve();
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+  },
+  mutations: {
+    SET_FLOW_ROUTES: (state, data) => {
+      state.flowRoutes = data.map(item => {
+        return {
+          routeKey: `${item.code}_${item.dictKey}`,
+          routeValue: item.remark,
+        };
+      });
+      setStore({name: 'flowRoutes', content: state.flowRoutes, type: 'session'})
+    },
+  }
+
+};
+
+export default dict;

src/store/modules/logs.js

@@ -0,0 +1,42 @@
+import {setStore, getStore} from '@/util/store'
+import {dateFormat} from '@/util/date'
+import {sendLogs} from '@/api/user'
+
+const logs = {
+  state: {
+    logsList: getStore({name: 'logsList'}) || [],
+  },
+  actions: {
+    SendLogs({state, commit}) {
+      return new Promise((resolve, reject) => {
+        sendLogs(state.logsList).then(() => {
+          commit('CLEAR_LOGS');
+          resolve();
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+  },
+  mutations: {
+    ADD_LOGS: (state, {type, message, stack, info}) => {
+      state.logsList.push(Object.assign({
+        url: window.location.href,
+        time: dateFormat(new Date())
+      }, {
+        type,
+        message,
+        stack,
+        info: info.toString()
+      }))
+      setStore({name: 'logsList', content: state.logsList})
+    },
+    CLEAR_LOGS: (state) => {
+      state.logsList = [];
+      setStore({name: 'logsList', content: state.logsList})
+    }
+  }
+
+};
+
+export default logs;

src/store/modules/notice.js

@@ -0,0 +1,30 @@
+import {getUnreadCount, workGetUnreadCount} from '@/api/desk/notice'
+
+const area = {
+  state: {count: 0},
+  actions: {
+    getUnreadCount({commit}) {
+      getUnreadCount().then(
+          resp => {commit('SET_NOTICE_COUNT', resp.data.data)})
+    },
+    workGetUnreadCount({commit}) {
+      workGetUnreadCount().then(
+          resp => {commit('SET_NOTICE_COUNT', resp.data.data)})
+    },
+  },
+  mutations: {
+    SET_NOTICE_COUNT: (state, count) => {
+      state.count = count
+    },
+    NOTICE_READ: (state, count = 1) => {
+      if (count > state.count) {
+        state.count = 0
+      } else if (state.count > 0) {
+        state.count -= count
+      }
+    },
+  },
+  getters: {}
+};
+
+export default area;

src/store/modules/tags.js

@@ -0,0 +1,73 @@
+import {setStore, getStore} from '@/util/store'
+import {diff} from '@/util/util'
+import website from '@/config/website'
+
+const isFirstPage = website.isFirstPage;
+const tagWel = website.fistPage;
+const tagObj = {
+  code: '', //组件name
+  label: '', //标题名称
+  value: '', //标题的路径
+  params: '', //标题的路径参数
+  query: '', //标题的参数
+  meta: {},//额外参数
+  group: [], //分组
+}
+
+//处理首个标签
+function setFistTag(list) {
+  if (list.length == 1) {
+    list[0].close = false;
+  } else {
+    list.forEach(ele => {
+      if (ele.value === tagWel.value && isFirstPage === false) {
+        ele.close = false
+      } else {
+        ele.close = true
+      }
+    })
+  }
+}
+
+
+const navs = {
+  state: {
+    tagList: getStore({name: 'tagList'}) || [],
+    tag: getStore({name: 'tag'}) || tagObj,
+    tagWel: tagWel
+  },
+  actions: {},
+  mutations: {
+    ADD_TAG: (state, action) => {
+      state.tag = action;
+      setStore({name: 'tag', content: state.tag, type: 'session'})
+      if (state.tagList.some(ele => diff(ele, action))) return
+      state.tagList.push(action)
+      setFistTag(state.tagList);
+      setStore({name: 'tagList', content: state.tagList, type: 'session'})
+    },
+    DEL_TAG: (state, action) => {
+      state.tagList = state.tagList.filter(item => {
+        return !diff(item, action);
+      })
+      setFistTag(state.tagList);
+      setStore({name: 'tagList', content: state.tagList, type: 'session'})
+    },
+    DEL_ALL_TAG: (state) => {
+      state.tagList = [state.tagWel];
+      setStore({name: 'tagList', content: state.tagList, type: 'session'})
+    },
+    DEL_TAG_OTHER: (state) => {
+      state.tagList = state.tagList.filter(item => {
+        if (item.value === state.tag.value) {
+          return true;
+        } else if (!website.isFirstPage && item.value === website.fistPage.value) {
+          return true;
+        }
+      })
+      setFistTag(state.tagList);
+      setStore({name: 'tagList', content: state.tagList, type: 'session'})
+    }
+  }
+}
+export default navs

src/store/modules/user.js

@@ -0,0 +1,260 @@
+import {setToken, setRefreshToken, removeToken, removeRefreshToken} from '@/util/auth'
+import {Message} from 'element-ui'
+import {setStore, getStore} from '@/util/store'
+import {isURL, validatenull} from '@/util/validate'
+import {deepClone} from '@/util/util'
+import website from '@/config/website'
+import {loginByUsername, getUserInfo, logout, refreshToken, getButtons} from '@/api/user'
+import {getTopMenu, getRoutes} from '@/api/system/menu'
+import md5 from 'js-md5'
+
+
+function addPath(ele, first) {
+  const menu = website.menu;
+  const propsConfig = menu.props;
+  const propsDefault = {
+    label: propsConfig.label || 'name',
+    path: propsConfig.path || 'path',
+    icon: propsConfig.icon || 'icon',
+    children: propsConfig.children || 'children'
+  }
+  const icon = ele[propsDefault.icon];
+  ele[propsDefault.icon] = validatenull(icon) ? menu.iconDefault : icon;
+  const isChild = ele[propsDefault.children] && ele[propsDefault.children].length !== 0;
+  if (!isChild) ele[propsDefault.children] = [];
+  if (!isChild && first && !isURL(ele[propsDefault.path])) {
+    ele[propsDefault.path] = ele[propsDefault.path] + '/index'
+  } else {
+    ele[propsDefault.children].forEach(child => {
+      addPath(child);
+    })
+  }
+
+}
+
+const user = {
+  state: {
+    tenantId: getStore({name: 'tenantId'}) || '',
+    userInfo: getStore({name: 'userInfo'}) || [],
+    permission: getStore({name: 'permission'}) || {},
+    roles: [],
+    menu: getStore({name: 'menu'}) || [],
+    menuId: getStore({name: 'menuId'}) || [],
+    menuAll: getStore({name: 'menuAll'}) || [],
+    token: getStore({name: 'token'}) || '',
+    refreshToken: getStore({name: 'refreshToken'}) || '',
+    auth: getStore({name: 'auth'}) || '',
+  },
+  actions: {
+    //根据用户名登录
+    LoginByUsername({commit}, userInfo) {
+      return new Promise((resolve, reject) => {
+        loginByUsername(userInfo.username, md5(userInfo.password), userInfo.type, userInfo.key, userInfo.code,userInfo.loginType).then(res => {
+          const data = res.data;
+          if (data.error_description) {
+            Message({
+              message: data.error_description,
+              type: 'error'
+            })
+          } else {
+            // 判断是否为客服
+            data.is_admin = data.role_name === 'operate' || data.role_name === 'muser'
+            // 判断是否为管理员账号
+            data.is_master = ['administrator','admin','operate'].includes(data.role_name)
+            commit('SET_AUTH', data.auth);
+            commit('SET_TOKEN', data.access_token);
+            commit('SET_REFRESH_TOKEN', data.refresh_token);
+            commit('SET_TENANT_ID', data.tenant_id);
+            commit('SET_USER_INFO', data);
+            commit('DEL_ALL_TAG');
+            commit('CLEAR_LOCK');
+          }
+          resolve();
+        }).catch(error => {
+          reject(error);
+        })
+      })
+    },
+    GetButtons({commit}) {
+      return new Promise((resolve) => {
+        getButtons().then(res => {
+          const data = res.data.data;
+          commit('SET_PERMISSION', data);
+          resolve();
+        })
+      })
+    },
+    //根据手机号登录
+    LoginByPhone({commit}, userInfo) {
+      return new Promise((resolve) => {
+        loginByUsername(userInfo.phone, userInfo.code).then(res => {
+          const data = res.data.data;
+          commit('SET_TOKEN', data);
+          commit('DEL_ALL_TAG');
+          commit('CLEAR_LOCK');
+          resolve();
+        })
+      })
+    },
+    GetUserInfo({commit}) {
+      return new Promise((resolve, reject) => {
+        getUserInfo().then((res) => {
+          const data = res.data.data;
+          commit('SET_ROLES', data.roles);
+          resolve(data);
+        }).catch(err => {
+          reject(err);
+        })
+      })
+    },
+    //刷新token
+    refreshToken({state, commit}) {
+      window.console.log('handle refresh token')
+      return new Promise((resolve, reject) => {
+        var authType = state.userInfo.login_type;
+        refreshToken(state.refreshToken, state.tenantId, authType).then(res => {
+          const data = res.data;
+          commit('SET_TOKEN', data.access_token);
+          commit('SET_REFRESH_TOKEN', data.refresh_token);
+          resolve();
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    // 登出
+    LogOut({commit}) {
+      return new Promise((resolve, reject) => {
+        logout().then(() => {
+          commit('SET_AUTH', '');
+          commit('SET_TOKEN', '');
+          commit('SET_MENU', []);
+          commit('SET_MENU_ID', {});
+          commit('SET_MENU_ALL', []);
+          commit('SET_ROLES', []);
+          commit('DEL_ALL_TAG');
+          commit('CLEAR_LOCK');
+          commit('RESET_CONFIG');
+          removeToken();
+          removeRefreshToken();
+          resolve();
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    //注销session
+    FedLogOut({commit}) {
+      return new Promise(resolve => {
+        commit('SET_TOKEN', '');
+        commit('SET_MENU_ID', {});
+        commit('SET_MENU_ALL', []);
+        commit('SET_MENU', []);
+        commit('SET_ROLES', []);
+        commit('DEL_ALL_TAG');
+        commit('CLEAR_LOCK');
+        removeToken();
+        removeRefreshToken();
+        resolve();
+      })
+    },
+    //获取顶部菜单
+    GetTopMenu() {
+      return new Promise(resolve => {
+        getTopMenu().then((res) => {
+          const data = res.data.data || [];
+          resolve(data)
+        })
+      })
+    },
+    //获取系统菜单
+    GetMenu({commit, dispatch}, topMenuId) {
+      return new Promise(resolve => {
+        getRoutes(topMenuId).then((res) => {
+          const data = res.data.data
+          let menu = deepClone(data);
+          menu.forEach(ele => {
+            addPath(ele, true);
+          });
+          commit('SET_MENU', menu)
+          dispatch('GetButtons');
+          resolve(menu)
+        })
+      })
+    },
+  },
+  mutations: {
+    SET_TOKEN: (state, token) => {
+      setToken(token);
+      state.token = token;
+      setStore({name: 'token', content: state.token, type: 'session'})
+    },
+    SET_MENU_ID(state, menuId) {
+      state.menuId = menuId;
+      setStore({name: 'menuId', content: state.menuId, type: 'session'})
+    },
+    SET_MENU_ALL: (state, menuAll) => {
+      state.menuAll = menuAll
+      setStore({name: 'menuAll', content: state.menuAll, type: 'session'})
+    },
+    SET_REFRESH_TOKEN: (state, refreshToken) => {
+      setRefreshToken(refreshToken)
+      state.refreshToken = refreshToken;
+      setStore({name: 'refreshToken', content: state.refreshToken, type: 'session'})
+    },
+    SET_TENANT_ID: (state, tenantId) => {
+      state.tenantId = tenantId;
+      setStore({name: 'tenantId', content: state.tenantId, type: 'session'})
+    },
+    SET_USER_INFO: (state, userInfo) => {
+      state.userInfo = userInfo;
+      setStore({name: 'userInfo', content: state.userInfo})
+    },
+    SET_MENU: (state, menu) => {
+      state.menu = menu;
+      let menuAll = state.menuAll;
+      if (!validatenull(menu)) {
+        const obj = menuAll.filter(ele => ele.path === menu[0].path)[0];
+        if (!obj) {
+          menuAll = menuAll.concat(menu);
+          state.menuAll = menuAll
+        }
+        setStore({name: 'menuAll', content: menuAll, type: 'session'})
+      }
+      setStore({name: 'menu', content: state.menu, type: 'session'})
+    },
+    SET_ROLES: (state, roles) => {
+      state.roles = roles;
+    },
+    SET_PERMISSION: (state, permission) => {
+      let result = [];
+
+      function getCode(list) {
+        list.forEach(ele => {
+          if (typeof (ele) === 'object') {
+            const chiildren = ele.children;
+            const code = ele.code;
+            if (chiildren) {
+              getCode(chiildren)
+            } else {
+              result.push(code);
+            }
+          }
+        })
+      }
+
+      getCode(permission);
+      state.permission = {};
+      result.forEach(ele => {
+        state.permission[ele] = true;
+      });
+      setStore({name: 'permission', content: state.permission, type: 'session'})
+    },
+    SET_AUTH(state, auth){
+      state.auth = auth
+      setStore({name: 'auth', content: auth, type: 'session'})
+    }
+  }
+
+}
+export default user