import { login, getWorkShopInfo, URL_CFG } from '@/api/MdcApi'
import { getToken, setToken, removeToken } from '@/utils/auth'
import Vue from 'vue'
const user = {
  state: {
    token: getToken().value,
    workshopList: [], // 车间列表
    deviceCategories: [], // 设备种类
    userInfo: { // 用户信息
      user: '',
      name: '',
      phone: '',
      roles: '',
      avatar: ''
    }
  },

  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_NAME: (state, name) => {
      state.name = name
    },
    SET_AVATAR: (state, avatar) => {
      state.avatar = avatar
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles
    },
    SET_WORKSHOP_LIST: (state, workshopList = []) => {
      for (let i = 0; i < state.workshopList.length; i++) {
        Vue.delete(state.workshopList, i)
      }
      for (let i = 0; i < workshopList.length; i++) {
        Vue.set(state.workshopList, i, workshopList[i])
      }
    },
    SET_DEVICE_CATEGORY_LIST: (state, categoryArr = []) => {
      for (let i = 0; i < state.deviceCategories.length; i++) {
        Vue.delete(state.deviceCategories, i)
      }
      for (let i = 0; i < categoryArr.length; i++) {
        Vue.set(state.deviceCategories, i, categoryArr[i])
      }
    },
    SET_USER_INFO: (state, data) => {
      state.userInfo.user = data.name
      state.userInfo.name = data.realName
      state.userInfo.phone = data.phone || ''
      state.userInfo.roles = data.roles
      state.userInfo.avatar = data.avatar || (process.env.NODE_ENV === 'development' ? '/static/data/user/zh_tx.png' : URL_CFG.BASE_URL + '/static/data/user/zh_tx.png')
    }
  },

  actions: {
    // 登录
    Login({ commit, store }, userInfo) {
      const username = userInfo.username.trim()
      return new Promise((resolve, reject) => {
        login(username, userInfo.password).then(response => {
          // {"result":"SUCCESS","token":"43a187c9b3f1f6cd6c8342c15f91a52a"}
          response = response || {}
          if (response.result === 'SUCCESS') {
            setToken(response.token)
            commit('SET_TOKEN', response.token)
            this.dispatch('GetInfo').then(res => resolve(res))
          } else {
            resolve({ code: 0, msg: '用户名或密码错误！' })
          }
        }).catch(error => {
          reject(error)
          // console.log(error)
        })
      })
    },
    // 获取用户信息
    GetInfo({ commit, state }) {
      return new Promise((resolve, reject) => {
        getWorkShopInfo().then(data => {
          if (data.result === 'SUCCESS') {
            if (data.workshopList && data.workshopList.length > 0) {
              commit('SET_WORKSHOP_LIST', data.workshopList)
              // console.log(data)
              commit('SET_DEVICE_CATEGORY_LIST', data.workshopList)
              commit('SET_USER_INFO', data)
              resolve({ code: 1, data: data })
            } else {
              commit('SET_WORKSHOP_LIST', [])
              commit('SET_DEVICE_CATEGORY_LIST', [])
              commit('SET_TOKEN', '')
              commit('SET_USER_INFO', {})
              removeToken()
              resolve({ code: 0, msg: '您没有权限访问，请联系管理员进行授权！' })
            }
          }
          // else {
          //   resolve({ code: 0, msg: '由于您长时间没有操作，请重新登录！' })
          // }
        }).catch(() => {
          resolve({ code: -1, msg: '网络异常，稍后重试！' })
        })
      })
    },
    // 登出
    LogOut({ commit, state }) {
      return new Promise((resolve, reject) => {
        commit('SET_TOKEN', '')
        commit('SET_USER_INFO', {})
        removeToken()
        resolve()
      })
    },

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

export default user