Revert "feat: 加载中图片修改"

This reverts commit 7a5f0ff247.
This commit is contained in:
2025-09-10 00:01:18 +08:00
parent 48f6100d05
commit 2fdfc944fb
2 changed files with 103 additions and 132 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

+27 -56
View File
@@ -1,55 +1,31 @@
import { getStorageFun, TOKEN_NAME } from "./auth.js"; import { getStorageFun, TOKEN_NAME } from './auth.js';
import { BASE_URL, Authorization } from "@/utils/config.js"; import { BASE_URL, Authorization } from '@/utils/config.js'
// utils/http.js (修改后的版本) // utils/http.js (修改后的版本)
// const baseUrl = 'http://192.168.0.108:8087'; // const baseUrl = 'http://192.168.0.108:8087';
function request(options) { function request(options) {
const { const { url, method = 'GET', data = {}, headers = {}, isShowLoading = true } = options;
url,
method = "GET",
data = {},
headers = {},
isShowLoading = true,
} = options;
// const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式 // const token = uni.getStorageSync(tokenKey); // 获取token, 根据实际情况调整获取方式
const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式 const token = getStorageFun(TOKEN_NAME); // 获取token, 根据实际情况调整获取方式
let defaultHeaders = { let defaultHeaders = {
Authorization: Authorization, "Authorization": Authorization,
"HSM-AUTH": token ? token : "", // 如果存在token, 则添加到请求头中 'HSM-AUTH': token ? token : '', // 如果存在token, 则添加到请求头中
"content-type": ["post", "POST"].includes(method) 'content-type': ['post', 'POST'].includes(method) ? 'application/x-www-form-urlencoded' : 'application/json',
? "application/x-www-form-urlencoded"
: "application/json",
}; };
if (options.cha) { if (options.cha) {
defaultHeaders["content-type"] = "application/json"; defaultHeaders['content-type'] = 'application/json'
} }
if (token) { if (token) {
defaultHeaders["HSM-AUTH"] = token; defaultHeaders['HSM-AUTH'] = token;
} }
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
if (isShowLoading) { if (isShowLoading) {
// 请求之前做一些事:显示自定义GIF加载 // 请求之前做一些事
const loadingDiv = document.createElement("div"); uni.showLoading({
loadingDiv.id = "custom-loading"; title: "加载中...",
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({ uni.request({
url: BASE_URL + url, url: BASE_URL + url,
@@ -61,21 +37,18 @@ function request(options) {
}, },
success: (res) => { success: (res) => {
if (isShowLoading) { if (isShowLoading) {
// 请求完成:隐藏自定义GIF加载 // 请求之前做一些事
const loadingDiv = document.getElementById("custom-loading"); uni.hideLoading();
if (loadingDiv && document.body.contains(loadingDiv)) {
document.body.removeChild(loadingDiv);
}
} }
let data = res.data; let data = res.data;
if (data && typeof data === "string") { if (data && typeof (data) === "string") {
data = JSON.parse(data); data = JSON.parse(data);
} }
if (data.status === 500) { if (data.status === 500) {
uni.showToast({ uni.showToast({
title: "系统异常,请稍后再试", title: "系统异常,请稍后再试",
icon: "none", // 可选 success/loading/none icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长,单位ms duration: 2000, // 持续时长,单位ms
mask: false, // 是否显示透明蒙层,防止触摸穿透 mask: false, // 是否显示透明蒙层,防止触摸穿透
}); });
@@ -86,19 +59,19 @@ function request(options) {
} else if (data.bizcode === 201) { } else if (data.bizcode === 201) {
if ([201, 200].includes(data.errcode)) { if ([201, 200].includes(data.errcode)) {
uni.showToast({ uni.showToast({
title: "登录失效,请重新登录", title: '登录失效,请重新登录',
icon: "none", // 可选 success/loading/none icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长,单位ms duration: 2000, // 持续时长,单位ms
mask: false, // 是否显示透明蒙层,防止触摸穿透 mask: false, // 是否显示透明蒙层,防止触摸穿透
position: "middle", // 位置,可选 top/middle/bottom position: 'middle' // 位置,可选 top/middle/bottom
}); });
} else { } else {
uni.showToast({ uni.showToast({
title: data.msg, title: data.msg,
icon: "none", // 可选 success/loading/none icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长,单位ms duration: 2000, // 持续时长,单位ms
mask: false, // 是否显示透明蒙层,防止触摸穿透 mask: false, // 是否显示透明蒙层,防止触摸穿透
position: "middle", // 位置,可选 top/middle/bottom position: 'middle' // 位置,可选 top/middle/bottom
}); });
} }
/** /**
@@ -108,14 +81,14 @@ function request(options) {
if ([201, 200, 205].includes(data.errcode)) { if ([201, 200, 205].includes(data.errcode)) {
setTimeout(() => { setTimeout(() => {
uni.navigateTo({ uni.navigateTo({
url: "/pages/login_package/login/login", url: '/pages/login_package/login/login'
}); })
}, 2000); }, 2000);
} }
} else { } else {
uni.showToast({ uni.showToast({
title: data.msg || "系统错误,请稍后再试", title: data.msg || "系统错误,请稍后再试",
icon: "none", // 可选 success/loading/none icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长,单位ms duration: 2000, // 持续时长,单位ms
}); });
reject(data); // 其他错误情况返回错误信息 reject(data); // 其他错误情况返回错误信息
@@ -123,14 +96,12 @@ function request(options) {
}, },
fail: (error) => { fail: (error) => {
if (isShowLoading) { if (isShowLoading) {
const loadingDiv = document.getElementById("custom-loading"); // 请求之前做一些事
if (loadingDiv && document.body.contains(loadingDiv)) { uni.hideLoading();
document.body.removeChild(loadingDiv);
}
} }
uni.showToast({ uni.showToast({
title: "服务器异常,稍后再试", title: "服务器异常,稍后再试",
icon: "none", // 可选 success/loading/none icon: 'none', // 可选 success/loading/none
duration: 2000, // 持续时长,单位ms duration: 2000, // 持续时长,单位ms
}); });
// reject(error); // 请求失败时返回错误信息 // reject(error); // 请求失败时返回错误信息