修改气泡弹出框定位问题

src/style/theme/common.scss

@@ -951,6 +951,14 @@ body {
 .el-popover {
     padding: 32px;
 }
+::v-deep .custom-popover {
+    position: fixed !important;
+    max-height: 290px;
+    overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
+}
 
 // 日历区间背景颜色
 .el-date-table td.in-range div {

src/views/super/Ranking/RankBatchList.vue

@@ -53,14 +53,17 @@
 
                         <!--产品利润排行展示查看更多-->
                         <template v-if="index == 3 && dataRank == 1" v-slot="{ row, $index }">
-                            <el-popover v-model="row.id_popover" placement="top" trigger="manual"
+                            <!-- <el-popover v-model="row.id_popover" placement="top" trigger="manual"
                                 :ref="`popover-${$index}`" :append-to-body="false" :visible-arrow="true"
+                                popper-class="custom-popover" @show="popshow"> -->
+                                <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`" 
+                                placement="top" trigger="manual" :append-to-body="false"  :visible-arrow="true"
                                 popper-class="custom-popover"  @show="popshow" >
 
                                 <div v-if="type != 'agent'" class="pop-wrap">
                                     <div class="flex-between flex pop-top">
                                         <h3>
-                                            {{ text }} {{ row.name }}
+                                             {{ row.name }}
                                             <span class="lookMore" @click="goLookMoreData(row.id)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
@@ -82,7 +85,7 @@
                                 <div v-else class="pop-wrap">
                                     <div class="flex-between flex pop-top">
                                         <h3>
-                                            {{ text }} {{ row.name }}
+                                            {{ row.name }}
                                             <span class="lookMore" @click="goLookCheckTypeRank(row.id)">查看更多</span>
                                         </h3>
                                         <span class="flex point" @click="closePop(row,'id')">
@@ -114,7 +117,7 @@
 
                                 <div class="flex" slot="reference">
                                     {{ row[field] }}
-                                    <svg-icon v-if="row[field] > 0" :size="14"
+                                        <svg-icon  :size="14" v-if="row[field] *100 != 0" 
                                             :path="require('@/assets/super/list-detail.svg')" :color="'#8A9099'"
                                             :hoverColor="'#006AFF'" @click="handleClick(row, $index, 'id')" />
                                 </div>
@@ -133,9 +136,10 @@
                         :render-header=" (h, scope) => renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) "
                         key="top" prop="top" label="代理商排行" width="250" fixed="right">
                         <template v-slot="{ row, $index }">
-                            <el-popover v-model="row.id_popover_2" placement="top" trigger="manual"
-                                 popper-class="custom-popover"
-                                :ref="`popover_2-${$index}`" @show="popshow" :append-to-body="false" :visible-arrow="true">
+                            <el-popover v-model="row.id_popover_2" :ref="`popover_2-${$index}`" placement="top" trigger="manual"
+                                popper-class="custom-popover"  @show="popshow" :append-to-body="false"
+                                 :visible-arrow="true"
+                               >
                                 <div class="pop-wrap">
                                     <div class="flex-between flex pop-top">
                                         <h3>
@@ -152,7 +156,7 @@
                                         <el-table-column prop="value_1" width="200" label="销售额"></el-table-column>
                                     </el-table>
                                 </div>
-                                <span v-if="top_list[row.id]" slot="reference">
+                                <span v-if="top_list[row.id]" slot="reference" class="flex">
                                     No.1 {{ top_list[row.id]['name'] }}
                                     <svg-icon :size="14" @click="handleClick2(row, $index, 'id')"
                                         :path="require('@/assets/super/list-detail.svg')" :color="'#8A9099'"
@@ -177,6 +181,7 @@ import GuipTable from '@/components/GuipTable.vue';
 import CustomDropdown from '@/components/CustomDropdown.vue';
 import SvgIcon from '@/components/SvgIcon.vue';
 import GuipToolTip from '@/components/GuipToolTip.vue';
+// import HoverImage from '@/components/super/HoverImage.vue';
 export default {
     name: 'rank_batch_list',
     props: {
@@ -372,6 +377,7 @@ export default {
             }
         },
         handleClick2(row, index, type) {
+            console.log('执行了');
             // 关闭其他行的弹框
             this.tableData.forEach((item, i) => {
                 item[type + '_popover'] = false;
@@ -603,10 +609,20 @@ export default {
         margin-bottom: 0;
     }
 }
+::v-deep .custom-popover {
+    position: fixed !important;
+    max-height: 290px;
+    overflow-y: auto;
+    margin-top: 0 !important;
+    margin-left: 0 !important;
+    transform: none !important;
+}
+
 .lookMore {
     cursor: pointer;
     font-weight: 400;
 }
+
 .beforeNotice {
     margin-top: 12px;
     border-radius: 4px;
@@ -615,11 +631,13 @@ export default {
     padding: 20px 14px;
     color: #1E2226;
     letter-spacing: 0.08em;
+
     .noticeTop {
         gap: 8px;
         margin-bottom: 12px;
 
     }
+
     .noticeBot {
         gap: 10px;
     }