import { login, logout, getInfo } from '@/api/login'
import { getTableHeader } from '@/api/menu'
import { changeCurrentPort } from "@/api/system/user.js";
import { getToken, setToken, removeToken } from '@/utils/auth'
import { Message } from 'element-ui'

const user = {
  state: {
    token: getToken(),
    name: '',
    avatar: '',
    activePortName: '',
    portNames: [],
    roles: [],
    permissions: [],
    tableHeader: null
  },

  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_NAME: (state, name) => {
      state.name = name
    },
    SET_AVATAR: (state, avatar) => {
      state.avatar = avatar
    },
    SET_ACTIVEPORTNAME: (state, activePortName) => {
      state.activePortName = activePortName
      sessionStorage.setItem('portName', activePortName)
    },
    SET_PORTNAMES: (state, portNames) => {
      state.portNames = portNames
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles
    },
    SET_PERMISSIONS: (state, permissions) => {
      state.permissions = permissions
    },
    SAVE_TABLEHEADER: (state, table) => {
      state.tableHeader = table
    },
  },

  actions: {

    // 登录
    Login({ commit }, userInfo) {
      const username = userInfo.username.trim()
      const password = userInfo.password
      const rememberMe = userInfo.rememberMe

      return new Promise((resolve, reject) => {
        login(username, password, rememberMe).then(res => {
          if (res.code === 200) {
            setToken(res.data)
            commit('SET_TOKEN', res.data)
          }
          resolve(res)
        }).catch(error => {
          reject(error)
        })
      })
    },

    //获取表头
    GetTableHeaders({ commit, state }) {
      return new Promise((resolve, reject) => {
        getTableHeader().then(res => {
          if (res.code === 200) {
            commit('SAVE_TABLEHEADER', res.data)
          }
          resolve(res)
        }).catch(err => {
          reject(err)
        })
      })
    },

    //保存表头
    SavetableHeader({ commit, state }, data) {
      commit('SAVE_TABLEHEADER', data)
    },

    // 获取用户信息
    GetInfo({ commit, state }) {
      return new Promise((resolve, reject) => {
        getInfo().then(res => {
          if (res.code === 200) {
            const user = res.data.user
            const avatar = user.avatar == "" ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
            let ports = [];
            if (user.portName) {
              ports = user.portName.split(',');
              commit('SET_PORTNAMES', ports)
              commit('SET_ACTIVEPORTNAME', sessionStorage.getItem('portName') ? sessionStorage.getItem('portName') : state.portNames[0])
            } else {
              Message({
                message: "未找到口岸信息！请确认后再登录",
                type: 'error'
              })
              this.login()
            }
            if (res.data.roles && res.data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
              commit('SET_ROLES', res.data.roles)
              commit('SET_PERMISSIONS', res.data.permissions)
            } else {
              commit('SET_ROLES', ['ROLE_DEFAULT'])
            }
            commit('SET_NAME', user.userName)
            commit('SET_AVATAR', avatar)
            resolve(res)
          }
        }).catch(error => {
          reject(error)
        })
      })
    },

    //切换口岸
    changePort({ commit }, portName) {
      return new Promise((resolve, reject) => {
        changeCurrentPort({ portName: portName }).then(res => {
          if (res.code === 200) {
            commit('SET_ACTIVEPORTNAME', portName)
          }
          resolve(res)
        }).catch(err => {
          reject(err)
        })
      })
    },

    // 退出系统
    LogOut({ commit, state }) {
      return new Promise((resolve, reject) => {
        logout(state.token).then(() => {
          commit('SET_TOKEN', '')
          commit('SET_ROLES', [])
          commit('SET_PERMISSIONS', [])
          removeToken()
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },

    // 前端 登出
    FedLogOut({ commit }) {
      return new Promise(resolve => {
        commit('SET_TOKEN', '')
        removeToken()
        resolve()
      })
    }
  }
}

export default user