usky-web-mobile/src/store/modules/user.js

import storage from "@/utils/storage";
import { getToken, setToken, removeToken } from "@/utils/auth";
import { defineStore } from "pinia";
// 接口引用
import { login, logout, getInfo, getMobileTenantConfig, getCodeImg } from "@/api/login";
import { getUserProfile, appAdd, appDel } from "@/api/system/user";
import { phoneVerify } from "@/api/common/index.js";
// 组件引用
import modal from "@/plugins/modal.plugins.js";

const useStores = defineStore("useStores", {
  state: () => ({
    token: getToken(),
    name: storage.get("name"),//用户名称
    nickName: storage.get("nickName"),//用户昵称
    phonenumber: storage.get("phonenumber"),//用户手机号
    avatar: storage.get("avatar"),
    roles: storage.get("roles"),
    permissions: storage.get("permissions"),

    loginTitle: storage.get("loginTitle"),
    loginBottomTitle: storage.get("loginBottomTitle"),
    loginBg: storage.get("loginBg"),
    loginLogo: storage.get("loginLogo"),
    tenantId: storage.get("tenantId"),

    user: {},
    userArr: {},
    postGroup: "", //岗位
    roleGroup: "", //角色

    codeTime: 0,//验证码倒计时
    codeTimeInterval: null,//验证码倒计时定时器
  }),
  persist: {
    // 自定义数据持久化方式
    // key: 'store-key', 指定key进行存储，此时非key的值不会持久化，刷新就会丢失
    storage: window ? window.localStorage : uni.setStorageSync(), // 指定换成地址
    // paths: ['nested.data'],// 指定需要持久化的state的路径名称
    beforeRestore: (context) => {
      // console.log("Before" + context);
    },
    afterRestore: (context) => {
      // console.log("After" + context);
    },
  },
  actions: {
    // 登录
    Login(data) {
      // const modal = inject("$modal");
      return new Promise((resolve, reject) => {
        login(data)
          .then((res) => {
            this.SET_TOKEN(res.data.access_token)
            setToken(res.data.access_token);
            this.codeTime = 0
            resolve();
          })
          .catch((error) => {
            modal.closeLoading();
            modal.msg(error);
            reject(error);
          });
      });
    },

    //获取登录页数据
    GetMobileTenantConfig(params) {
      getMobileTenantConfig(params).then((res) => {
        if (res.data.length > 0) {
          let data = res.data[0];
          this.SET_LOGINMOBILELIST({
            loginTitle: data.loginTitle,
            loginBottomTitle: data.loginFooter,
            loginBg: data.loginBackUrl,
            loginLogo: data.loginLogo,
            tenantId: data.tenantId,
          })
        }
      });
    },

    // 获取用户信息
    getUser() {
      getUserProfile().then((response) => {
        this.user = response.data.user;
        this.userArr = JSON.parse(JSON.stringify(response.data.user));
        this.postGroup = response.postGroup;
        this.roleGroup = response.roleGroup;
      });
    },

    // 获取用户信息
    GetInfo() {
      return new Promise((resolve, reject) => {
        getInfo()
          .then((res) => {
            var data = res.data;

            if (data.roles && data.roles.length > 0) {
              this.SET_ROLES(data.roles);
              this.SET_PERMISSIONS(data.permissions);
            } else {
              this.SET_ROLES(["ROLE_DEFAULT"]);
            }

            this.SET_NAME(data.user.userName);
            this.SET_NICKNAME(data.user.nickName);
            this.SET_PHONE(data.user.phonenumber);
            this.SET_AVATAR(data.user.avatar);

            resolve(res);
          })
          .catch((error) => {
            modal.msgError(error);
            reject(error);
          });
      });
    },

    /**
     * @获取手机验证码
     * @param { 手机号 } phone 
     * @param { 成功 } success 
     * @param { 失败 } error 
     */
    GetCodeImg({ phone, success, error }) {
      if (!phone) {
        modal.msg("请输入手机号");
        return;
      }
      if (!/^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/.test(phone)) {
        modal.msg("请输入正确的手机号");
        return;
      }

      if (this.codeTime > 0) {
        modal.msg("不能重复获取");
        return;
      } else {
        modal.loading("加载中");
        getCodeImg({
          phone: phone,
        }).then((res) => {
          if (res.status === "SUCCESS") {
            success(res)
            modal.closeLoading();
          } else {
            error(res)
          }
        });

        this.codeTime = 60;
        this.SetInterval("codeTime");
      }
    },

    // 手机验证码倒计时定时器
    SetInterval(key) {
      if (this.codeTimeInterval) {
        clearInterval(this.codeTimeInterval);
      }
      this.codeTimeInterval = setInterval(() => {
        this[key]--;
        if (this[key] < 1) {
          clearInterval(this.codeTimeInterval);
          this[key] = 0;
        }
      }, 1000);
    },

    /**
     * @手机验证码校验
     * @param { 数据 } data 
     * @param { 成功 } success 
     * @param { 失败 } error 
     */
    PhoneVerify({ data, success, error }) {
      if (!data.phone) {
        modal.msg("请输入手机号");
        return;
      }

      if (!/^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/.test(data.phone)) {
        modal.msg("请输入正确的手机号");
        return;
      }

      if (!data.verify) {
        modal.msg("请输入验证码");
        return;
      }

      phoneVerify({
        phone: data.phone,
        verify: data.verify,
      }).then((res) => {
        if (res.status === "SUCCESS") {
          success(res)

        } else {
          error(res)
        }
        modal.closeLoading();
      });
    },

    /**
     * @注册
     * @param { 数据 } data 
     * @param { 成功 } success 
     * @param { 失败 } error 
     */
    UserAdd({ data, success, error }) {
      if (!data.nickName) {
        modal.showToast("昵称不能为空");
        return;
      }

      if (!data.newPassword) {
        modal.showToast("新密码不能为空");
        return;
      }

      if (data.newPassword.length < 6 && data.newPassword.length > 20) {
        modal.showToast("长度在 6 到 20 个字符");
        return;
      }

      if (!data.confirmPassword) {
        modal.showToast("确认密码不能为空");
        return;
      }

      if (data.confirmPassword != data.newPassword) {
        modal.showToast("两次输入的密码不一致");
        return;
      }

      modal.loading("加载中");
      appAdd({
        tenantId: this.tenantId,
        nickName: data.nickName,
        phonenumber: data.phone,
        userName: data.phone,
        status: "0",
        password: data.newPassword,
      }).then((res) => {
        if (res.status === "SUCCESS") {
          success(res)
          modal.closeLoading();
        }
      })
    },

    UserDel({ data, success, error }) {
      modal.loading("加载中");
      appDel(data).then((res) => {
        if (res.status === "SUCCESS") {
          success(res)
          modal.closeLoading();
        }
      })
    },

    // 退出系统
    LogOut() {
      return new Promise((resolve, reject) => {
        logout()
          .then(() => {
            this.SET_TOKEN("");//清空token
            this.SET_ROLES([]);
            this.SET_PERMISSIONS([]);
            this.SET_LOGINMOBILELIST({
              loginTitle: "",
              loginBottomTitle: "",
              loginBg: "",
              loginLogo: "",
              tenantId: "",
            });//清空登录页数据
            removeToken();
            storage.clean();
            resolve();
          })
          .catch((error) => {
            modal.msgError(error);
            reject(error);
          });
      });
    },

    SET_TOKEN(token) {
      this.token = token;
    },
    SET_NAME(name) {
      this.name = name;
      storage.set("name", name);
    },
    SET_NICKNAME(nickName) {
      this.nickName = nickName;
      storage.set("nickName", nickName);
    },
    SET_PHONE(phonenumber) {
      this.phonenumber = phonenumber;
      storage.set("phonenumber", phonenumber);
    },
    SET_AVATAR(avatar) {
      this.avatar = avatar;
      storage.set("avatar", avatar);
    },
    SET_ROLES(roles) {
      this.roles = roles;
      storage.set("roles", roles);
    },
    SET_PERMISSIONS(permissions) {
      this.permissions = permissions;
      storage.set("permissions", permissions);
    },
    SET_LOGINMOBILELIST(loginMobileList) {
      //title
      this.loginTitle = loginMobileList.loginTitle
      storage.set("loginTitle", loginMobileList.loginTitle);
      //bottomTitle
      this.loginBottomTitle = loginMobileList.loginBottomTitle
      storage.set("loginBottomTitle", loginMobileList.loginBottomTitle);
      //bg
      this.loginBg = loginMobileList.loginBg
      storage.set("loginBg", loginMobileList.loginBg);
      //logo
      this.loginLogo = loginMobileList.loginLogo
      storage.set("loginLogo", loginMobileList.loginLogo);
      //tenantId
      this.tenantId = loginMobileList.tenantId
      storage.set("tenantId", loginMobileList.tenantId);
    }
  },
});

export default useStores;