b2894lxlx/tms-erp-web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(business-crud-page): 修复合同名称列左对齐问题

Browse Source 
- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div，强制内容左对齐
- 新增 scoped 样式 .business-crud-page__contract-name，设置 text-align: left
- contract-manage.js 保留 contractName 列 align 和 headerAlign 配置，作为兜底
- 调整合同名称列最小宽度和合同管理页面菜单宽度
- 修复车辆信用评分量化页面部分文本居中样式移除
This commit is contained in:
赵忠林
2026-08-20 17:08:30 +08:00
parent e538b7f509
commit 8a78f4d01a
26 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
AGENTS.md
+1 -1
View File
@@ -164,7 +164,7 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
- 各页面搜索栏多行展示时，行与行之间的垂直间距统一为 `8px` - 各页面搜索栏多行展示时，行与行之间的垂直间距统一为 `8px`
- 搜索组件 label 宽度统一不小于 `160px`，label 文本不得换行。 - 搜索组件 label 宽度统一不小于 `160px`，label 文本不得换行。
- 搜索组件内部 padding 统一为上、左右 `12px`，底部 `4px`。 - 搜索组件内部 padding 统一为上、左右 `12px`，底部 `4px`。
- 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.06)`，不得被局部卡片去样式规则覆盖。 - 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.04)`，不得被局部卡片去样式规则覆盖。
- 表格线条颜色需统一使用 `#EFF1F7`，包括表格外边框、单元格分割线和固定列边线。 - 表格线条颜色需统一使用 `#EFF1F7`，包括表格外边框、单元格分割线和固定列边线。
- 表格偶数行需统一使用 `#FAFAFA` 背景色，固定列单元格必须与对应行背景保持一致。 - 表格偶数行需统一使用 `#FAFAFA` 背景色，固定列单元格必须与对应行背景保持一致。
- 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`；操作列最大按钮数量超过 3 个时，操作列宽度统一加宽到不小于 `320px`；最大按钮数量超过 4 个时，仍按 `320px` 保持列宽，并从第 5 个按钮开始换行展示，禁止出现按钮裁切或显示不全。 - 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`；操作列最大按钮数量超过 3 个时，操作列宽度统一加宽到不小于 `320px`；最大按钮数量超过 4 个时，仍按 `320px` 保持列宽，并从第 5 个按钮开始换行展示，禁止出现按钮裁切或显示不全。
src/styles/element-ui.scss
+2 -2
View File
@@ -100,7 +100,7 @@
.basic-container__card .avue-crud__search.el-card { .basic-container__card .avue-crud__search.el-card {
border: none; border: none;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.basic-container__card .avue-crud > .el-card > .el-card__body, .basic-container__card .avue-crud > .el-card > .el-card__body,
@@ -137,7 +137,7 @@
.avue-crud__search.el-card { .avue-crud__search.el-card {
border: none; border: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-crud__search.el-card > .el-card__body { .avue-crud__search.el-card > .el-card__body {
src/styles/theme/beautiful.scss
+1 -1
View File
@@ -26,7 +26,7 @@
} }
.avue-logo { .avue-logo {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-tags { .avue-tags {
src/styles/theme/bule.scss
+1 -1
View File
@@ -2,7 +2,7 @@
.avue-top, .avue-logo { .avue-top, .avue-logo {
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
} }
src/styles/theme/cool.scss
+2 -2
View File
@@ -35,7 +35,7 @@
.avue-top { .avue-top {
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-tags { .avue-tags {
@@ -63,7 +63,7 @@
.avue-logo { .avue-logo {
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-sidebar--tip { .avue-sidebar--tip {
src/styles/theme/d2.scss
+2 -2
View File
@@ -1,7 +1,7 @@
.theme-d2 { .theme-d2 {
.avue-logo { .avue-logo {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
.avue-logo_title { .avue-logo_title {
font-size: 20px; font-size: 20px;
@@ -10,7 +10,7 @@
} }
.avue-top { .avue-top {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-main { .avue-main {
src/styles/theme/hey.scss
+1 -1
View File
@@ -33,7 +33,7 @@
.avue-logo { .avue-logo {
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
.avue-logo_title { .avue-logo_title {
color: var(--el-color-primary); color: var(--el-color-primary);
src/styles/theme/iview.scss
+1 -1
View File
@@ -1,7 +1,7 @@
.theme-iview { .theme-iview {
.avue-logo { .avue-logo {
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
text-align: center; text-align: center;
.avue-logo_title { .avue-logo_title {
src/styles/theme/lte.scss
+1 -1
View File
@@ -1,7 +1,7 @@
.theme-lte { .theme-lte {
.avue-logo { .avue-logo {
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
.avue-logo_title { .avue-logo_title {
font-weight: 500; font-weight: 500;
src/styles/theme/white.scss
+1 -1
View File
@@ -37,7 +37,7 @@
.avue-logo, .avue-logo,
.tags-container { .tags-container {
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.avue-sidebar--tip { .avue-sidebar--tip {
src/styles/top.scss
+1 -1
View File
@@ -3,7 +3,7 @@
.avue-top { .avue-top {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
font-size: 28px; font-size: 28px;
height: variables.$top_height; height: variables.$top_height;
src/views/business/components/business-crud-page.vue
+1 -1
View File
@@ -14283,7 +14283,7 @@ export default {
background: #fff; background: #fff;
border: 1px solid #eff1f7; border: 1px solid #eff1f7;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 8px; margin-bottom: 8px;
src/views/business/components/master-order-editor.vue
+1 -1
View File
@@ -1810,7 +1810,7 @@ export default {
.route-dialog__search { .route-dialog__search {
margin-bottom: 8px; margin-bottom: 8px;
padding: 12px 12px 4px; padding: 12px 12px 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.common-address-dialog__search, .common-address-dialog__search,
.common-cargo-dialog__search { .common-cargo-dialog__search {
src/views/business/loading-manage.vue
+1 -1
View File
@@ -2354,7 +2354,7 @@ export default {
padding: 12px 12px 4px; padding: 12px 12px 4px;
margin-bottom: 8px; margin-bottom: 8px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.loading-manage-page__search-grid { .loading-manage-page__search-grid {
src/views/business/master-order.vue
+1 -1
View File
@@ -398,7 +398,7 @@ export default {
margin-bottom: 8px; margin-bottom: 8px;
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
.el-form-item { .el-form-item {
margin-bottom: 8px; margin-bottom: 8px;
} }
src/views/business/voucher-manage.vue
+2 -2
View File
@@ -958,7 +958,7 @@ load();
padding: 12px 12px 4px; padding: 12px 12px 4px;
margin-bottom: 8px; margin-bottom: 8px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
&__search-grid { &__search-grid {
display: grid; display: grid;
@@ -1046,7 +1046,7 @@ load();
padding: 12px; padding: 12px;
margin-bottom: 8px; margin-bottom: 8px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 8px; margin-bottom: 8px;
src/views/settlement/components/formal-settlement-editor.vue
+1 -1
View File
@@ -754,6 +754,6 @@ export default {
border-radius: 6px; border-radius: 6px;
padding: 12px; padding: 12px;
margin-bottom: 16px; margin-bottom: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
</style> </style>
src/views/settlement/formal-settlement.vue
+1 -1
View File
@@ -536,7 +536,7 @@ export default {
.formal-page__search { .formal-page__search {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.formal-page__search-grid { .formal-page__search-grid {
display: grid; display: grid;
src/views/settlement/pre-settlement.vue
+1 -1
View File
@@ -704,7 +704,7 @@ export default {
&__search { &__search {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
&__search-grid { &__search-grid {
src/views/settlement/receivable-payable-detail.vue
+4 -4
View File
@@ -1259,7 +1259,7 @@ export default {
margin-bottom: 8px; margin-bottom: 8px;
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
min-width: 160px; min-width: 160px;
@@ -1338,7 +1338,7 @@ export default {
padding: 16px 20px; padding: 16px 20px;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
:deep(.el-form-item) { :deep(.el-form-item) {
margin-bottom: 16px; margin-bottom: 16px;
@@ -1362,7 +1362,7 @@ export default {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.settlement-detail-page__transfer-form { .settlement-detail-page__transfer-form {
@@ -1370,7 +1370,7 @@ export default {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
src/views/settlement/settlement-adjustment.vue
+1 -1
View File
@@ -312,7 +312,7 @@ export default {
&__search { &__search {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
&__search-grid { &__search-grid {
display: grid; display: grid;
src/views/settlement/transport-reconciliation.vue
+1 -1
View File
@@ -274,7 +274,7 @@ export default {
.reconciliation-page__search { .reconciliation-page__search {
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.reconciliation-page__search-grid { .reconciliation-page__search-grid {
display: grid; display: grid;
src/views/system/dept.vue
+1 -1
View File
@@ -721,7 +721,7 @@ export default {
<style scoped> <style scoped>
.carrier-search-form { .carrier-search-form {
padding: 12px 12px 4px; padding: 12px 12px 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.carrier-pagination { .carrier-pagination {
src/views/transit/exception-disposal.vue
+1 -1
View File
@@ -437,7 +437,7 @@ export default {
margin-bottom: 8px; margin-bottom: 8px;
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
min-width: 160px; min-width: 160px;
src/views/transit/risk-disposal.vue
+1 -1
View File
@@ -384,7 +384,7 @@ export default {
margin-bottom: 8px; margin-bottom: 8px;
padding: 12px 12px 4px; padding: 12px 12px 4px;
background: #fff; background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
} }
.risk-disposal-page__search-grid { .risk-disposal-page__search-grid {
src/views/wel/index.vue
+2 -2
View File
@@ -451,7 +451,7 @@ export default {
gap: 16px; gap: 16px;
margin-bottom: 16px; margin-bottom: 16px;
border-left: 4px solid var(--accent); border-left: 4px solid var(--accent);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s;
&:hover { &:hover {
transform: translateY(-2px); transform: translateY(-2px);
@@ -508,7 +508,7 @@ export default {
border-radius: 10px; border-radius: 10px;
padding: 18px 20px; padding: 18px 20px;
margin-bottom: 16px; margin-bottom: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
// 当面板在 flex 列容器中时，内容区自动撑满 // 当面板在 flex 列容器中时，内容区自动撑满
.trend, .trend,