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

@@ -40,7 +40,7 @@
<el-button @click="handleCLickImg('storeLogo')">选择图片</el-button>
</div>
<el-dialog v-model="viewImage" title="图片预览" width="480px" append-to-body :z-index="3500">
<el-dialog v-model="viewImage" title="图片预览" width="480px" append-to-body>
<img
:src="currentValue"
alt="该资源不存在"
@@ -51,13 +51,24 @@
</template>
</el-dialog>
<el-dialog v-model="picModalFlag" width="1200px" append-to-body :z-index="3500" destroy-on-close>
<el-dialog
v-model="picModalFlag"
title="选择图片"
width="1200px"
append-to-body
destroy-on-close
@closed="resetPicModal"
>
<ossManage
ref="ossManage"
:is-component="true"
:initialize="picModalFlag"
@callback="callbackSelected"
@selected="handleOssSelected"
/>
<template #footer>
<el-button @click="cancelPicModal">取消</el-button>
<el-button type="primary" @click="confirmPicModal">确认</el-button>
</template>
</el-dialog>
</div>
</template>
@@ -106,12 +117,14 @@ export default {
viewImage: false,
uploadFileUrl: uploadFile,
picModalFlag: false,
pendingSelection: [],
selectedFormBtnName: "",
picIndex: "",
};
},
methods: {
handleCLickImg(val, index) {
this.pendingSelection = [];
this.picModalFlag = true;
this.selectedFormBtnName = val;
this.picIndex = index;
@@ -121,11 +134,41 @@ export default {
}
});
},
callbackSelected(val) {
handleOssSelected(list) {
this.pendingSelection = Array.isArray(list) ? list : [];
},
parseOssSelectionUrl(item) {
if (!item) {
return "";
}
if (typeof item === "string") {
const index = item.indexOf(",");
return index >= 0 ? item.slice(index + 1) : item;
}
return item.url || "";
},
confirmPicModal() {
const list = this.pendingSelection || [];
if (!list.length) {
this.$Message.warning("请先选择图片");
return;
}
const url = this.parseOssSelectionUrl(list[list.length - 1]);
if (!url) {
this.$Message.warning("请选择有效图片");
return;
}
this.picModalFlag = false;
this.currentValue = val.url;
this.currentValue = url;
this.picIndex = "";
this.emitValue(this.currentValue);
this.pendingSelection = [];
},
cancelPicModal() {
this.picModalFlag = false;
},
resetPicModal() {
this.pendingSelection = [];
},
init() {
this.accessToken = {