From 112acbbf349ba3740f00a09dbc958a571ab55fa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 25 Aug 2026 20:37:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor(business):=20=E7=94=A8el-button?=
=?UTF-8?q?=E6=9B=BF=E6=8D=A2=E5=9C=B0=E5=9D=80=E9=80=89=E6=8B=A9=E9=93=BE?=
=?UTF-8?q?=E6=8E=A5=E5=B9=B6=E7=BB=9F=E4=B8=80=E5=9B=BE=E6=A0=87=E6=A0=B7?=
=?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 将business-crud-page.vue中发货地、收货地地址选择操作由el-link替换为带提示的el-button组件
- 所有地址选择按钮统一使用OfficeBuilding图标代替List图标
- master-order-editor.vue中的常用地址选择按钮图标由List改为OfficeBuilding
- 增加样式定义调整地址选择按钮图标大小和颜色
- 优化按钮交互体验，保持禁用状态时按钮不可点击
---
.../components/business-crud-page.vue | 89 +++++++++++--------
.../components/master-order-editor.vue | 14 +--
2 files changed, 63 insertions(+), 40 deletions(-)
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index b60ce53..644d8dd 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -319,14 +319,16 @@
-
- 选择
-
+
+
+
联系人
联系方式
-
- 选择
-
+
+
+
@@ -386,26 +390,30 @@
-
- 选择
-
+
+
+
联系人
联系方式
-
- 选择
-
+
+
+
@@ -5153,7 +5161,7 @@ import { openImportDialog } from '@/utils/import-excel';
import { applyTableMenuWidth } from '@/utils/table-menu';
import { downloadFileByUrl, downloadXls } from '@/utils/util';
import { isMobile } from '@/utils/validate';
-import { Location, Rank, Search } from '@element-plus/icons-vue';
+import { Location, OfficeBuilding, Rank, Search } from '@element-plus/icons-vue';
import { ElImageViewer } from 'element-plus';
import { OpenFileViewer } from '@open-file-viewer/vue';
import {
@@ -5448,6 +5456,7 @@ export default {
data() {
return {
Location,
+ OfficeBuilding,
Search,
form: {},
suppressTransportTypeClear: false,
@@ -13203,13 +13212,23 @@ export default {
padding: 0;
}
+ .business-crud-page__map-suffix {
+ color: #409eff;
+ }
+
+ :deep(.el-input .el-input__icon) {
+ color: #409eff;
+ }
+
&--shipping-template {
grid-template-columns:
220px minmax(220px, 1fr) 58px minmax(220px, 280px) 72px minmax(220px, 280px)
40px;
+ }
- .business-crud-page__map-suffix {
- color: #409eff;
+ .business-crud-page__address-pick-btn {
+ :deep(.el-icon) {
+ font-size: 22px;
}
}
}
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index 3f35c80..0205ef7 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -63,7 +63,7 @@
@@ -104,7 +104,7 @@
@@ -549,7 +549,7 @@ import { getLazyTree as getRegionLazyTree } from '@/api/base/region';
import { getList as getCommonCargoList } from '@/api/business/common-cargo';
import { exportBlob, importBlob } from '@/api/common';
import { downloadFileByUrl, downloadXls } from '@/utils/util';
-import { List, Search } from '@element-plus/icons-vue';
+import { OfficeBuilding, Search } from '@element-plus/icons-vue';
import { ElImageViewer } from 'element-plus';
import { OpenFileViewer } from '@open-file-viewer/vue';
import { fallbackPlugin, imagePlugin, officePlugin, pdfPlugin, textPlugin } from '@open-file-viewer/core';
@@ -581,7 +581,7 @@ export default {
emits: ['back', 'dispatch'],
data() {
return {
- List,
+ OfficeBuilding,
Search,
loading: false,
projects: [],
@@ -1965,6 +1965,10 @@ export default {
}
.address-picker-button {
flex: 0 0 auto;
+
+ :deep(.el-icon) {
+ font-size: 22px;
+ }
}
}
.route-step-title {