feat: 物品规则页左右布局,接单平台统计条精简
- 物品规则改为左右布局:左侧编辑/新建表单(加宽、一屏展示无滚动条),右侧可滚动规则列表 - 列表顶部新增搜索(规则标识/商品/SKU/店铺),点击行快速载入编辑,当前行高亮 - 接单平台顶部统计改为单行紧凑统计条,减少页面高度
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user