hzyh_pad_app/src/store/user.ts

// 定义组合式API仓库
import { defineStore } from 'pinia'
import { computed } from 'vue'
import { getPrefixName } from '@/config'
import { goToPage } from '@/utils/util'
import storage from '@/utils/storage'
import constant from '@/utils/constant'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { login, logout, getInfo, getrefreshtoken } from '@/apis/longin'
// import { getUserProfile } from '@/apis/systemuser'
import defAvar from '@/static/avatar-zfsiZCFH.gif'
interface userInfoStoreInt {
  token: string
  refreshtoken: string
  avatar: string
  username: string
  password: string
  name: string
  roles: any
  permissions: any
  dept: any
  deptInfo: any
  parentmenutitle: string
  childrenmenutitle: string
  urlip: string
  urlpro: string
  allurl: string
  xththid: string
  xththstr: string
  projectid: string
  projectname: string
  androidappVersion: string
}

// 创建小仓库
export default defineStore(
  getPrefixName('user'),
  () => {
    const userInfo = ref<userInfoStoreInt>({
      token: '',
      refreshtoken: '',
      avatar: '',
      username: '',
      password: '',
      name: '',
      roles: [],
      permissions: [],
      dept: null,
      deptInfo: null,
      parentmenutitle: '',
      childrenmenutitle: '',
      urlip: '',
      urlpro: '',
      allurl: '',
      xththid: '',
      xththstr: '',
      projectid: '',
      projectname: '',
      androidappVersion: ''
    })
    //debugger
    userInfo.value.token = getToken()
    userInfo.value.refreshtoken = storage.get(constant.refresh_token)
    userInfo.value.username = storage.get(constant.username)
    userInfo.value.password = storage.get(constant.password)
    userInfo.value.name = storage.get(constant.name)
    userInfo.value.avatar = storage.get(constant.avatar)
    userInfo.value.roles = storage.get(constant.roles)
    userInfo.value.permissions = storage.get(constant.permissions)
    userInfo.value.dept = storage.get(constant.dept)
    userInfo.value.parentmenutitle = storage.get(constant.parentmenutitle)
    userInfo.value.childrenmenutitle = storage.get(constant.childrenmenutitle)
    userInfo.value.urlip = storage.get(constant.urlip)
    userInfo.value.urlpro = storage.get(constant.urlpro)
    userInfo.value.allurl = storage.get(constant.allurl)
    userInfo.value.xththstr = storage.get(constant.xththstr)
    userInfo.value.xththid = storage.get(constant.xththid)
    userInfo.value.projectid = storage.get(constant.projectid)
    userInfo.value.projectname = storage.get(constant.projectname)
    userInfo.value.androidappVersion = storage.get(constant.androidappVersion)

    const token = computed(() => {
      // debugger
      return userInfo.value.token || ''
    })
    const refreshtoken = computed(() => {
      // debugger
      return userInfo.value.refreshtoken || ''
    })
    const name = computed(() => {
      return userInfo.value.name
    })
    const avatar = computed(() => {
      return userInfo.value.avatar
    })
    const username = computed(() => {
      return userInfo.value.username
    })
    const password = computed(() => {
      return userInfo.value.password
    })
    const roles = computed(() => {
      return userInfo.value.roles
    })
    const permissions = computed(() => {
      return userInfo.value.permissions
    })
    const dept = computed(() => {
      return userInfo.value.permissions
    })

    const deptInfo = computed(() => {
      return userInfo.value.deptInfo
    })
    const urlip = computed(() => {
      return userInfo.value.urlip
    })
    const urlpro = computed(() => {
      return userInfo.value.urlpro
    })
    const allurl = computed(() => {
      return userInfo.value.allurl
    })
    const xththid = computed(() => {
      return userInfo.value.xththid
    })
    const xththstr = computed(() => {
      return userInfo.value.xththstr
    })

    const projectid = computed(() => {
      return userInfo.value.projectid
    })
    const projectname = computed(() => {
      return userInfo.value.projectname
    })
    const androidappVersion = computed(() => {
      return userInfo.value.androidappVersion
    })

    const parentmenutitle = computed(() => {
      return userInfo.value.parentmenutitle
    })
    const childrenmenutitle = computed(() => {
      return userInfo.value.childrenmenutitle
    })

    function setallurl(allurl: any) {
      userInfo.value.allurl = allurl
      storage.set(constant.allurl, allurl)
    }
    function setxtht(xththid: any, xththstr: any) {
      userInfo.value.xththid = xththid
      userInfo.value.xththstr = xththstr
      storage.set(constant.xththid, xththid)
      storage.set(constant.xththstr, xththstr)
    }
    function setproject(projectid: any, projectname: any) {
      userInfo.value.projectid = projectid
      userInfo.value.projectname = projectname
      storage.set(constant.projectid, projectid)
      storage.set(constant.projectname, projectname)
    }

    function seturlip(urlip: any) {
      userInfo.value.urlip = urlip
      storage.set(constant.urlip, urlip)
    }
    function seturlpro(urlpro: any) {
      userInfo.value.urlpro = urlpro
      storage.set(constant.urlpro, urlpro)
    }

    function setavatar(avatar: any) {
      userInfo.value.avatar = avatar
      storage.set(constant.avatar, avatar)
    }

    function setparentmenutitle(parentmenutitle: any) {
      userInfo.value.parentmenutitle = parentmenutitle
      storage.set(constant.parentmenutitle, parentmenutitle)
    }
    function setchildrenmenutitle(childrenmenutitle: any) {
      userInfo.value.childrenmenutitle = childrenmenutitle
      storage.set(constant.childrenmenutitle, childrenmenutitle)
    }
    function setandroidappVersion(androidappVersion: any) {
      userInfo.value.androidappVersion = androidappVersion
      storage.set(constant.androidappVersion, androidappVersion)
    }

    // 登录
    function userLogin(dataInfo: { username: string; password: string; code: string; uuid: string; mianlogin: boolean }) {
      return new Promise((resolve, reject) => {
        login(dataInfo)
          .then((res: any) => {
            //  debugger
            // userInfo.value = res.data
            // userInfo.value.userpassword = params.password ? params.password : ''
            // // getUserProfile({}).then((res1: any) => {
            // //   debugger
            // // })

            setToken(res.data.access_token)
            userInfo.value.token = res.data.access_token
            userInfo.value.refreshtoken = res.data.refresh_token
            userInfo.value.username = dataInfo.username
            userInfo.value.password = dataInfo.password
            storage.set(constant.refresh_token, res.data.refresh_token)
            storage.set(constant.username, dataInfo.username)
            storage.set(constant.password, dataInfo.password)

            resolve(res)
          })
          .catch((err) => {
            reject(err)
          })
      })
    }

    // 刷新token
    function setrefreshtoken() {
      return new Promise((resolve, reject) => {
        getrefreshtoken(userInfo.value.refreshtoken)
          .then((res: any) => {
            //debugger
            if (res.code === 200) {
              setToken(res.data)
              userInfo.value.token = res.data
            }

            resolve(res)
          })
          .catch((err) => {
            reject(err)
          })
      })
    }

    // 个人信息
    function userinfo() {
      return new Promise((resolve, reject) => {
        getInfo()
          .then((res: any) => {
            if (res.code === 200) {
              // const data = res.data;
              const user = res.data
              // prettier-ignore
              // const avatar = user.avatar == "" || user.avatar == null ? defAva : import.meta.env.VITE_APP_BASE_API + user.avatar;
              const avatar = (user == null || user.avatar == "" || user.avatar == null) ? defAvar :  import.meta.env.VITE_APP_BASE_PRE + user.avatar

              if (user.roles && user.roles.length > 0) {
                // 验证返回的roles是否是一个非空数组
                userInfo.value.roles = user.roles
                //userInfo.value.permissions = user.permissions
              } else {
                userInfo.value.roles = ['ROLE_DEFAULT']
              }
              // this.deptInfo = {
              //   deptId: user.dept.deptId,
              //   deptName: user.dept.deptName,
              //   deptType: user.dept.deptType
              // }
              userInfo.value.name = user.nickName
              userInfo.value.avatar = avatar
              userInfo.value.permissions = user.permissions
              storage.set(constant.permissions, user.permissions)
              storage.set(constant.name, user.nickName)
              storage.set(constant.avatar, userInfo.value.avatar)
              storage.set(constant.roles, userInfo.value.roles)
              storage.set(constant.permissions, userInfo.value.permissions)
            }

            resolve(res)
          })
          .catch((err) => {
            reject(err)
          })
      })
    }

    // 退出登录
    function userlogOut() {
      return new Promise<void>((resolve, reject) => {
        logout()
          .then(() => {
            uni.showToast({
              icon: 'none',
              title: '退出成功',
              mask: true,
              success() {
                setTimeout(() => {
                  userInfo.value = {
                    token: '',
                    refreshtoken: '',
                    avatar: '',
                    username: '',
                    password: '',
                    name: '',
                    roles: [],
                    permissions: [],
                    dept: null,
                    deptInfo: null,
                    parentmenutitle: '',
                    childrenmenutitle: '',
                    urlip: '',
                    urlpro: '',
                    allurl: '',
                    xththid: '',
                    xththstr: '',
                    projectid: '',
                    projectname: '',
                    androidappVersion: ''
                  }
                  uni.clearStorageSync()
                  goToPage({
                    url: 'pages/login/login',
                    mode: 'reLaunch'
                  })
                }, 1000)
              }
            })
            storage.clean()
            removeToken()
            resolve()
          })
          .catch((error) => {
            reject(error)
          })
      })
    }
    return {
      token,
      refreshtoken,
      avatar,
      username,
      password,
      name,
      roles,
      permissions,
      dept,
      deptInfo,
      userLogin,
      userinfo,
      userlogOut,
      setavatar,
      setparentmenutitle,
      setchildrenmenutitle,
      parentmenutitle,
      childrenmenutitle,
      setrefreshtoken,
      urlip,
      urlpro,
      seturlip,
      seturlpro,
      setallurl,
      allurl,
      setxtht,
      xththid,
      xththstr,
      projectid,
      projectname,
      setproject,
      androidappVersion,
      setandroidappVersion
    }
  },
  {
    // unistorage: {
    //   serializer: {
    //     // 序列化，默认为 JSON.stringify
    //     serialize(v) {
    //       return JSON.stringify(v)
    //     },
    //     // 反序列化，默认为 JSON.parse
    //     deserialize(v) {
    //       return JSON.parse(v)
    //     }
    //   }
    // }
    // 开启后对 state 的数据读写都将持久化
    // unistorage: {
    //   key: 'userInfo', // 缓存的键，默认为该 store 的 id，这里是 main,
    //   paths: ['userInfo.token'], // 需要缓存的路径，这里设置 foo 和 nested 下的 data 会被缓存
    //   // 初始化恢复前触发
    //   beforeRestore(ctx: any) {
    //     console.log(ctx)
    //   },
    //   // 初始化恢复后触发
    //   afterRestore(ctx: any) {
    //     console.log('ctx', ctx)
    //   }
    // }
  }
)