charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 加载中图片修改

Browse Source
This commit is contained in:
黄泽群
2025-09-09 14:34:16 +08:00
parent 018e501647
commit 7a5f0ff247
2 changed files with 132 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/common/loding.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

utils/request.js
+132 -103
View File
@@ -1,113 +1,142 @@
import { getStorageFun, TOKEN_NAME } from './auth.js';
import { BASE_URL, Authorization } from '@/utils/config.js'
import { getStorageFun, TOKEN_NAME } from "./auth.js";
import { BASE_URL, Authorization } from "@/utils/config.js";
// utils/http.js (修改后的版本)
// const baseUrl = 'http://192.168.0.108:8087';
function request(options) {
const { url, method = 'GET', data = {}, headers = {}, isShowLoading = true } = options;
const {
url,
method = "GET",
data = {},
headers = {},
isShowLoading = true,
} = options;
// const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式
const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式
let defaultHeaders = {
"Authorization": Authorization,
'HSM-AUTH': token ? token : '', // 如果存在token, 则添加到请求头中
'content-type': ['post', 'POST'].includes(method) ? 'application/x-www-form-urlencoded' : 'application/json',
};
if (options.cha) {
defaultHeaders['content-type'] = 'application/json'
}
if (token) {
defaultHeaders['HSM-AUTH'] = token;
}
return new Promise((resolve, reject) => {
if (isShowLoading) {
// 请求之前做一些事
uni.showLoading({
title: "加载中...",
})
}
uni.request({
url: BASE_URL + url,
method,
data,
header: {
...defaultHeaders,
...headers, // 使用展开运算符合并默认头和自定义头
},
success: (res) => {
if (isShowLoading) {
// 请求之前做一些事
uni.hideLoading();
}
// const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式
const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式
let defaultHeaders = {
Authorization: Authorization,
"HSM-AUTH": token ? token : "", // 如果存在token, 则添加到请求头中
"content-type": ["post", "POST"].includes(method)
? "application/x-www-form-urlencoded"
: "application/json",
};
if (options.cha) {
defaultHeaders["content-type"] = "application/json";
}
if (token) {
defaultHeaders["HSM-AUTH"] = token;
}
return new Promise((resolve, reject) => {
if (isShowLoading) {
// 请求之前做一些事：显示自定义GIF加载
const loadingDiv = document.createElement("div");
loadingDiv.id = "custom-loading";
loadingDiv.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300rpx;
height: 300rpx;
background: rgba(0, 0, 0, 0.3);
z-index: 9999;
border-radius: 16px;
`;
const img = new Image();
img.src = "/static/common/loding.gif"; // 使用指定路径的GIF图片
img.style.width = "80px"; // 调整GIF尺寸
img.style.height = "80px";
loadingDiv.appendChild(img);
document.body.appendChild(loadingDiv);
}
uni.request({
url: BASE_URL + url,
method,
data,
header: {
...defaultHeaders,
...headers, // 使用展开运算符合并默认头和自定义头
},
success: (res) => {
if (isShowLoading) {
// 请求完成：隐藏自定义GIF加载
const loadingDiv = document.getElementById("custom-loading");
if (loadingDiv && document.body.contains(loadingDiv)) {
document.body.removeChild(loadingDiv);
}
}
let data = res.data;
if (data && typeof (data) === "string") {
data = JSON.parse(data);
}
if (data.status === 500) {
uni.showToast({
title: "系统异常，请稍后再试",
icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
});
return;
}
if (data.bizcode === 100) {
resolve(data); // 成功时返回数据
} else if (data.bizcode === 201) {
if ([201, 200].includes(data.errcode)) {
uni.showToast({
title: '登录失效，请重新登录',
icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
position: 'middle' // 位置，可选 top/middle/bottom
});
} else {
uni.showToast({
title: data.msg,
icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
position: 'middle' // 位置，可选 top/middle/bottom
});
}
/**
* 205:已经有账号，返回登录页面
* 200 or 201：token失效，返回登录页面
*/
if ([201, 200, 205].includes(data.errcode)) {
setTimeout(() => {
uni.navigateTo({
url: '/pages/login_package/login/login'
})
}, 2000);
}
} else {
uni.showToast({
title: data.msg || "系统错误，请稍后再试",
icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
});
reject(data); // 其他错误情况返回错误信息
}
},
fail: (error) => {
if (isShowLoading) {
// 请求之前做一些事
uni.hideLoading();
}
uni.showToast({
title: "服务器异常，稍后再试",
icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
});
// reject(error); // 请求失败时返回错误信息
},
});
});
let data = res.data;
if (data && typeof data === "string") {
data = JSON.parse(data);
}
if (data.status === 500) {
uni.showToast({
title: "系统异常，请稍后再试",
icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
});
return;
}
if (data.bizcode === 100) {
resolve(data); // 成功时返回数据
} else if (data.bizcode === 201) {
if ([201, 200].includes(data.errcode)) {
uni.showToast({
title: "登录失效，请重新登录",
icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
position: "middle", // 位置，可选 top/middle/bottom
});
} else {
uni.showToast({
title: data.msg,
icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
mask: false, // 是否显示透明蒙层，防止触摸穿透
position: "middle", // 位置，可选 top/middle/bottom
});
}
/**
* 205:已经有账号，返回登录页面
* 200 or 201：token失效，返回登录页面
*/
if ([201, 200, 205].includes(data.errcode)) {
setTimeout(() => {
uni.navigateTo({
url: "/pages/login_package/login/login",
});
}, 2000);
}
} else {
uni.showToast({
title: data.msg || "系统错误，请稍后再试",
icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
});
reject(data); // 其他错误情况返回错误信息
}
},
fail: (error) => {
if (isShowLoading) {
const loadingDiv = document.getElementById("custom-loading");
if (loadingDiv && document.body.contains(loadingDiv)) {
document.body.removeChild(loadingDiv);
}
}
uni.showToast({
title: "服务器异常，稍后再试",
icon: "none", // 可选 success/loading/none
duration: 2000, // 持续时长，单位ms
});
// reject(error); // 请求失败时返回错误信息
},
});
});
}
export default request;