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

style(business): 优化派遣摘要及路线项布局样式

Browse Source 
- 调整派遣摘要网格列宽，改善整体布局比例
- 增加派遣路线容器间距，提升视觉分隔效果
- 修改派遣路线项最大宽度和内边距，提升内容展示空间
- 添加派遣路线项最小高度及虚线边框，增强区块感和可视性
- 调整派遣路线项边角圆角，优化界面圆润度
This commit is contained in:
赵忠林
2026-08-07 01:41:35 +08:00
parent 6c91889e33
commit bb580b2bfc
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/business/components/business-crud-page.vue
View File

@@ -9358,7 +9358,7 @@ export default {
&__dispatch-summary { &__dispatch-summary {
display: grid; display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(420px, 1fr); grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 16px; gap: 16px;
align-items: stretch; align-items: stretch;
margin-bottom: 12px; margin-bottom: 12px;
@@ -9418,16 +9418,21 @@ export default {
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
gap: 12px; gap: 40px;
align-items: center; align-items: center;
height: 100%; //height: 100%;
margin: 20px 0;
} }
&__dispatch-route-item { &__dispatch-route-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
max-width: 100%; max-width: 90%;
padding: 16px;
min-height: 80px;
border: 1px dashed #e3e4ec;
border-radius: 12px;
} }
&__dispatch-route-badge { &__dispatch-route-badge {