From 0d5dbee438a13f3bc6da3da581d6546481ac6aa8 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 30 May 2025 14:08:40 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=B0=94=E6=B3=A1?=
=?UTF-8?q?=E5=BC=B9=E5=87=BA=E6=A1=86=E5=85=B3=E9=97=AD=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/super/Ranking/RankBatchList.vue | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/views/super/Ranking/RankBatchList.vue b/src/views/super/Ranking/RankBatchList.vue
index 4e31fe3..dd6b547 100644
--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@@ -64,7 +64,7 @@
查看更多
- 关闭
+
@@ -86,7 +86,7 @@
查看更多
- 关闭
+
@@ -134,7 +134,8 @@
key="top" prop="top" label="代理商排行" width="250" fixed="right">
+ popper-class="custom-popover"
+ :ref="`popover_2-${$index}`" @show="popshow" :append-to-body="false" :visible-arrow="true">
@@ -142,7 +143,7 @@
查看更多
- 关闭
+
From 633231ae794add7e5a0ce8602b5adbcc2ab3cb5b Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 30 May 2025 14:09:20 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=85=AC=E5=85=B1?=
=?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/style/theme/common.scss | 97 +++++++++++++++++++++++++++++++++++++++++----
1 file changed, 90 insertions(+), 7 deletions(-)
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 97c7984..d9312ec 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -180,8 +180,8 @@ body {
margin: 0 auto;
}
.min-flex-right {
- min-width: 1033px;
- max-width: 1556px;
+ min-width: 1020px;
+ // max-width: 1556px;
width: 84.75%;
margin: 0 auto;
.flex-common{
@@ -727,8 +727,76 @@ body {
color: #1E2226;
}
}
+.nowrap{
+ white-space: nowrap !important;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+}
+.tableHeaderSelect{
+ height: 18px !important;
+}
+/* 小屏幕下调整 */
+@media screen and (max-width: 1440px) {
+.el-table th.el-table__cell > .cell{
+ white-space: nowrap !important;
+ }
+ .cell-content {
+ display: inline-block;
+ max-width:60%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ .svg-icon-wrapper{
+ width: 12px !important;
+ height: 12px !important;
+ }
+}
+@media screen and (min-width: 1321px) and (max-width: 1440px){
+.el-table{
+ th,td{
+ font-size: 13px !important;
+ }
+}
+// body{
+// font-size: 13px !important;
+// }
+.tableHeaderSelect .el-input__inner{
+ font-size: 13px !important;
+}
+}
+@media screen and (max-width: 1320px){
+// body{
+// font-size: 12px !important;
+// }
+.el-table{
+ th,td{
+ font-size: 12px !important;
+ }
+}
+.tableHeaderSelect .el-input__inner{
+ font-size: 12px !important;
+}
+
+}
+@media screen and (min-width: 1440px) {
+.el-table{
+ th,td{
+ font-size: 14px !important;
+ }
+}
+.cell-content {
+ white-space: normal;
+ max-width: none;
+}
+.svg-icon-wrapper{
+ // width: 12px !important;
+ // height: 12px !important;
+ }
+}
+
// table start
.el-table{
min-height: 258px;
@@ -737,12 +805,17 @@ body {
font-weight: normal;
letter-spacing: 0.08em;
color: #1E2226;
- height: 56px;
- padding: 18px 16px !important;
+ // height: 56px;
+ padding: 8px 10px !important;
box-sizing: border-box !important;
}
td{
}
+ .tableColumn{
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ }
}
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: #F6F7FA;
@@ -762,7 +835,12 @@ body {
// height: auto !important;
// background: transparent !important;
// }
-
+.el-table th.el-table__cell > .cell{
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ display: flex;
+ align-items: center;
+}
.el-table th.el-table__cell {
background: #F6F7FA;
padding: 10px 0;
@@ -778,8 +856,8 @@ body {
}
.el-table .cell {
- padding-left: 16px;
- padding-right: 16px;
+ padding-left: 0px;
+ padding-right: 0px;
}
.el-table .el-form-item {
margin-bottom: 0;
@@ -788,10 +866,12 @@ body {
// 表格行内小图标 默认隐藏
.el-table .svg-icon-wrapper{
display: none !important;
+ margin-left: 8px;
}
//划过时 显示
.el-table__row:hover{
.svg-icon-wrapper{
+ margin-left: 8px;
display: block !important;
}
}
@@ -881,6 +961,9 @@ body {
display: flex;
align-items: center;
}
+.flex-end{
+ align-items: flex-end !important;
+}
// 公共圆角类名
.br4{
border-radius: 4px;