refactor: 重构组件逻辑与样式优化

- 在 App.vue 中重构站点信息的获取与应用逻辑,提升代码可读性与维护性。
- 更新 Search.vue 组件,优化搜索框的样式与结构,增强用户体验。
- 在 element.scss 中注释掉不再使用的样式,并新增确认收货按钮的样式。
- 改进多个页面的布局与样式,确保响应式设计的一致性与美观性。
- 更新订单相关组件的按钮样式,提升视觉一致性与可用性。
This commit is contained in:
田香琪
2026-06-30 21:09:28 +08:00
parent ec948b5496
commit 28a857249a
121 changed files with 5122 additions and 2182 deletions

View File

@@ -1,5 +1,41 @@
import { ElMessage, ElMessageBox } from "element-plus";
const MESSAGE_BOX_Z_STYLE_ID = "lili-message-box-z-style";
/** EP 2.14 打开 MessageBox 时会用 nextZIndex() 覆盖 options.zIndex需动态压过当前最高遮罩 */
function getMaxOverlayZIndex() {
if (typeof document === "undefined") {
return 2000;
}
let max = 2000;
document.querySelectorAll(".el-overlay").forEach((el) => {
const z = Number.parseInt(window.getComputedStyle(el).zIndex, 10);
if (Number.isFinite(z) && z > max) {
max = z;
}
});
return max + 100;
}
function applyMessageBoxLayerZIndex(zIndex) {
if (typeof document === "undefined") {
return;
}
let styleEl = document.getElementById(MESSAGE_BOX_Z_STYLE_ID);
if (!styleEl) {
styleEl = document.createElement("style");
styleEl.id = MESSAGE_BOX_Z_STYLE_ID;
document.head.appendChild(styleEl);
}
styleEl.textContent = `.el-overlay.is-message-box { z-index: ${zIndex} !important; }`;
}
function prepareMessageBoxLayer(options = {}) {
const zIndex = options.zIndex ?? getMaxOverlayZIndex();
applyMessageBoxLayerZIndex(zIndex);
return zIndex;
}
/**
* 兼容原 view-design Message API便于业务页渐进迁移
*/
@@ -39,6 +75,7 @@ export const Notice = {
export const Modal = {
confirm(options = {}) {
prepareMessageBoxLayer(options);
const content = normalizeModalContent(options.content || options.title || "确认操作?");
const title = options.title || "提示";
return ElMessageBox.confirm(content, title, {
@@ -77,6 +114,7 @@ export const Modal = {
});
},
warning(options = {}) {
prepareMessageBoxLayer(options);
const content = normalizeModalContent(options.content || options.title || "");
const title = options.title || "提示";
return ElMessageBox.alert(content, title, {