From d694ed9343077c900a8a99f12500b6c1013f50b4 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Thu, 29 May 2025 14:12:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=B9=E5=87=BA=E6=A1=86?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=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            | 110 +++++++++++++++++++++++++++++++--
 src/views/elementGroups.vue            |  15 +----
 src/views/super/Ranking/RankDetail.vue |   8 ++-
 src/views/super/Ranking/RankList.vue   |  11 ++--
 4 files changed, 121 insertions(+), 23 deletions(-)

diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 97c7984..27dde98 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -151,6 +151,21 @@ body {
     }
   }
   
+  .custom-popover {
+    position: fixed !important;
+    max-height: 290px;
+    overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
+}
+.tableHeaderSelect ::v-deep .el-input__inner{
+    font-size: 14px;
+    font-weight: normal;
+    letter-spacing: 0.08em;
+    font-family: Microsoft YaHei UI;
+    color: #1E2226;
+    }
 .ellipsis{
     
 }
@@ -181,7 +196,8 @@ body {
 }
 .min-flex-right {
     min-width: 1033px;
-    max-width: 1556px;
+    max-width: 100%;
+    // max-width: 1556px;
     width: 84.75%;
     margin: 0 auto;
     .flex-common{
@@ -260,6 +276,9 @@ body {
 }
 
 // end---------
+
+
+    
 //radio 发生change事件时，会有报错
 ::v-deep .el-radio__original {
     display: none !important;
@@ -331,6 +350,7 @@ body {
     width: 88px;
     height: 33px;
     border-radius: 2px;
+    font-size: 12px;
 }
 .el-button--primary,.el-button--normal{
     background: #006AFF;
@@ -712,7 +732,9 @@ body {
         justify-content: flex-start;
     }
 }
-
+.el-table__header colgroup col {
+    width: auto !important;
+  }
 .form-top-icon {
     display: flex;
     align-items: center;
@@ -730,6 +752,80 @@ body {
 
 
 // table start
+/* 确保单元格内容超出时显示省略号 */
+// .cell-content {
+//     white-space: nowrap;
+//     overflow: hidden;
+//     text-overflow: ellipsis;
+//     max-width: 100px; /* 根据实际需要调整 */
+//   }
+  .nowrap{
+        white-space: nowrap !important;
+        overflow: hidden !important;
+        text-overflow: ellipsis !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;
+      }
+  }
+ 
 .el-table{
     min-height: 258px;
     th,td{
@@ -743,6 +839,10 @@ body {
     }
     td{
     }
+    .el-table__header .el-input--suffix{
+        display: flex;
+        align-items: center;
+    }
 }
 .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
     background-color: #F6F7FA;
@@ -774,7 +874,7 @@ body {
 }
 
 .el-table .el-table__cell {
-    padding: 18px 0;
+    padding: 16px 0 !important;
 }
 
 .el-table .cell {
@@ -788,11 +888,13 @@ body {
 // 表格行内小图标 默认隐藏
 .el-table .svg-icon-wrapper{
     display: none !important;
+    margin-left: 8px;
 }
   //划过时 显示
-.el-table__row:hover{
+.el-table .el-table__row:hover{
     .svg-icon-wrapper{
         display: block !important;
+        margin-left: 8px;
     }
 }
 // table end
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 5d7af78..db987d6 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -22,17 +22,6 @@
                         :multiple="true" autoColumn="true" :loading="tableLoading">
                         <!-- <template slot="header"> -->
                         <el-table-column width="180" fixed="left" label="名称(固定左)"></el-table-column>
-                        <!-- <el-table-column prop="type">
-                            <template slot="header">
-                                <GuipSelect class="custom-select" v-model="chktype" :options="type2filterOptions"
-                                    defaultValue="全部检测类型" @change="changeSelectType" />
-                            </template>
-
-<template slot-scope="scope">
-                                {{ type2name[scope.row.type] }}
-                            </template>
-</el-table-column> -->
-
                         <el-table-column prop="created_at" label="时间" width="200">
                             <template slot-scope="scope">
                                 <div class="flex cell_render">
@@ -43,7 +32,7 @@
                                                 '0' ? '文字居中' : '文字居中' }}</span>
                                     </GuipToolTip>
                                     <GuipToolTip content="图标居中">
-                                        <svg-icon size="16" :path="require('@/assets/register/tableEdit.svg')"
+                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')"
                                             :color="'#8A9099'" :hoverColor="'#006AFF'" />
                                     </GuipToolTip>
 
@@ -58,7 +47,7 @@
                                             scope.row.payment
                                                 ==
                                                 '0' ? '单元格局中' : '单元格局中' }}</span>
-                                        <svg-icon size="16" :path="require('@/assets/register/tableEdit.svg')"
+                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')"
                                             :color="'#8A9099'" :hoverColor="'#006AFF'" />
                                     </div>
 
diff --git a/src/views/super/Ranking/RankDetail.vue b/src/views/super/Ranking/RankDetail.vue
index 3403434..8fe27fc 100644
--- a/src/views/super/Ranking/RankDetail.vue
+++ b/src/views/super/Ranking/RankDetail.vue
@@ -61,7 +61,7 @@
                                     <div class="flex-between flex pop-top">
                                         <h3>
                                             {{ row.value_1 }} {{ rank_type_desc[dataRank] }}
-                                            <span @click="goLookMoreData(row.value_1)">查看更多</span>
+                                            <span class="lookMore" @click="goLookMoreData(row.value_1)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
                                             关闭<img src="@/assets/register/close.svg">
@@ -123,7 +123,7 @@
                                     <div class="flex-between flex pop-top">
                                         <h3>
                                             {{ row.value_1 }} {{ rank_type_desc[dataRank] }}
-                                            <span @click="goLookMoreData(row.value_1)">查看更多</span>
+                                            <span  class="lookMore" @click="goLookMoreData(row.value_1)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
                                             关闭<img src="@/assets/register/close.svg">
@@ -539,4 +539,8 @@ export default {
     }
   }
 }
+.lookMore {
+    cursor: pointer;
+    font-weight: 400;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/super/Ranking/RankList.vue b/src/views/super/Ranking/RankList.vue
index 7a55435..3c6b3ba 100644
--- a/src/views/super/Ranking/RankList.vue
+++ b/src/views/super/Ranking/RankList.vue
@@ -89,7 +89,7 @@
                                         <div class="flex-between flex pop-top">
                                             <h3>
                                                 {{ text }} {{ row.name }} {{ rank_type_desc[dataRank] }}
-                                                <span @click="goLookMoreData(row.id)">查看更多</span>
+                                                <span class="lookMore" @click="goLookMoreData(row.id)">查看更多</span>
                                             </h3>
                                             <span class="flex point" @click="closePop(row,'id')">
                                                 关闭<img src="@/assets/register/close.svg">
@@ -127,7 +127,7 @@
                                     <div class="flex-between flex pop-top">
                                         <h3>
                                             {{ text }} {{ row.name }} {{ rank_type_desc[dataRank] }}
-                                            <span @click="goLookMoreData(row.id)">查看更多</span>
+                                            <span class="lookMore" @click="goLookMoreData(row.id)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
                                             关闭<img src="@/assets/register/close.svg">
@@ -161,7 +161,7 @@
                                     <div class="flex-between flex pop-top">
                                         <h3>
                                             {{ text }} {{ row.name }} {{ rank_type_desc[dataRank] }}
-                                            <span @click="goLookMoreRank(row.id)">查看更多</span>
+                                            <span class="lookMore" @click="goLookMoreRank(row.id)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
                                             关闭<img src="@/assets/register/close.svg">
@@ -635,7 +635,10 @@ export default {
 .color-red{
   color: #FF4D4F;
 }
-
+.lookMore {
+    cursor: pointer;
+    font-weight: 400;
+}
 .pop-wrap {
   display: flex;
   flex-direction: column;