liaofei
/
mall-app-t
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(登录)

This commit is contained in:
unknown 2024-05-29 00:54:59 +08:00
parent 24526bd526
commit a7acb9dce0
6 changed files with 620 additions and 438 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
pages.json
View File

@ -63,6 +63,57 @@
} }
} }
], ],
"subPackages": [
{
"root": "pages/public",
"pages": [{
"path": "setting",
"style": {
"navigationBarTitleText": "系统设置"
},
"meta": {
"sync": true,
"title": "系统设置",
"group": "通用"
}
},
{
"path": "richtext",
"style": {
"navigationBarTitleText": "富文本"
},
"meta": {
"sync": true,
"title": "富文本",
"group": "通用"
}
},
{
"path": "faq",
"style": {
"navigationBarTitleText": "常见问题"
},
"meta": {
"sync": true,
"title": "常见问题",
"group": "通用"
}
},
{
"path": "error",
"style": {
"navigationBarTitleText": "错误页面"
}
},
{
"path": "webview",
"style": {
"navigationBarTitleText": ""
}
}
]
}
],
"tabBar": { "tabBar": {
"list": [ "list": [
{ {

39
pages/public/error.vue Normal file
View File

@ -0,0 +1,39 @@
<!-- 错误界面 -->
<template>
<view class="error-page">
<s-empty v-if="errCode === 'NetworkError'" icon="/static/internet-empty.png" text="网络连接失败" showAction
actionText="重新连接" @clickAction="onReconnect" buttonColor="#ff3000" />
<s-empty v-else-if="errCode === 'TemplateError'" icon="/static/internet-empty.png" text="未找到模板" showAction
actionText="重新加载" @clickAction="onReconnect" buttonColor="#ff3000" />
<s-empty v-else-if="errCode !== ''" icon="/static/internet-empty.png" :text="errMsg" showAction actionText="重新加载"
@clickAction="onReconnect" buttonColor="#ff3000" />
</view>
</template>
<script setup>
import { onLoad } from '@dcloudio/uni-app';
import { ref } from 'vue';
import { peachInit } from '@/peach';
const errCode = ref('');
const errMsg = ref('');
onLoad((options) => {
errCode.value = options.errCode;
errMsg.value = options.errMsg;
});
// 重新连接
async function onReconnect() {
uni.reLaunch({
url: '/pages/index/index',
});
await peachInit();
}
</script>
<style lang="scss" scoped>
.error-page {
width: 100%;
}
</style>

236
peach/request/index.js
View File

@ -3,34 +3,34 @@
* @description api 模块管理，loading 配置，请求拦截，错误处理 * @description api 模块管理，loading 配置，请求拦截，错误处理
*/ */
import Request from 'luch-request' import Request from "luch-request";
import { baseUrl, apiPath } from '@/peach/config' import { baseUrl, apiPath } from "@/peach/config";
import $store from '@/peach/store' import peach from "@/peach";
import { showAuthModal } from '@/peach/hooks/useModal' import $store from "@/peach/store";
import AuthUtil from '@/peach/api/member/auth' import AuthUtil from "@/peach/api/member/auth";
const options = { const options = {
// 显示操作成功消息 默认不显示 // 显示操作成功消息 默认不显示
showSuccess: false, showSuccess: false,
// 成功提醒 默认使用后端返回值 // 成功提醒 默认使用后端返回值
successMsg: '', successMsg: "",
// 显示失败消息 默认显示 // 显示失败消息 默认显示
showError: true, showError: true,
// 失败提醒 默认使用后端返回信息 // 失败提醒 默认使用后端返回信息
errorMsg: '', errorMsg: "",
// 显示请求时loading模态框 默认显示 // 显示请求时loading模态框 默认显示
showLoading: true, showLoading: true,
// loading提醒文字 // loading提醒文字
loadingMsg: '加载中', loadingMsg: "加载中",
// 需要授权才能请求 默认放开 // 需要授权才能请求 默认放开
auth: false, auth: false,
} };
// Loading全局实例 // Loading全局实例
let LoadingInstance = { let LoadingInstance = {
target: null, target: null,
count: 0, count: 0,
} };
/** /**
* @author Ankkaya * @author Ankkaya
@ -39,21 +39,21 @@ let LoadingInstance = {
* @returns {Type} * @returns {Type}
*/ */
function closeLoading() { function closeLoading() {
if (LoadingInstance.count > 0) LoadingInstance.count-- if (LoadingInstance.count > 0) LoadingInstance.count--;
if (LoadingInstance.count === 0) uni.hideLoading() if (LoadingInstance.count === 0) uni.hideLoading();
} }
// 请求实例 // 请求实例
const http = new Request({ const http = new Request({
baseUrl: baseUrl + apiPath, baseUrl: baseUrl + apiPath,
timeout: 8000, timeout: 8000,
method: 'GET', method: "GET",
header: { header: {
Accept: 'text/json', Accept: "text/json",
'Content-Type': 'application/json;charset=UTF-8', "Content-Type": "application/json;charset=UTF-8",
}, },
custom: options, custom: options,
}) });
/** /**
* @author Ankkaya * @author Ankkaya
@ -65,37 +65,37 @@ const http = new Request({
http.interceptors.request.use( http.interceptors.request.use(
(config) => { (config) => {
// 自定义处理【auth 授权】：必须登录的接口，否则提示登录 // 自定义处理【auth 授权】：必须登录的接口，否则提示登录
if (config.custom.auth && !$store('user').isLogin) { if (config.custom.auth && !$store("user").isLogin) {
// 处理登录 // 处理登录
showAuthModal() peach.$router.go("/pages/index/login");
return Promise.reject() return Promise.reject();
} }
// 自定义处理【loading 加载中】：如果需要显示 loading，则显示 loading // 自定义处理【loading 加载中】：如果需要显示 loading，则显示 loading
if (config.custom.showLoading) { if (config.custom.showLoading) {
LoadingInstance.count++ LoadingInstance.count++;
LoadingInstance.count === 1 && LoadingInstance.count === 1 &&
uni.showLoading({ uni.showLoading({
title: config.custom.loadingMsg, title: config.custom.loadingMsg,
mask: true, mask: true,
fail: () => { fail: () => {
uni.hideLoading() uni.hideLoading();
}, },
}) });
} }
// 增加 token 令牌、terminal 终端、tenant 租户的请求头 // 增加 token 令牌、terminal 终端、tenant 租户的请求头
const token = getAccessToken() const token = getAccessToken();
if (token) { if (token) {
config.header['Authorization'] = token config.header["Authorization"] = token;
} }
config.header['Accept'] = '*/*' config.header["Accept"] = "*/*";
return config return config;
}, },
(error) => { (error) => {
return Promise.reject(error) return Promise.reject(error);
} }
) );
/** /**
* @author Ankkaya * @author Ankkaya
@ -105,97 +105,105 @@ http.interceptors.request.use(
*/ */
http.interceptors.response.use( http.interceptors.response.use(
(response) => { (response) => {
console.log('response', response) console.log("response", response);
// 约定：如果是 /auth/ 下的 URL 地址，并且返回了 accessToken 说明是登录相关的接口，则自动设置登陆令牌 // 约定：如果是 /auth/ 下的 URL 地址，并且返回了 accessToken 说明是登录相关的接口，则自动设置登陆令牌
if (response.config.url.indexOf('/member/auth/') >= 0 && response.data?.data?.accessToken) { if (
$store('user').setToken(response.data.data.accessToken, response.data.data.refreshToken) response.config.url.indexOf("/member/auth/") >= 0 &&
response.data?.data?.accessToken
) {
$store("user").setToken(
response.data.data.accessToken,
response.data.data.refreshToken
);
} }
// 自定处理【loading 加载中】：如果需要显示 loading，则关闭 loading // 自定处理【loading 加载中】：如果需要显示 loading，则关闭 loading
response.config.custom.showLoading && closeLoading() response.config.custom.showLoading && closeLoading();
// 自定义处理【error 错误提示】：如果需要显示错误提示，则显示错误提示 // 自定义处理【error 错误提示】：如果需要显示错误提示，则显示错误提示
if (response.data.code !== 0) { if (response.data.code !== 0) {
// 特殊：如果 401 错误码，则跳转到登录页 or 刷新令牌 // 特殊：如果 401 错误码，则跳转到登录页 or 刷新令牌
if (response.data.code === 401) { if (response.data.code === 401) {
return refreshToken(response.config) return refreshToken(response.config);
} }
// 错误提示 // 错误提示
if (response.config.custom.showError) { if (response.config.custom.showError) {
uni.showToast({ uni.showToast({
title: response.data.msg || '服务器开小差啦,请稍后再试~', title: response.data.msg || "服务器开小差啦,请稍后再试~",
icon: 'none', icon: "none",
mask: true, mask: true,
}) });
return Promise.reject(false) return Promise.reject(false);
} }
} }
// 自定义处理【showSuccess 成功提示】：如果需要显示成功提示，则显示成功提示 // 自定义处理【showSuccess 成功提示】：如果需要显示成功提示，则显示成功提示
if ( if (
response.config.custom.showSuccess && response.config.custom.showSuccess &&
response.config.custom.successMsg !== '' && response.config.custom.successMsg !== "" &&
response.data.code === 0 response.data.code === 0
) { ) {
uni.showToast({ uni.showToast({
title: response.config.custom.successMsg, title: response.config.custom.successMsg,
icon: 'none', icon: "none",
}) });
} }
// 返回结果：包括 code + data + msg // 返回结果：包括 code + data + msg
return Promise.resolve(response.data) return Promise.resolve(response.data);
}, },
(error) => { (error) => {
console.log('error', error) console.log("error", error);
const userStore = $store('user') const userStore = $store("user");
const isLogin = userStore.isLogin const isLogin = userStore.isLogin;
let errorMessage = '网络请求出错' let errorMessage = "网络请求出错";
if (error !== undefined) { if (error !== undefined) {
switch (error.statusCode) { switch (error.statusCode) {
case 400: case 400:
errorMessage = '请求错误' errorMessage = "请求错误";
break break;
case 401: case 401:
errorMessage = isLogin ? '您的登陆已过期' : '请先登录' errorMessage = isLogin ? "您的登陆已过期" : "请先登录";
// 正常情况下，后端不会返回 401 错误，所以这里不处理 handleAuthorized // 正常情况下，后端不会返回 401 错误，所以这里不处理 handleAuthorized
break break;
case 403: case 403:
errorMessage = '拒绝访问' errorMessage = "拒绝访问";
break break;
case 404: case 404:
errorMessage = '请求出错' errorMessage = "请求出错";
break break;
case 408: case 408:
errorMessage = '请求超时' errorMessage = "请求超时";
break break;
case 429: case 429:
errorMessage = '请求频繁, 请稍后再访问' errorMessage = "请求频繁, 请稍后再访问";
break break;
case 500: case 500:
errorMessage = '服务器开小差啦,请稍后再试~' errorMessage = "服务器开小差啦,请稍后再试~";
break break;
case 501: case 501:
errorMessage = '服务未实现' errorMessage = "服务未实现";
break break;
case 502: case 502:
errorMessage = '网络错误' errorMessage = "网络错误";
break break;
case 503: case 503:
errorMessage = '服务不可用' errorMessage = "服务不可用";
break break;
case 504: case 504:
errorMessage = '网络超时' errorMessage = "网络超时";
break break;
case 505: case 505:
errorMessage = 'HTTP 版本不受支持' errorMessage = "HTTP 版本不受支持";
break break;
} }
if (error.errMsg.includes('timeout')) errorMessage = '请求超时' if (error.errMsg.includes("timeout")) errorMessage = "请求超时";
// #ifdef H5 // #ifdef H5
if (error.errMsg.includes('Network')) if (error.errMsg.includes("Network"))
errorMessage = window.navigator.onLine ? '服务器异常' : '请检查您的网络连接' errorMessage = window.navigator.onLine
? "服务器异常"
: "请检查您的网络连接";
// #endif // #endif
} }
@ -203,95 +211,95 @@ http.interceptors.response.use(
if (error.config.custom.showError === true) { if (error.config.custom.showError === true) {
uni.showToast({ uni.showToast({
title: error.data?.msg || errorMessage, title: error.data?.msg || errorMessage,
icon: 'none', icon: "none",
mask: true, mask: true,
}) });
} }
error.config.custom.showLoading && closeLoading() error.config.custom.showLoading && closeLoading();
} }
return Promise.reject(false) return Promise.reject(false);
} }
) );
let requestList = [] // 请求队列 let requestList = []; // 请求队列
let isRefreshToken = false // 是否正在刷新中 let isRefreshToken = false; // 是否正在刷新中
const refreshToken = async (config) => { const refreshToken = async (config) => {
// 如果当前已经是 refresh-token 的 URL 地址，并且还是 401 错误，说明是刷新令牌失败了，直接返回 Promise.reject(error) // 如果当前已经是 refresh-token 的 URL 地址，并且还是 401 错误，说明是刷新令牌失败了，直接返回 Promise.reject(error)
if (config.url.indexOf('/member/auth/refresh-token') >= 0) { if (config.url.indexOf("/member/auth/refresh-token") >= 0) {
return Promise.reject('error') return Promise.reject("error");
} }
// 如果未认证，并且未进行刷新令牌，说明可能是访问令牌过期了 // 如果未认证，并且未进行刷新令牌，说明可能是访问令牌过期了
if (!isRefreshToken) { if (!isRefreshToken) {
isRefreshToken = true isRefreshToken = true;
// 1. 如果获取不到刷新令牌，则只能执行登出操作 // 1. 如果获取不到刷新令牌，则只能执行登出操作
const refreshToken = getRefreshToken() const refreshToken = getRefreshToken();
if (!refreshToken) { if (!refreshToken) {
return handleAuthorized() return handleAuthorized();
} }
// 2. 进行刷新访问令牌 // 2. 进行刷新访问令牌
try { try {
const refreshTokenResult = await AuthUtil.refreshToken(refreshToken) const refreshTokenResult = await AuthUtil.refreshToken(refreshToken);
if (refreshTokenResult.code !== 0) { if (refreshTokenResult.code !== 0) {
// 如果刷新不成功，直接抛出 e 触发 2.2 的逻辑 // 如果刷新不成功，直接抛出 e 触发 2.2 的逻辑
// noinspection ExceptionCaughtLocallyJS // noinspection ExceptionCaughtLocallyJS
throw new Error('刷新令牌失败') throw new Error("刷新令牌失败");
} }
// 2.1 刷新成功，则回放队列的请求 + 当前请求 // 2.1 刷新成功，则回放队列的请求 + 当前请求
config.header.Authorization = 'Bearer ' + getAccessToken() config.header.Authorization = "Bearer " + getAccessToken();
requestList.forEach((cb) => { requestList.forEach((cb) => {
cb() cb();
}) });
requestList = [] requestList = [];
return request(config) return request(config);
} catch (e) { } catch (e) {
// 为什么需要 catch 异常呢？刷新失败时，请求因为 Promise.reject 触发异常。 // 为什么需要 catch 异常呢？刷新失败时，请求因为 Promise.reject 触发异常。
// 2.2 刷新失败，只回放队列的请求 // 2.2 刷新失败，只回放队列的请求
requestList.forEach((cb) => { requestList.forEach((cb) => {
cb() cb();
}) });
// 提示是否要登出。即不回放当前请求！不然会形成递归 // 提示是否要登出。即不回放当前请求！不然会形成递归
return handleAuthorized() return handleAuthorized();
} finally { } finally {
requestList = [] requestList = [];
isRefreshToken = false isRefreshToken = false;
} }
} else { } else {
// 添加到队列，等待刷新获取到新的令牌 // 添加到队列，等待刷新获取到新的令牌
return new Promise((resolve) => { return new Promise((resolve) => {
requestList.push(() => { requestList.push(() => {
config.header.Authorization = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token 请根据实际情况自行修改 config.header.Authorization = "Bearer " + getAccessToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
resolve(request(config)) resolve(request(config));
}) });
}) });
} }
} };
/** 处理 401 未登陆的错误 */ /** 处理 401 未登陆的错误 */
const handleAuthorized = () => { const handleAuthorized = () => {
const userStore = $store('user') const userStore = $store("user");
userStore.logout(true) userStore.logout(true);
showAuthModal() peach.$router.go("/pages/index/login");
// 登录超时 // 登录超时
return Promise.reject({ return Promise.reject({
code: 401, code: 401,
msg: userStore.isLogin ? '您的登陆已过期' : '请先登录', msg: userStore.isLogin ? "您的登陆已过期" : "请先登录",
}) });
} };
/** 获得访问令牌 */ /** 获得访问令牌 */
const getAccessToken = () => { const getAccessToken = () => {
return uni.getStorageSync('token') return uni.getStorageSync("token");
} };
/** 获得刷新令牌 */ /** 获得刷新令牌 */
const getRefreshToken = () => { const getRefreshToken = () => {
return uni.getStorageSync('refresh-token') return uni.getStorageSync("refresh-token");
} };
const request = (config) => { const request = (config) => {
return http.middleware(config) return http.middleware(config);
} };
export default request export default request;

148
peach/store/app.js
View File

@ -1,12 +1,12 @@
import { ref } from 'vue' import { ref } from "vue";
import { defineStore } from 'pinia' import { defineStore } from "pinia";
import $platform from '@/peach/platform' import $platform from "@/peach/platform";
import $router from '@/peach/router' import $router from "@/peach/router";
import user from './user' import useUserStore from "./user";
import useSysStore from './sys' import useSysStore from "./sys";
const useAppStore = defineStore( const useAppStore = defineStore(
'app', "app",
() => { () => {
/** /**
* @description 应用信息 * @description 应用信息
@ -19,14 +19,14 @@ const useAppStore = defineStore(
* @param string filesystem 文件系统 * @param string filesystem 文件系统
*/ */
const info = ref({ const info = ref({
name: '', name: "",
logo: '', logo: "",
version: '', version: "",
copyright: '', copyright: "",
copytime: '', copytime: "",
cdnurl: '', cdnurl: "",
filesystem: '', filesystem: "",
}) });
/** /**
* @description 平台信息 * @description 平台信息
@ -41,12 +41,12 @@ const useAppStore = defineStore(
methods: [], methods: [],
forwardInfo: {}, forwardInfo: {},
posterInfo: {}, posterInfo: {},
linkAddress: '', linkAddress: "",
}, },
bindMobile: 0, bindMobile: 0,
}) });
const chat = ref({}) const chat = ref({});
/** /**
* @description 模板信息 * @description 模板信息
@ -58,46 +58,50 @@ const useAppStore = defineStore(
tabbar: { tabbar: {
items: [ items: [
{ {
activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/1-002.png', activeIconUrl:
iconUrl: 'http://mall.yudao.iocoder.cn/static/images/1-001.png', "http://mall.yudao.iocoder.cn/static/images/1-002.png",
text: '首页', iconUrl: "http://mall.yudao.iocoder.cn/static/images/1-001.png",
url: '/pages/index/index', text: "首页",
url: "/pages/index/index",
}, },
{ {
activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/2-002.png', activeIconUrl:
iconUrl: 'http://mall.yudao.iocoder.cn/static/images/2-001.png', "http://mall.yudao.iocoder.cn/static/images/2-002.png",
text: '产品', iconUrl: "http://mall.yudao.iocoder.cn/static/images/2-001.png",
url: '/pages/index/product', text: "产品",
url: "/pages/index/product",
}, },
{ {
activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/3-002.png', activeIconUrl:
iconUrl: 'http://mall.yudao.iocoder.cn/static/images/3-001.png', "http://mall.yudao.iocoder.cn/static/images/3-002.png",
text: '订单', iconUrl: "http://mall.yudao.iocoder.cn/static/images/3-001.png",
url: '/pages/order/list', text: "订单",
url: "/pages/order/list",
}, },
{ {
activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/4-002.png', activeIconUrl:
iconUrl: 'http://mall.yudao.iocoder.cn/static/images/4-001.png', "http://mall.yudao.iocoder.cn/static/images/4-002.png",
text: '我的', iconUrl: "http://mall.yudao.iocoder.cn/static/images/4-001.png",
url: '/pages/index/my', text: "我的",
url: "/pages/index/my",
}, },
], ],
style: { style: {
activeColor: '#fc4141', activeColor: "#fc4141",
bgColor: '#fff', bgColor: "#fff",
bgType: 'color', bgType: "color",
color: '#282828', color: "#282828",
}, },
theme: 'red', theme: "red",
}, },
}, },
}) });
// 全局分享信息 // 全局分享信息
const shareInfo = ref({}) const shareInfo = ref({});
// 小程序发货信息管理 0: 没有 1：有 // 小程序发货信息管理 0: 没有 1：有
const hasWechatTradeManaged = ref(0) const hasWechatTradeManaged = ref(0);
/** /**
* @author Ankkaya * @author Ankkaya
@ -107,52 +111,52 @@ const useAppStore = defineStore(
*/ */
async function init() { async function init() {
// 检查网络 // 检查网络
const networkStatus = await $platform.checkNetwork() const networkStatus = await $platform.checkNetwork();
if (!networkStatus) { if (!networkStatus) {
$router.error('NetworkError') $router.error("NetworkError");
} }
if (true) { if (true) {
this.info = { this.info = {
name: '🍑商城', name: "🍑商城",
logo: 'https://static.iocoder.cn/ruoyi-vue-pro-logo.png', logo: "https://static.iocoder.cn/ruoyi-vue-pro-logo.png",
version: '1.0.0', version: "1.0.0",
copyright: '全部开源，个人与企业可 100% 免费使用', copyright: "全部开源，个人与企业可 100% 免费使用",
copytime: 'Copyright© 2018-2024', copytime: "Copyright© 2018-2024",
cdnurl: 'https://file.sheepjs.com', // 云存储域名 cdnurl: "https://file.sheepjs.com", // 云存储域名
filesystem: 'qcloud', // 云存储平台 filesystem: "qcloud", // 云存储平台
} };
this.platform = { this.platform = {
share: { share: {
methods: ['poster', 'link'], methods: ["poster", "link"],
linkAddress: 'https://shopro.sheepjs.com/#/', linkAddress: "https://shopro.sheepjs.com/#/",
posterInfo: { posterInfo: {
user_bg: '/static/img/shop/config/user-poster-bg.png', user_bg: "/static/img/shop/config/user-poster-bg.png",
goods_bg: '/static/img/shop/config/goods-poster-bg.png', goods_bg: "/static/img/shop/config/goods-poster-bg.png",
groupon_bg: '/static/img/shop/config/groupon-poster-bg.png', groupon_bg: "/static/img/shop/config/groupon-poster-bg.png",
}, },
}, },
bind_mobile: 0, bind_mobile: 0,
} };
this.chat = { this.chat = {
chat_domain: 'https://api.shopro.sheepjs.com/chat', chat_domain: "https://api.shopro.sheepjs.com/chat",
room_id: 'admin', room_id: "admin",
} };
this.has_wechat_trade_managed = 0 this.has_wechat_trade_managed = 0;
// 加载主题 // 加载主题
const sysStore = useSysStore() const sysStore = useSysStore();
sysStore.setTheme() sysStore.setTheme();
// 模拟用户登录 // 模拟用户登录
const userStore = user() const userStore = useUserStore();
if (userStore.isLogin) { if (userStore.isLogin) {
userStore.loginAfter() userStore.loginAfter();
} }
return Promise.resolve(true) return Promise.resolve(true);
} else { } else {
$router.error('InitError', res.msg || '加载失败') $router.error("InitError", res.msg || "加载失败");
} }
} }
@ -164,18 +168,18 @@ const useAppStore = defineStore(
shareInfo, shareInfo,
hasWechatTradeManaged, hasWechatTradeManaged,
init, init,
} };
}, },
{ {
persist: { persist: {
enabled: true, enabled: true,
strategies: [ strategies: [
{ {
key: 'app-store', key: "app-store",
}, },
], ],
}, },
} }
) );
export default useAppStore export default useAppStore;

