feat: 物品规则页左右布局,接单平台统计条精简

- 物品规则改为左右布局:左侧编辑/新建表单(加宽、一屏展示无滚动条),右侧可滚动规则列表
- 列表顶部新增搜索(规则标识/商品/SKU/店铺),点击行快速载入编辑,当前行高亮
- 接单平台顶部统计改为单行紧凑统计条,减少页面高度
This commit is contained in:
yml2213
2026-08-15 11:28:52 +08:00
parent 1131780186
commit d44c6039ea
3 changed files with 414 additions and 300 deletions
+79 -1
View File
@@ -1556,6 +1556,27 @@ select {
gap: 5px;
}
/* 接单平台顶部紧凑统计条 */
.platform-summary-strip-card {
width: 100%;
}
.platform-summary-strip-card .ant-card-body {
padding: 8px 16px !important;
}
.platform-summary-strip-item {
font-size: 13px;
color: rgba(0, 0, 0, 0.65);
white-space: nowrap;
}
.platform-summary-strip-item strong {
font-size: 16px;
margin-left: 6px;
color: rgba(0, 0, 0, 0.88);
}
.metric-card span,
.metric-card small {
color: #6b7280;
@@ -2373,9 +2394,66 @@ select {
width: 100%;
}
/* 物品规则:左侧编辑表单 + 右侧可滚动列表 */
.product-rules-layout {
display: flex;
gap: 16px;
align-items: flex-start;
}
.product-rules-form-card {
width: 560px;
flex-shrink: 0;
}
/* 左侧表单一屏展示,不出现滚动条 */
.product-rules-form-card .ant-card-body {
overflow: visible;
}
.product-rules-form-card .worker-rule-form .ant-form-item {
margin-bottom: 14px;
}
.product-rules-form-card .worker-rule-form .ant-form-item-label {
padding-bottom: 2px;
}
.product-rules-form-card .worker-rule-form .ant-input-textarea textarea {
min-height: 56px !important;
}
.product-rules-list-card {
flex: 1;
min-width: 0;
}
.product-rules-list-card .ant-card-body {
max-height: calc(100vh - 150px);
overflow-y: auto;
}
.product-rules-list-card .ant-table-wrapper {
max-height: calc(100vh - 230px);
}
.product-rule-row-active > td {
background: #e6f4ff !important;
}
@media (max-width: 1024px) {
.product-rules-layout {
flex-direction: column;
}
.product-rules-form-card {
width: 100%;
}
}
.worker-rule-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 0 14px;
}