|
|
@@ -1324,19 +1324,17 @@ main.content { padding: var(--page-padding-y) var(--page-padding-x) var(--page-p
|
|
|
.ops-table thead th.ops-col-text { text-align: left; }
|
|
|
.ops-text-cell { text-align: left; color: var(--text); max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
|
|
|
|
|
|
-/* 列宽按内容自适应:日期与指标收缩到内容宽,店铺列固定 220px,剩余空间交给填充列 */
|
|
|
-.ops-table-wide { width: 100%; margin: 0; table-layout: auto; }
|
|
|
+/* 报表列宽:固定布局,店铺 240 / 日期 72 定宽,指标列均分剩余宽度 */
|
|
|
+.ops-table-wide { width: 100%; table-layout: fixed; }
|
|
|
+.ops-table-wide th.ops-shop-col,
|
|
|
+.ops-table-wide td.ops-shop-cell { width: 240px; border-right: 1px solid var(--border-light); }
|
|
|
.ops-table-wide th.ops-date-col,
|
|
|
-.ops-table-wide td.ops-date-cell { width: 64px; min-width: 64px; }
|
|
|
+.ops-table-wide td.ops-date-cell { width: 72px; }
|
|
|
.ops-table-wide th.ops-metric-col,
|
|
|
.ops-table-wide td.ops-num,
|
|
|
-.ops-table-wide td.ops-text-cell { width: 1%; white-space: nowrap; }
|
|
|
-.ops-table-wide th.ops-metric-col { min-width: 96px; padding-left: 22px; padding-right: 22px; }
|
|
|
+.ops-table-wide td.ops-text-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
|
+.ops-table-wide th.ops-metric-col { padding-left: 18px; padding-right: 18px; }
|
|
|
.ops-table-wide td.ops-num,
|
|
|
-.ops-table-wide td.ops-text-cell { padding-left: 22px; padding-right: 22px; }
|
|
|
-.ops-table-wide th.ops-shop-col,
|
|
|
-.ops-table-wide td.ops-shop-cell { width: 220px; min-width: 220px; max-width: 220px; border-right: 1px solid var(--border-light); }
|
|
|
+.ops-table-wide td.ops-text-cell { padding-left: 18px; padding-right: 18px; }
|
|
|
.ops-table-wide tbody td { border-bottom-color: #f0ece7; }
|
|
|
-.ops-table-wide .ops-filler-col,
|
|
|
-.ops-table-wide .ops-filler { width: auto; padding: 0; border-bottom-color: transparent; border-right: 0; }
|
|
|
-.ops-shop-name { display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
|
|
|
+.ops-shop-name { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
|