From 521483de6461d26818d8182883ea7f500b1716c4 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Wed, 24 Sep 2025 17:52:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=92=E8=A1=8C=E6=A6=9C=E7=9B=B8=E5=85=B3bu?=
 =?UTF-8?q?g=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                       |  6 +++---
 src/views/super/Ranking/RankBatchList.vue |  4 ++--
 src/views/super/Ranking/RankList.vue      | 28 +++++++++++++++++++++-------
 3 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 2fa83a6..41170a2 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -361,7 +361,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 毛利润排行',
       rank_type: 1,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
@@ -374,7 +374,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 订单数排行',
       rank_type: 2,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
@@ -387,7 +387,7 @@ const routes = [{
     props: {
       pageTitle: '产品 - 退单数排行',
       rank_type: 3,
-      type: 'check_type'
+      type: 'ver_type'
     },
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
diff --git a/src/views/super/Ranking/RankBatchList.vue b/src/views/super/Ranking/RankBatchList.vue
index 834b531..0588b70 100644
--- a/src/views/super/Ranking/RankBatchList.vue
+++ b/src/views/super/Ranking/RankBatchList.vue
@@ -52,8 +52,8 @@
                         sortable="custom" min-width="170">
 
                         <!--产品利润排行展示查看更多-->
-                        <template v-if="index == 3 && dataRank == 1" v-slot="{ row, $index }">
-                                <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`" 
+                        <template v-if="index == 3 && dataRank == 1" scope="{ row, $index }">
+                                <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`"
                                 placement="bottom" trigger="manual" :append-to-body="false"  :visible-arrow="true"
                                 popper-class="custom-popover"  @show="popshow" >
 
diff --git a/src/views/super/Ranking/RankList.vue b/src/views/super/Ranking/RankList.vue
index a8536e8..7ec1a58 100644
--- a/src/views/super/Ranking/RankList.vue
+++ b/src/views/super/Ranking/RankList.vue
@@ -35,11 +35,8 @@
             </div>
 
             <el-form>
-                <el-table :data="tableData"
-                          :key="dataRank"
-                          style="width: 100%"
-                          @sort-change="handleSortChange"
-                          @cell-mouse-enter="handleRowHover">
+                <GuipTable :tableData="tableData" style="width: 100%" :border="true" @sort-change="handleSortChange"
+                           :loading="loading" @cell-mouse-enter="handleRowHover">
 
                     <el-table-column prop="sort" label="排序" width="100"></el-table-column>
 
@@ -48,7 +45,7 @@
                                      :key="selectedType"
                                      :label="type_select[selectedType]">
                         <template slot="header">
-                            <el-select class="custom-select" popper-class="custom-select-dropdown" v-model="selectedType" @change="changeRankType">
+                            <el-select class="custom-select tableHeaderSelect" popper-class="custom-select-dropdown" v-model="selectedType" @change="changeRankType">
                                 <el-option v-for="(item,type) in type_select"
                                            :key="type"
                                            :label="item"
@@ -201,7 +198,7 @@
                             </el-popover>
                         </template>
                     </el-table-column>
-                </el-table>
+                </GuipTable>
 
                 <el-pagination v-if="dataType == 'agent' || dataType == 'loss'" background
                                @size-change='handleSizeChange'
@@ -220,6 +217,7 @@
 import DateSelect from '@/components/super/DateSelect.vue';
 import CustomDropdown from '@/components/CustomDropdown.vue';
 import HoverImage from "@/components/super/HoverImage.vue";
+import GuipTable from "@/components/GuipTable.vue";
 
 export default {
     name: 'rank_list',
@@ -246,12 +244,14 @@ export default {
         },
     },
     components: {
+        GuipTable,
         HoverImage,
         DateSelect,
         CustomDropdown
     },
     data() {
         return {
+            loading: false,
             rank_type_desc: {
                 1: '毛利润',
                 2: '订单数',
@@ -512,6 +512,7 @@ export default {
             this.show_detail_index = row.sort
         },
         getRankingData() {
+            this.loading = true;
             if (this.dataType == 'agent') {
                 this.getAgentRanking()
             }
@@ -539,6 +540,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -564,6 +566,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -590,6 +593,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -665,6 +669,7 @@ export default {
                 cur_page: that.currentPage,
                 page_size: that.pageSize,
             }).then(response => {
+                this.loading = false;
                 this.$nextTick(() => {
                     that.tableData = response.data.list
                     that.total_value = response.data.total_value
@@ -745,4 +750,13 @@ export default {
   }
 
 }
+
+.tableHeaderSelect ::v-deep .el-input__inner {
+  font-size: 14px;
+  font-weight: normal;
+  letter-spacing: 0.08em;
+  font-family: Microsoft YaHei UI;
+  color: #1E2226;
+  height: 100%;
+}
 </style>
\ No newline at end of file