114
peach/store/user.js
View File

@ -1,30 +1,110 @@
import { ref } from 'vue' import { ref } from "vue";
import { defineStore } from 'pinia' import { defineStore } from "pinia";
import { isEmpty, cloneDeep, clone } from 'lodash' import $share from '@/peach/platform/share'
import { isEmpty, cloneDeep, clone } from "lodash";
const useUserStore = defineStore('user', () => { // 默认用户信息
const userInfo = ref() const defaultUserInfo = {
const isLogin = ref(!!uni.getStorageSync('token')) avatar: "", // 头像
nickname: "", // 昵称
gender: 0, // 性别
mobile: "", // 手机号
point: 0, // 积分
};
function setToken(accessToken, refreshToken) { // 默认钱包信息
if (token === '') { const defaultWallet = {
isLogin.value = false balance: 0, // 余额
uni.removeStorageSync('token') };
uni.removeStorageSync('refresh-token')
// 默认订单信息
const defaultNumData = {
unusedCouponCount: 0,
orderCount: {
allCount: 0,
unpaidCount: 0,
undeliveredCount: 0,
deliveredCount: 0,
uncommentedCount: 0,
afterSaleCount: 0,
},
};
const useUserStore = defineStore(
"user",
() => {
const userInfo = ref(clone(defaultUserInfo));
const userWallet = ref(clone(defaultWallet));
const userNumData = ref(cloneDeep(defaultNumData));
const isLogin = ref(!!uni.getStorageSync("token"));
const lastUpdateTime = ref(0)
function getUserInfo() {}
function getWallet() {}
function getNumData() {}
function setToken(token, refreshToken) {
if (token === "") {
isLogin.value = false;
uni.removeStorageSync("token");
uni.removeStorageSync("refresh-token");
} else { } else {
isLogin.value = true isLogin.value = true;
uni.setStorageSync('token', token) uni.setStorageSync("token", token);
uni.setStorageSync('refresh-token', refreshToken) uni.setStorageSync("refresh-token", refreshToken);
// 成功后处理 // 成功后处理
loginAfter();
} }
return isLogin.value return isLogin.value;
}
function resetUserData() {
setToken("");
userInfo.value = clone(defaultUserInfo);
userWallet.value = clone(defaultWallet);
userNumData.value = cloneDeep(defaultNumData);
}
function updateUserData() {
const nowTime = new Date().getTime()
if (lastUpdateTime.value + 5000 > nowTime) {
return
}
lastUpdateTime.value = nowTime
await getUserInfo()
getWallet()
getNumData()
return userInfo.value
}
function loginAfter() {
updateUserData()
$share.getShareInfo()
}
function logOut() {
resetUserData();
return !isLogin.value
} }
return { return {
userInfo, userInfo,
isLogin, isLogin,
setToken, setToken,
logOut
};
},
{
persist: true,
strategies: [
{
key: "user-store",
},
],
} }
}) );
export default useUserStore export default useUserStore;

BIN
static/internet-empty.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB