feat: 新增全局布局样式并提升组件响应式表现

- 在 global-layout.scss 中引入全局布局样式,统一页面宽度与对齐方式
- 更新多个组件与页面以优化响应式,包括宽度、间距及 flex 布局等调整
- 在 API 请求中增加 loading 状态管理,改善用户体验
- 优化领券中心与商品详情页,提升功能与 UI 一致性
This commit is contained in:
田香琪
2026-06-23 10:17:35 +08:00
parent c1447b4376
commit 8a60e23214
129 changed files with 5236 additions and 2232 deletions

View File

@@ -1,5 +1,5 @@
// 统一请求路径前缀在libs/axios.js中修改
import { getRequest, postRequest, putRequest ,postRequestWithNoForm } from "@/libs/axios";
import { getRequest, postRequest, putRequest, deleteRequest, postRequestWithNoForm } from "@/libs/axios";
import { baseUrl } from "@/libs/axios.js";
@@ -42,6 +42,11 @@ export const getOrderDetail = sn => {
return getRequest(`/order/order/${sn}`);
};
// 订单付款
export const orderPay = sn => {
return postRequest(`/order/order/${sn}/pay`);
};
// 调整订单金额
export const modifyOrderPrice = (sn, params) => {
return putRequest(`/order/order/update/${sn}/price`, params);
@@ -65,18 +70,31 @@ export const editOrderConsignee = (sn, params) => {
export const getComplainPage = params => {
return getRequest(`/order/complain`, params);
};
export const getOrderComplain = getComplainPage;
//获取投诉详情
export const getComplainDetail = id => {
return getRequest(`/order/complain/${id}`);
};
export const getOrderComplainDetail = getComplainDetail;
//添加交易投诉对话
export const addOrderComplaint = params => {
return postRequest(`/order/complain/communication/`, params);
return postRequest(`/order/complain/communication`, params);
};
export const addOrderCommunication = addOrderComplaint;
// 更新投诉状态
export const storeComplain = params => {
return putRequest(`/order/complain/status`, params);
};
//添加交易投诉对话
// 仲裁完成投诉
export const orderComplete = (id, params) => {
return putRequest(`/order/complain/complete/${id}`, params);
};
//商家申诉
export const appeal = params => {
return putRequest(`/order/complain/appeal`, params);
};
@@ -110,11 +128,43 @@ export const orderTake = (sn, verificationCode) => {
export const afterSaleOrderPage = params => {
return getRequest(`/order/afterSale/page`, params);
};
export const getAfterSaleOrderPage = afterSaleOrderPage;
// 售后服务单详情
export const afterSaleOrderDetail = sn => {
return getRequest(`/order/afterSale/${sn}`);
};
export const getAfterSaleOrderDetail = afterSaleOrderDetail;
// 获取售后原因分页列表
export const getAfterSaleReasonPage = params => {
return getRequest(`/order/afterSaleReason/getByPage`, params);
};
// 删除售后原因
export const delAfterSaleReason = id => {
return deleteRequest(`/order/afterSaleReason/delByIds/${id}`);
};
// 添加售后原因
export const addAfterSaleReason = params => {
return postRequest(`/order/afterSaleReason`, params);
};
// 修改售后原因
export const editAfterSaleReason = (id, params) => {
return putRequest(`/order/afterSaleReason/update/${id}`, params);
};
// 售后单商家收货信息
export const storeAddress = sn => {
return getRequest(`/order/afterSale/getStoreAfterSaleAddress/${sn}`);
};
// 售后退款
export const refundPrice = (afterSaleSn, params) => {
return putRequest(`/order/afterSale/refund/${afterSaleSn}`, params);
};
// 商家审核
export const afterSaleSellerReview = (sn, params) => {